bulma-rails 1.0.3 → 1.0.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 7a6542800c9a7e7f290a001bcac7d0ffb0530edd2e6a05c1c1ae2de62856f8db
-  data.tar.gz: a6bd388a7d6d777d26666a565e217e049a36e624f4aa5896363ce686f92cfbd1
+  metadata.gz: 8effdb1290e304821a7fadc0c77a3e8ce3591488599f9d69c250e440f31dd2a0
+  data.tar.gz: 5f421df85c9fa6ab1fda1658cdef8392b6e1452e69aee0f7b2eacff596ff7566
 SHA512:
-  metadata.gz: 36be5b9e8b3b428849590e1ee7f7fe3747a041f00f6830b1abf6d197121e470d7208a8bb6f5e1b56f768419c0bd8f70f8f01e5aa1f2b8131750d42ad9d44934f
-  data.tar.gz: 8f24ac595609e494c9fd2a6ba9c41c56ebccae4e3d6b3777ba0efdcfafa5ecd27eee21c713b79503e36110ff57ad45a81e250b0c2b4969d4aab734410ef3bbc1
+  metadata.gz: 95ebf085f272b07e55bac320f254ccdfae286b922c988dee44d9a3b969b6292558ed49b94b315dc914a6b99783cdcda7c52b54d8cf2e0a6feba1865c4b3f44b9
+  data.tar.gz: c13cad06640162d8c788c5677c600fe3127930272f74545596a7e6ebd305c8f09084518b45718be8b01c50e2ba1fdde5f8257e5dad396bf164f330c49945a326

data/README.md

@@ -41,7 +41,7 @@ run `rails tmp:clear` and restarting the server.
 Modularity in Bulma helps to import only what you need.
 As an example, Layout features like Bulma's columns can be loaded directly without requiring any additional files. Simply load the `columns.scss` file with the `@use` keyword into your `application.scss`:
 
