bulma-rails 1.0.3 → 1.0.4.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 7a6542800c9a7e7f290a001bcac7d0ffb0530edd2e6a05c1c1ae2de62856f8db
-  data.tar.gz: a6bd388a7d6d777d26666a565e217e049a36e624f4aa5896363ce686f92cfbd1
+  metadata.gz: 5ed7d9ad1ff23c1d6bff003f4cf03bf609399a85917465649772a8fe41b5bc7d
+  data.tar.gz: 596537a970bcdc8de2de72a4fcedf0588d5ec7006f265e14f1477d1c518fbd54
 SHA512:
-  metadata.gz: 36be5b9e8b3b428849590e1ee7f7fe3747a041f00f6830b1abf6d197121e470d7208a8bb6f5e1b56f768419c0bd8f70f8f01e5aa1f2b8131750d42ad9d44934f
-  data.tar.gz: 8f24ac595609e494c9fd2a6ba9c41c56ebccae4e3d6b3777ba0efdcfafa5ecd27eee21c713b79503e36110ff57ad45a81e250b0c2b4969d4aab734410ef3bbc1
+  metadata.gz: 5751ea87e4a1582c794b0ee67e556b9109d8d98da3aaed291e901ad5302dc36294951353b7959613caf5ef3512c3ac403d43545e758c883819713c4a47acfd30
+  data.tar.gz: 4d720b46b4190c91aa283d8d1f85398c3f27dbcaf5e51b376c861032fbc387d54f579789dec2c3c4fa8c8d8ce919d758dbee21d9250fd2f76acc63a153783925

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

@@ -8,7 +8,7 @@
   @each $size in dv.$sizes {
     $i: list.index(dv.$sizes, $size);
 
-    .#{iv.$class-prefix}#{iv.$helpers-prefix}size-#{$i}#{if($target == "", "", "-" + $target)} {
+    .#{iv.$class-prefix}#{iv.$helpers-prefix}size-#{$i}#{if(sass($target == ""): ""; else: "-" + $target)} {
       font-size: $size !important;
     }
   }
@@ -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/functions.scss

@@ -286,12 +286,12 @@
     "9": 9,
   );
 
-  @for $i from if($minus, 2, 1) through string.length($value) {
+  @for $i from if(sass($minus): 2; else: 1) through string.length($value) {
     $character: string.slice($value, $i, $i);
 
     @if not(list.index(map.keys($numbers), $character) or $character == ".") {
       @return to-length(
-        if($minus, -$result, $result),
+        if(sass($minus): -$result; else: $result)
         string.slice($value, $i)
       );
     }
@@ -306,5 +306,5 @@
     }
   }
 
-  @return if($minus, -$result, $result);
+  @return if(sass($minus): -$result; else: $result);
 }

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/app/assets/stylesheets/{sass → bulma_sass}/utilities/mixins.scss

@@ -409,8 +409,8 @@
 }
 
 @mixin ltr-property($property, $spacing, $right: true) {
-  $normal: if($right, "right", "left");
-  $opposite: if($right, "left", "right");
+  $normal: if(sass($right): "right"; else: "left");
+  $opposite: if(sass($right): "left"; else: "right");
 
   @if iv.$rtl {
     #{$property}-#{$opposite}: $spacing;
@@ -420,8 +420,8 @@
 }
 
 @mixin ltr-position($spacing, $right: true) {
-  $normal: if($right, "right", "left");
-  $opposite: if($right, "left", "right");
+  $normal: if(sass($right): "right"; else: "left");
+  $opposite: if(sass($right): "left"; else: "right");
 
   @if iv.$rtl {
     #{$opposite}: $spacing;

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.1"
   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.1
 platform: ruby
 authors:
 - Joshua Jansen
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-12-28 00:00:00.000000000 Z
+date: 2025-12-28 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