Ything-RepoMirrors/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma.git synced 2026-01-25 04:16:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update packages
Some checks failed
End-to-end tests / cypress-run (push) Has been cancelled

Browse Source
This commit is contained in:
Jeremy Thomas
2025-12-03 10:40:51 +00:00
parent 82c5f33b96
commit 68ff0ad283
10 changed files with 368 additions and 624 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
docs/_includes/global/head.html
View File

@@ -30,7 +30,7 @@
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
<link
rel="stylesheet"
href="{{ site.url }}/assets/css/{{ site.docs_file }}.css?v={{ site.time | date: "%Y%m%d%H%M" }}"
href="{{ site.url }}/assets/css/{{ site.docs_file }}.css?v={{ site.data.asset_hash.css }}"
>
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.url }}">

2
docs/_includes/website/carbon.html
View File

@@ -1,6 +1,6 @@
<div id="carboncontainer" class="bd-carbon">
<div id="carbon">
<a id="masterclass-carbon" href="https://cssmasterclass.io/" target="_blank" style="display: none; aspect-ratio: 40 / 26; max-width: 400px; max-height: 260px;">
<a id="masterclass-carbon" href="https://cssmasterclass.io/" target="_blank" style="display: none; aspect-ratio: 40 / 28; max-width: 400px; max-height: 280px; width: 100%;">
<img src="{{ site.url }}/assets/images/masterclass/masterclass-carbon.png" height="260" width="400" alt="CSS Masterclass">
</a>
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?serve=CWYIE237&placement=bulmaio&format=cover" id="_carbonads_js" onerror="this.previousElementSibling.style.display = 'flex'"></script>

8
docs/_sass/docs/hero.scss
View File

@@ -99,9 +99,9 @@
}
.bd-carbon {
aspect-ratio: 40 / 26;
max-height: 280px !important;
max-width: 400px !important;
aspect-ratio: 40 / 28;
height: 280px !important;
width: 400px !important;
&,
& > div {
@@ -111,6 +111,6 @@
}
> div {
aspect-ratio: 40 / 26;
aspect-ratio: 40 / 28;
}
}

41
docs/assets/css/website.css
View File

