Comments (4)
I try to upgrade to 1.0 from my PR #101, here is the first commit : messenjer@5c0a90f
There are sass variables from bulma 0.9 used in theme-bulma that have been renamed, or calculated differently in bulma 1.0.
Example :
$input-background-color
-->hsl( $input-h, $input-s, calc(input-background-l + input-background-l-delta))
background-color: hsl(
#{cv.getVar("input-h")},
#{cv.getVar("input-s")},
calc(
#{cv.getVar("input-background-l")} + #{cv.getVar(
"input-background-l-delta"
)}
)
);
So for this color, I created a temporary file https://github.com/messenjer/theme-bulma/blob/7c1ac51fbc7c71e8f2e4e96390927b15ae83c6e7/src/assets/scss/components/utils/_variables-to-migrate.scss
@use "bulma/sass" as bulma;
@use "bulma/sass/utilities" as fn;
$primary-invert: bulma.$white !default;
$dropdown-item-hover-background-color: bulma.$dropdown-item-background-l !default;
$dropdown-item-hover-color: bulma.$dropdown-item-color-l !default;
$input-focus-box-shadow-size: bulma.$input-focus-shadow-size !default;
$input-focus-box-shadow-color: bulma.$input-focus-l !default;
We can improve the oruga theme using the new mixins, functions from bulma v1, perhaps we should ask for advice on the bulma project to get recommendations and help.
from theme-bulma.
According to the release notes, V1 should be a drop-in replacement for 0.9.4.
from theme-bulma.
Hello,
For one of my projects, I had the necessity to customize the entire Oruga Bulma theme using CSS variables. Consequently, instead of utilising Oruga's theme-bulma, I opted for the Bulvar library available at https://github.com/daniil4udo/bulvar for the Buefy project. However, if the Oruga theme-bulma upgrade to the latest version of Bulma (version 1) with built-in support for CSS variables, it would eliminate the need for Bulvar.
To upgrade to bulma v1 we need also to replace all the @import
by @use
or @forward
and setup correctly the variables inside the theme-bulma
. There is an old pull request here: #49 by @IceBlizz6 . It might help to port this PR to the master branch.
Mathieu
from theme-bulma.
I created a PR to replace @import
with @use
, @forward
#101 a step towards bulma v1
from theme-bulma.
Related Issues (20)
- Notification close button icon is broken HOT 1
- $tooltip-content-zindex does not exist
- Carousel broken on docs site HOT 1
- Please release a new version, thanks HOT 1
- How to set mdi icons HOT 2
- Modal: Content is covered by background HOT 1
- Docs: Disappearance of buttons
- Duplicated close icons HOT 3
- sass/scss customization with Nuxt 3 HOT 1
- [Bug Report] Close icon for bulma theme modal is abnormal HOT 2
- [Bug Report] position="" for o-tabs is not working HOT 3
- Bulma: expanded autocomplete doesn't expand HOT 1
- table with mobile cards not working with Bulma theme
- Table wrapper missing the class has-mobile-cards
- Variable name not aligned with Oruga HOT 1
- Update of the theme for the new version 0.8 HOT 16
- Problems with mouse hovering for slider and dropdown component HOT 1
- Incorrect passwordVisibleIcon
- Incorrect validation color HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from theme-bulma.