-    @use "sass/grid/columns";
+    @use "bulma_sass/grid/columns";
 
 For more information about Modularity see [Modularity in bulma](https://bulma.io/documentation/start/modular/)
 
@@ -49,10 +49,22 @@ For more information about Modularity see [Modularity in bulma](https://bulma.io
 
 For using mixins add the following line to your `application.scss`:
 
-    @use "sass/utilities/mixins";
+    @use "bulma_sass/utilities/mixins";
 
 For more information about Mixins see [Bulma Sass Mixins](https://bulma.io/documentation/sass/mixins/)
 
+## Prefix
+
+Prefix all generated classes with `bulma-`:
+```
+// application.scss
+// Load all styles with `bulma-` prefix
+
+@use "bulma_sass" with (
+  $class-prefix: "bulma-"
+);
+```
+
 ## Customization
 
 To overwrite Bulma’s Sass variables with your own value, write `@use` and the `with` keyword for example to your `application.scss`:
@@ -65,7 +77,7 @@ $beige-light: #d0d1cd;
 $beige-lighter: #eff0eb;
 
 // Override global Sass variables from the /utilities folder
-@use "sass/utilities" with (
+@use "bulma_sass/utilities" with (
   $family-primary: '"Nunito", sans-serif',
   $grey-dark: $brown,
   $grey-light: $beige-light,

data/app/assets/stylesheets/bulma.scss

@@ -1,4 +1,4 @@
 @charset "utf-8";
 
-/*! bulma.io v1.0.3 | MIT License | github.com/jgthms/bulma */
-@use "sass";
+/*! bulma.io v1.0.4 | MIT License | github.com/jgthms/bulma */
+@use "bulma_sass";

data/app/assets/stylesheets/{sass → bulma_sass}/base/generic.scss

@@ -1,3 +1,4 @@
+@use "../utilities/initial-variables" as iv;
 @use "../utilities/css-variables.scss" as cv;
 @use "../utilities/mixins" as mx;
 
@@ -32,7 +33,7 @@ $pre-font-size: 0.875em !default;
 $pre-padding: 1.25rem 1.5rem !default;
 $pre-code-font-size: 1em !default;
 
-:root {
+#{iv.$variables-host} {
   @include cv.register-vars(
     (
       "body-background-color": #{$body-background-color},

data/app/assets/stylesheets/{sass → bulma_sass}/base/skeleton.scss

@@ -9,7 +9,7 @@ $skeleton-block-min-height: 4.5em !default;
 $skeleton-lines-gap: 0.75em !default;
 $skeleton-line-height: 0.75em !default;
 
-:root {
+#{iv.$variables-host} {
   @include cv.register-vars(
     (
       "skeleton-background": #{$skeleton-background},

data/app/assets/stylesheets/{sass → bulma_sass}/components/navbar.scss

@@ -101,7 +101,7 @@ $navbar-colors: dv.$colors !default;
   z-index: cv.getVar("navbar-fixed-z");
 }
 
-:root {
+#{iv.$variables-host} {
   @include cv.register-vars(
     (
       "navbar-height": #{$navbar-height},

data/app/assets/stylesheets/{sass → bulma_sass}/elements/button.scss

@@ -383,6 +383,12 @@ $no-palette: ("white", "black", "light", "dark");
     @include cv.register-vars(
       (
         "button-border-width": max(1px, 0.0625em),
+        "loading-color":
+        hsl(
+          #{cv.getVar("button-h")},
+          #{cv.getVar("button-s")},
+          #{cv.getVar("button-l")}
+        ),
       )
     );
 

data/app/assets/stylesheets/{sass → bulma_sass}/form/tools.scss

@@ -15,7 +15,7 @@ $label-colors: shared.$form-colors !default;
 
 $field-block-spacing: 0.75rem !default;
 
-:root {
+#{iv.$variables-host} {
   @include cv.register-vars(
     (
       "label-color": #{$label-color},

data/app/assets/stylesheets/{sass → bulma_sass}/grid/columns.scss

@@ -7,7 +7,7 @@
 
 $column-gap: 0.75rem !default;
 
-:root {
+#{iv.$variables-host} {
   @include cv.register-vars(
     (
       "column-gap": #{$column-gap},

data/app/assets/stylesheets/{sass → bulma_sass}/helpers/typography.scss

@@ -149,6 +149,10 @@ $alignments: (
   font-weight: iv.$weight-bold !important;
 }
 
+.#{iv.$class-prefix}#{iv.$helpers-has-prefix}text-weight-extrabold {
+  font-weight: iv.$weight-extrabold !important;
+}
+
 .#{iv.$class-prefix}#{iv.$helpers-prefix}family-primary {
   font-family: dv.$family-primary !important;
 }

data/app/assets/stylesheets/{sass → bulma_sass}/layout/hero.scss

@@ -122,9 +122,9 @@ $hero-colors: dv.$colors !default;
       // Modifiers
       &.#{iv.$class-prefix}is-bold {
         $gradient-top-left: hsl(
-          calc(#{cv.getVar("hero-h")} - $hero-gradient-h-offset),
-          calc(#{cv.getVar("hero-s")} + $hero-gradient-s-offset),
-          calc(#{cv.getVar("hero-background-l")} + $hero-gradient-l-offset)
+          calc(#{cv.getVar("hero-h")} - #{$hero-gradient-h-offset}),
+          calc(#{cv.getVar("hero-s")} + #{$hero-gradient-s-offset}),
+          calc(#{cv.getVar("hero-background-l")} + #{$hero-gradient-l-offset})
         );
         $gradient-middle: hsl(
           #{cv.getVar("hero-h")},
@@ -132,9 +132,9 @@ $hero-colors: dv.$colors !default;
           #{cv.getVar("hero-background-l")}
         );
         $gradient-bottom-right: hsl(
-          calc(#{cv.getVar("hero-h")} + $hero-gradient-h-offset),
-          calc(#{cv.getVar("hero-s")} - $hero-gradient-s-offset),
-          calc(#{cv.getVar("hero-background-l")} - $hero-gradient-l-offset)
+          calc(#{cv.getVar("hero-h")} + #{$hero-gradient-h-offset}),
+          calc(#{cv.getVar("hero-s")} - #{$hero-gradient-s-offset}),
+          calc(#{cv.getVar("hero-background-l")} - #{$hero-gradient-l-offset})
         );
 
         background-image: linear-gradient(

data/app/assets/stylesheets/{sass → bulma_sass}/themes/_index.scss

@@ -1,13 +1,14 @@
 /* Bulma Themes */
 @charset "utf-8";
 
+@use "../utilities/initial-variables" as iv;
 @use "../utilities/css-variables" as cv;
 
 @use "light";
 @use "dark";
 @use "setup";
 
-:root {
+#{iv.$variables-host} {
   @include light.light-theme;
   @include setup.setup-theme;
 }

data/app/assets/stylesheets/{sass → bulma_sass}/themes/light.scss

@@ -73,7 +73,7 @@ $scheme-main: hsl(iv.$scheme-h, iv.$scheme-s, $scheme-main-l);
 
       // Other
       "block-spacing": iv.$block-spacing,
-      "duration": 294ms,
+      "duration": iv.$duration,
       "easing": iv.$easing,
       "radius-small": iv.$radius-small,
       "radius": iv.$radius,

data/app/assets/stylesheets/{sass → bulma_sass}/utilities/controls.scss

@@ -16,7 +16,7 @@ $control-padding-horizontal: calc(0.75em - #{$control-border-width}) !default;
 
 $control-focus-shadow-l: 50% !default;
 
-:root {
+#{iv.$variables-host} {
   @include cv.register-vars(
     (
       "control-radius": #{$control-radius},

data/app/assets/stylesheets/{sass → bulma_sass}/utilities/css-variables.scss

@@ -495,7 +495,7 @@
 
 @mixin system-theme($name) {
   @media (prefers-color-scheme: #{$name}) {
-    :root {
+    #{iv.$variables-host} {
       @content;
     }
   }

data/app/assets/stylesheets/{sass → bulma_sass}/utilities/initial-variables.scss

@@ -134,6 +134,7 @@ $breakpoints: (
 
 // Miscellaneous
 
+$duration: 294ms !default;
 $easing: ease-out !default;
 $radius-small: 0.25rem !default;
 $radius: 0.375rem !default;
@@ -153,3 +154,4 @@ $class-prefix: "" !default;
 $cssvars-prefix: "bulma-" !default;
 $helpers-prefix: "is-" !default;
 $helpers-has-prefix: "has-" !default;
+$variables-host: ":root" !default;

data/bulma-rails.gemspec

@@ -1,6 +1,6 @@
 Gem::Specification.new do |gem|
   gem.name          = "bulma-rails"
-  gem.version       = "1.0.3"
+  gem.version       = "1.0.4"
   gem.authors       = ["Joshua Jansen"]
   gem.email         = ["joshuajansen88@gmail.com"]
   gem.description   = %q{A modern CSS framework based on Flexbox}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: bulma-rails
 version: !ruby/object:Gem::Version
-  version: 1.0.3
+  version: 1.0.4
 platform: ruby
 authors:
 - Joshua Jansen
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-12-28 00:00:00.000000000 Z
+date: 2025-04-22 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: dartsass-rails
@@ -34,79 +34,79 @@ files:
 - ".gitignore"
 - README.md
 - app/assets/stylesheets/bulma.scss
-- app/assets/stylesheets/sass/_index.scss
-- app/assets/stylesheets/sass/base/_index.scss
-- app/assets/stylesheets/sass/base/animations.scss
-- app/assets/stylesheets/sass/base/generic.scss
-- app/assets/stylesheets/sass/base/minireset.scss
-- app/assets/stylesheets/sass/base/skeleton.scss
-- app/assets/stylesheets/sass/components/_index.scss
-- app/assets/stylesheets/sass/components/breadcrumb.scss
-- app/assets/stylesheets/sass/components/card.scss
-- app/assets/stylesheets/sass/components/dropdown.scss
-- app/assets/stylesheets/sass/components/menu.scss
-- app/assets/stylesheets/sass/components/message.scss
-- app/assets/stylesheets/sass/components/modal.scss
-- app/assets/stylesheets/sass/components/navbar.scss
-- app/assets/stylesheets/sass/components/pagination.scss
-- app/assets/stylesheets/sass/components/panel.scss
-- app/assets/stylesheets/sass/components/tabs.scss
-- app/assets/stylesheets/sass/elements/_index.scss
-- app/assets/stylesheets/sass/elements/block.scss
-- app/assets/stylesheets/sass/elements/box.scss
-- app/assets/stylesheets/sass/elements/button.scss
-- app/assets/stylesheets/sass/elements/content.scss
-- app/assets/stylesheets/sass/elements/delete.scss
-- app/assets/stylesheets/sass/elements/icon.scss
-- app/assets/stylesheets/sass/elements/image.scss
-- app/assets/stylesheets/sass/elements/loader.scss
-- app/assets/stylesheets/sass/elements/notification.scss
-- app/assets/stylesheets/sass/elements/progress.scss
-- app/assets/stylesheets/sass/elements/table.scss
-- app/assets/stylesheets/sass/elements/tag.scss
-- app/assets/stylesheets/sass/elements/title.scss
-- app/assets/stylesheets/sass/form/_index.scss
-- app/assets/stylesheets/sass/form/checkbox-radio.scss
-- app/assets/stylesheets/sass/form/file.scss
-- app/assets/stylesheets/sass/form/input-textarea.scss
-- app/assets/stylesheets/sass/form/select.scss
-- app/assets/stylesheets/sass/form/shared.scss
-- app/assets/stylesheets/sass/form/tools.scss
-- app/assets/stylesheets/sass/grid/_index.scss
-- app/assets/stylesheets/sass/grid/columns.scss
-- app/assets/stylesheets/sass/grid/grid.scss
-- app/assets/stylesheets/sass/helpers/_index.scss
-- app/assets/stylesheets/sass/helpers/aspect-ratio.scss
-- app/assets/stylesheets/sass/helpers/border.scss
-- app/assets/stylesheets/sass/helpers/color.scss
-- app/assets/stylesheets/sass/helpers/flexbox.scss
-- app/assets/stylesheets/sass/helpers/float.scss
-- app/assets/stylesheets/sass/helpers/gap.scss
-- app/assets/stylesheets/sass/helpers/other.scss
-- app/assets/stylesheets/sass/helpers/overflow.scss
-- app/assets/stylesheets/sass/helpers/position.scss
-- app/assets/stylesheets/sass/helpers/spacing.scss
-- app/assets/stylesheets/sass/helpers/typography.scss
-- app/assets/stylesheets/sass/helpers/visibility.scss
-- app/assets/stylesheets/sass/layout/_index.scss
-- app/assets/stylesheets/sass/layout/container.scss
-- app/assets/stylesheets/sass/layout/footer.scss
-- app/assets/stylesheets/sass/layout/hero.scss
-- app/assets/stylesheets/sass/layout/level.scss
-- app/assets/stylesheets/sass/layout/media.scss
-- app/assets/stylesheets/sass/layout/section.scss
-- app/assets/stylesheets/sass/themes/_index.scss
-- app/assets/stylesheets/sass/themes/dark.scss
-- app/assets/stylesheets/sass/themes/light.scss
-- app/assets/stylesheets/sass/themes/setup.scss
-- app/assets/stylesheets/sass/utilities/_index.scss
-- app/assets/stylesheets/sass/utilities/controls.scss
-- app/assets/stylesheets/sass/utilities/css-variables.scss
-- app/assets/stylesheets/sass/utilities/derived-variables.scss
-- app/assets/stylesheets/sass/utilities/extends.scss
-- app/assets/stylesheets/sass/utilities/functions.scss
-- app/assets/stylesheets/sass/utilities/initial-variables.scss
-- app/assets/stylesheets/sass/utilities/mixins.scss
+- app/assets/stylesheets/bulma_sass/_index.scss
+- app/assets/stylesheets/bulma_sass/base/_index.scss
+- app/assets/stylesheets/bulma_sass/base/animations.scss
+- app/assets/stylesheets/bulma_sass/base/generic.scss
+- app/assets/stylesheets/bulma_sass/base/minireset.scss
+- app/assets/stylesheets/bulma_sass/base/skeleton.scss
+- app/assets/stylesheets/bulma_sass/components/_index.scss
+- app/assets/stylesheets/bulma_sass/components/breadcrumb.scss
+- app/assets/stylesheets/bulma_sass/components/card.scss
+- app/assets/stylesheets/bulma_sass/components/dropdown.scss
+- app/assets/stylesheets/bulma_sass/components/menu.scss
+- app/assets/stylesheets/bulma_sass/components/message.scss
+- app/assets/stylesheets/bulma_sass/components/modal.scss
+- app/assets/stylesheets/bulma_sass/components/navbar.scss
+- app/assets/stylesheets/bulma_sass/components/pagination.scss
+- app/assets/stylesheets/bulma_sass/components/panel.scss
+- app/assets/stylesheets/bulma_sass/components/tabs.scss
+- app/assets/stylesheets/bulma_sass/elements/_index.scss
+- app/assets/stylesheets/bulma_sass/elements/block.scss
+- app/assets/stylesheets/bulma_sass/elements/box.scss
+- app/assets/stylesheets/bulma_sass/elements/button.scss
+- app/assets/stylesheets/bulma_sass/elements/content.scss
+- app/assets/stylesheets/bulma_sass/elements/delete.scss
+- app/assets/stylesheets/bulma_sass/elements/icon.scss
+- app/assets/stylesheets/bulma_sass/elements/image.scss
+- app/assets/stylesheets/bulma_sass/elements/loader.scss
+- app/assets/stylesheets/bulma_sass/elements/notification.scss
+- app/assets/stylesheets/bulma_sass/elements/progress.scss
+- app/assets/stylesheets/bulma_sass/elements/table.scss
+- app/assets/stylesheets/bulma_sass/elements/tag.scss
+- app/assets/stylesheets/bulma_sass/elements/title.scss
+- app/assets/stylesheets/bulma_sass/form/_index.scss
+- app/assets/stylesheets/bulma_sass/form/checkbox-radio.scss
+- app/assets/stylesheets/bulma_sass/form/file.scss
+- app/assets/stylesheets/bulma_sass/form/input-textarea.scss
+- app/assets/stylesheets/bulma_sass/form/select.scss
+- app/assets/stylesheets/bulma_sass/form/shared.scss
+- app/assets/stylesheets/bulma_sass/form/tools.scss
+- app/assets/stylesheets/bulma_sass/grid/_index.scss
+- app/assets/stylesheets/bulma_sass/grid/columns.scss
+- app/assets/stylesheets/bulma_sass/grid/grid.scss
+- app/assets/stylesheets/bulma_sass/helpers/_index.scss
+- app/assets/stylesheets/bulma_sass/helpers/aspect-ratio.scss
+- app/assets/stylesheets/bulma_sass/helpers/border.scss
+- app/assets/stylesheets/bulma_sass/helpers/color.scss
+- app/assets/stylesheets/bulma_sass/helpers/flexbox.scss
+- app/assets/stylesheets/bulma_sass/helpers/float.scss
+- app/assets/stylesheets/bulma_sass/helpers/gap.scss
+- app/assets/stylesheets/bulma_sass/helpers/other.scss
+- app/assets/stylesheets/bulma_sass/helpers/overflow.scss
+- app/assets/stylesheets/bulma_sass/helpers/position.scss
+- app/assets/stylesheets/bulma_sass/helpers/spacing.scss
+- app/assets/stylesheets/bulma_sass/helpers/typography.scss
+- app/assets/stylesheets/bulma_sass/helpers/visibility.scss
+- app/assets/stylesheets/bulma_sass/layout/_index.scss
+- app/assets/stylesheets/bulma_sass/layout/container.scss
+- app/assets/stylesheets/bulma_sass/layout/footer.scss
+- app/assets/stylesheets/bulma_sass/layout/hero.scss
+- app/assets/stylesheets/bulma_sass/layout/level.scss
+- app/assets/stylesheets/bulma_sass/layout/media.scss
+- app/assets/stylesheets/bulma_sass/layout/section.scss
+- app/assets/stylesheets/bulma_sass/themes/_index.scss
+- app/assets/stylesheets/bulma_sass/themes/dark.scss
+- app/assets/stylesheets/bulma_sass/themes/light.scss
+- app/assets/stylesheets/bulma_sass/themes/setup.scss
+- app/assets/stylesheets/bulma_sass/utilities/_index.scss
+- app/assets/stylesheets/bulma_sass/utilities/controls.scss
+- app/assets/stylesheets/bulma_sass/utilities/css-variables.scss
+- app/assets/stylesheets/bulma_sass/utilities/derived-variables.scss
+- app/assets/stylesheets/bulma_sass/utilities/extends.scss
+- app/assets/stylesheets/bulma_sass/utilities/functions.scss
+- app/assets/stylesheets/bulma_sass/utilities/initial-variables.scss
+- app/assets/stylesheets/bulma_sass/utilities/mixins.scss
 - bulma-rails.gemspec
 - lib/bulma-rails.rb
 homepage: https://github.com/joshuajansen/bulma-rails