@@ -33994,9 +33994,6 @@ has-background-moon.is-hoverable:active {
padding: 1em;
}
.bulma-placeholder-mixin {
border-color: hsl(195, 53%, 79%);
}
.bulma-placeholder-mixin::-moz-placeholder {
color: lightblue;
}
@@ -34009,6 +34006,9 @@ has-background-moon.is-hoverable:active {
.bulma-placeholder-mixin:-ms-input-placeholder {
color: lightblue;
}
.bulma-placeholder-mixin {
border-color: hsl(195, 53%, 79%);
}
.bulma-placeholder-mixin:hover {
border-color: hsl(195, 83%, 66%);
}
@@ -34136,8 +34136,6 @@ has-background-moon.is-hoverable:active {
transition-duration: var(--bulma-duration);
transition-property: background-color, border-color, box-shadow, color;
vertical-align: top;
background: deeppink;
color: white;
}
.bulma-control-mixin:focus, .bulma-control-mixin:focus-visible, .bulma-control-mixin:focus-within, .bulma-control-mixin.is-focused, .bulma-control-mixin:active, .bulma-control-mixin.is-active {
outline: none;
@@ -34145,6 +34143,10 @@ has-background-moon.is-hoverable:active {
.bulma-control-mixin[disabled], fieldset[disabled] .bulma-control-mixin {
cursor: not-allowed;
}
.bulma-control-mixin {
background: deeppink;
color: white;
}
.bulma-control-mixin.is-small {
border-radius: var(--bulma-radius-small);
font-size: var(--bulma-size-small);
@@ -34177,8 +34179,6 @@ has-background-moon.is-hoverable:active {
transition-duration: var(--bulma-duration);
transition-property: background-color, border-color, box-shadow, color;
vertical-align: top;
background: mediumblue;
color: white;
}
.bulma-control-extend:focus, .bulma-control-extend:focus-visible, .bulma-control-extend:focus-within, .bulma-control-extend.is-focused, .bulma-control-extend:active, .bulma-control-extend.is-active {
outline: none;
@@ -34186,6 +34186,10 @@ has-background-moon.is-hoverable:active {
.bulma-control-extend[disabled], fieldset[disabled] .bulma-control-extend {
cursor: not-allowed;
}
.bulma-control-extend {
background: mediumblue;
color: white;
}
.bd-websites {
--gap: 0px;
@@ -34308,9 +34312,9 @@ has-background-moon.is-hoverable:active {
}
}
.bd-carbon {
aspect-ratio: 40/26;
max-height: 280px !important;
max-width: 400px !important;
aspect-ratio: 40/28;
height: 280px !important;
width: 400px !important;
}
.bd-carbon, .bd-carbon > div {
align-items: center;
@@ -34318,9 +34322,12 @@ has-background-moon.is-hoverable:active {
justify-content: center;
}
.bd-carbon > div {
aspect-ratio: 40/26;
aspect-ratio: 40/28;
}
.highlight:not(:last-child) {
margin-bottom: 1.5rem;
}
.highlight {
background-color: var(--hl-gray-09);
border-radius: var(--hl-radius);
@@ -34328,9 +34335,6 @@ has-background-moon.is-hoverable:active {
font-size: 0.875em;
position: relative;
}
.highlight:not(:last-child) {
margin-bottom: 1.5rem;
}
.highlight.bd-is-hovering {
box-shadow: inset 0 0 0 2px var(--hl-orange);
}
@@ -37260,6 +37264,7 @@ svg {
.masterclass-body {
background-color: #333;
position: relative;
background-color: #111;
background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(/assets/images/coding-background.jpg);
background-repeat: no-repeat;
background-position: center;
@@ -37315,8 +37320,8 @@ div.shine {
}
}
.launch-code {
animation-name: anim-fade-in;
animation-duration: 1s;
background-color: #111;
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/assets/images/coding-background.jpg);
background-size: cover;
background-position: center;
@@ -37398,9 +37403,3 @@ div.shine {
flex-basis: 30rem;
}
}
@media screen and (min-width: 1024px) {
.launch-code {
animation-name: anim-slide-down;
z-index: 40;
}
}

2
docs/assets/css/website.min.css vendored
View File

File diff suppressed because one or more lines are too long

40
docs/package-lock.json generated
View File

@@ -9,9 +9,9 @@
"version": "1.0.1",
"license": "MIT",
"devDependencies": {
"@shopify/prettier-plugin-liquid": "^1.6.1",
"prettier": "^3.4.1",
"sass": "^1.81.0"
"@shopify/prettier-plugin-liquid": "^1.10.0",
"prettier": "^3.7.4",
"sass": "^1.94.2"
}
},
"node_modules/@parcel/watcher": {
@@ -325,24 +325,24 @@
}
},
"node_modules/@shopify/liquid-html-parser": {
"version": "2.1.1",
"resolved": "https://registry.npmjs.org/@shopify/liquid-html-parser/-/liquid-html-parser-2.1.1.tgz",
"integrity": "sha512-5shGZTB7tK28MzawqBb82n6fbn+77U6al5UrOcUruBUj3GNqHJWjzZVPtXq4fQHrFpXFu6l11x+z+ggdUHT0Ng==",
"version": "2.9.0",
"resolved": "https://registry.npmjs.org/@shopify/liquid-html-parser/-/liquid-html-parser-2.9.0.tgz",
"integrity": "sha512-bkI4tLbU47YUxpgbMa9fgeJjFEMvRNEFL644Yk0ZKo5H1IRzU4pPyCQ6PkGvb0JJnt7OZ+RDGvb6ZLCnAR2Z/A==",
"dev": true,
"license": "MIT",
"dependencies": {
"line-column": "^1.0.2",
"ohm-js": "^16.3.0"
"ohm-js": "^17.0.0"
}
},
"node_modules/@shopify/prettier-plugin-liquid": {
"version": "1.6.1",
"resolved": "https://registry.npmjs.org/@shopify/prettier-plugin-liquid/-/prettier-plugin-liquid-1.6.1.tgz",
"integrity": "sha512-l72sIdCF/GvRsGe3t3rbr0sEIg65Q83yamVoTDjsi9VhXbZJTnrIo/ZSe2dJJFOch61n8zi3tWM9jPjbzEblmA==",
"version": "1.10.0",
"resolved": "https://registry.npmjs.org/@shopify/prettier-plugin-liquid/-/prettier-plugin-liquid-1.10.0.tgz",
"integrity": "sha512-csHYjwuT34o8ja6EY0dUBYQS5UVwsKwRYxGiuG816Ov0B8lVd8FUjOwWUk2SnrNx3cGgL0no7z+Byapp7sC1Uw==",
"dev": true,
"license": "MIT",
"dependencies": {
"@shopify/liquid-html-parser": "^2.1.1",
"@shopify/liquid-html-parser": "^2.9.0",
"html-styles": "^1.0.0"
},
"peerDependencies": {
@@ -511,9 +511,9 @@
"optional": true
},
"node_modules/ohm-js": {
"version": "16.6.0",
"resolved": "https://registry.npmjs.org/ohm-js/-/ohm-js-16.6.0.tgz",
"integrity": "sha512-X9P4koSGa7swgVQ0gt71UCYtkAQGOjciJPJAz74kDxWt8nXbH5HrDOQG6qBDH7SR40ktNv4x61BwpTDE9q4lRA==",
"version": "17.2.1",
"resolved": "https://registry.npmjs.org/ohm-js/-/ohm-js-17.2.1.tgz",
"integrity": "sha512-4cXF0G09fAYU9z61kTfkNbKK1Kz/sGEZ5NbVWHoe9Qi7VB7y+Spwk051CpUTfUENdlIr+vt8tMV4/LosTE2cDQ==",
"dev": true,
"license": "MIT",
"engines": {
@@ -535,9 +535,9 @@
}
},
"node_modules/prettier": {
"version": "3.4.1",
"resolved": "https://registry.npmjs.org/prettier/-/prettier-3.4.1.tgz",
"integrity": "sha512-G+YdqtITVZmOJje6QkXQWzl3fSfMxFwm1tjTyo9exhkmWSqC4Yhd1+lug++IlR2mvRVAxEDDWYkQdeSztajqgg==",
"version": "3.7.4",
"resolved": "https://registry.npmjs.org/prettier/-/prettier-3.7.4.tgz",
"integrity": "sha512-v6UNi1+3hSlVvv8fSaoUbggEM5VErKmmpGA7Pl3HF8V6uKY7rvClBOJlH6yNwQtfTueNkGVpOv/mtWL9L4bgRA==",
"dev": true,
"license": "MIT",
"bin": {
@@ -565,9 +565,9 @@
}
},
"node_modules/sass": {
"version": "1.81.0",
"resolved": "https://registry.npmjs.org/sass/-/sass-1.81.0.tgz",
"integrity": "sha512-Q4fOxRfhmv3sqCLoGfvrC9pRV8btc0UtqL9mN6Yrv6Qi9ScL55CVH1vlPP863ISLEEMNLLuu9P+enCeGHlnzhA==",
"version": "1.94.2",
"resolved": "https://registry.npmjs.org/sass/-/sass-1.94.2.tgz",
"integrity": "sha512-N+7WK20/wOr7CzA2snJcUSSNTCzeCGUTFY3OgeQP3mZ1aj9NMQ0mSTXwlrnd89j33zzQJGqIN52GIOmYrfq46A==",
"dev": true,
"license": "MIT",
"dependencies": {

6
docs/package.json
View File

@@ -12,8 +12,8 @@
"start": "npm run website-sass -- --watch"
},
"devDependencies": {
"@shopify/prettier-plugin-liquid": "^1.6.1",
"prettier": "^3.4.1",
"sass": "^1.81.0"
"@shopify/prettier-plugin-liquid": "^1.10.0",
"prettier": "^3.7.4",
"sass": "^1.94.2"
}
}

20
docs/website.scss
View File

@@ -638,8 +638,8 @@ $container-max-width: iv.$fullhd;
.shine {
--transition: 800ms cubic-bezier(0.25, 1, 0.5, 1);
transition: var(--transition);
transition-property: --gradient-angle-offset, --gradient-percent,
--gradient-shine;
transition-property:
--gradient-angle-offset, --gradient-percent, --gradient-shine;
&,
&::before,
@@ -725,7 +725,9 @@ $container-max-width: iv.$fullhd;
.masterclass-body {
background-color: #333;
position: relative;
background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
background-color: #111;
background-image:
linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
url(/assets/images/coding-background.jpg);
background-repeat: no-repeat;
background-position: center;
@@ -784,9 +786,10 @@ div.shine {
}
.launch-code {
animation-name: anim-fade-in;
animation-duration: 1s;
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
background-color: #111;
background-image:
linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
url(/assets/images/coding-background.jpg);
background-size: cover;
background-position: center;
@@ -878,10 +881,3 @@ div.shine {
}
}
}
@media screen and (min-width: 1024px) {
.launch-code {
animation-name: anim-slide-down;
z-index: 40;
}
}

861
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

8
package.json
View File

@@ -29,11 +29,11 @@
"url": "https://github.com/jgthms/bulma/issues"
},
"devDependencies": {
"cssnano": "^7.0.6",
"cssnano": "^7.1.2",
"postcss-cli": "^11.0.1",
"prettier": "^3.5.3",
"rimraf": "^6.0.1",
"sass": "^1.86.3"
"prettier": "^3.7.4",
"rimraf": "^6.1.2",
"sass": "^1.94.2"
},
"scripts": {
"build-bulma": "sass --style=expanded --source-map bulma.scss css/bulma.css",