bulma-clean-theme 0.14.0 → 1.0.0.beta.1

data/node_modules/bulma-block-list/package.json

@@ -1,13 +1,15 @@
 {
     "name": "bulma-block-list",
-    "version": "0.7.0",
+    "version": "1.0.0",
     "description": "A simple scss package extending Bulma with block style list elements",
     "homepage": "https://github.com/chrisrhymes/bulma-block-list#readme",
     "bugs": {
         "url": "https://github.com/chrisrhymes/bulma-block-list/issues"
     },
     "main": "src/block-list.scss",
-    "scripts": {},
+    "scripts": {
+        "dev": "sass --load-path=node_modules src/docs.scss docs/docs.css"
+    },
     "keywords": [
         "Bulma",
         "List",
@@ -17,6 +19,9 @@
     "author": "chrisrhymes",
     "license": "MIT",
     "dependencies": {
-        "bulma": "^0.9.3"
+        "bulma": "^1.0.0"
+    },
+    "devDependencies": {
+        "sass": "^1.75.0"
     }
 }

data/node_modules/bulma-block-list/src/block-list.scss

@@ -1,156 +1,130 @@
 @charset "utf-8";
 
-// Custom divide function by @mdo from https://github.com/twbs/bootstrap/pull/34245
-// Replaces old slash division deprecated in Dart Sass
-@function customDivide($dividend, $divisor, $precision: 10) {
-    $sign: if($dividend > 0 and $divisor > 0, 1, -1);
-    $dividend: abs($dividend);
-    $divisor: abs($divisor);
-    $quotient: 0;
-    $remainder: $dividend;
-    @if $dividend == 0 {
-        @return 0;
-    }
-    @if $divisor == 0 {
-        @error "Cannot divide by 0";
-    }
-    @if $divisor == 1 {
-        @return $dividend;
-    }
-    @while $remainder >= $divisor {
-        $quotient: $quotient + 1;
-        $remainder: $remainder - $divisor;
-    }
-    @if $remainder > 0 and $precision > 0 {
-        $remainder: divide($remainder * 10, $divisor, $precision - 1) * 0.1;
-    }
-    @return ($quotient + $remainder) * $sign;
-}
+@use "sass:math";
+
+@import "bulma/sass/utilities/initial-variables.scss";
+@import "bulma/sass/utilities/derived-variables.scss";
 
 $block-list-separator: 0.25rem !default;
 $block-list-highlight-width: 5px !default;
 
 .content {
-    ul.block-list {
-        list-style: none;
-        margin-left: 0;
-    }
+  ul.block-list {
+    list-style: none;
+    margin-left: 0;
+  }
 }
 
 .block-list {
-    list-style: none;
+  list-style: none;
 
-    li {
-        padding: customDivide($gap, 2);
-        background: $light;
-        margin-bottom: $block-list-separator;
-    }
+  li {
+    padding: math.div($gap, 2);
+    background: var(--bulma-body-background-color);
+    margin-bottom: $block-list-separator;
+  }
+
+  li.is-left,
+  &.is-left > li {
+    text-align: left;
+  }
 
-    li.is-left,
-    &.is-left > li {
-        text-align: left;
-    }
+  li.is-centered,
+  &.is-centered > li {
+    text-align: center;
+  }
 
-    li.is-centered,
-    &.is-centered > li {
-        text-align: center;
-    }
+  li.is-right,
+  &.is-right > li {
+    text-align: right;
+  }
 
-    li.is-right,
-    &.is-right > li {
-        text-align: right;
-    }
+  li.is-small,
+  &.is-small > li {
+    font-size: $size-7;
+    padding: math.div($gap, 3);
+  }
 
-    li.is-small,
-    &.is-small > li {
-        font-size: $small-font-size;
-        padding: customDivide($gap, 3);
-    }
+  li.is-normal,
+  &.is-normal > li {
+    font-size: $size-6;
+  }
 
-    li.is-normal,
-    &.is-normal > li {
-        font-size: $body-font-size;
-    }
+  li.is-large,
+  &.is-large > li {
+    font-size: $size-5;
+  }
+
+  li.has-radius,
+  &.has-radius > li {
+    border-radius: $radius;
+  }
+
+  li.is-highlighted,
+  &.is-highlighted > li {
+    border-left: $block-list-highlight-width var(--bulma-dark) solid;
+  }
+
+  @mixin outlined($color) {
+    background: transparent;
+    color: var(--bulma-#{$color});
+    border: 1px solid var(--bulma-#{$color});
+  }
+
+  li.is-outlined,
+  &.is-outlined > li {
+    @include outlined("light");
+  }
+
+  li.has-icon {
+    display: flex;
 
-    li.is-large,
-    &.is-large > li {
-        font-size: $size-large;
+    .icon {
+      flex-grow: 0;
+      flex-shrink: 0;
+      flex-basis: auto;
+      margin-right: 1em;
     }
 
-    li.has-radius,
-    &.has-radius > li {
-        border-radius: $radius;
+    span {
+      flex-grow: 1;
     }
 
-    li.is-highlighted,
-    &.is-highlighted > li {
-        border-left: $block-list-highlight-width $dark solid;
+    &.is-right {
+      .icon {
+        margin-right: 0;
+        margin-left: 1em;
+      }
     }
+  }
 
-    @mixin outlined($color) {
-        background: transparent;
-        color: $color;
-        border: 1px solid $color;
+  @each $name, $pair in $colors {
+    li.is-#{$name},
+    &.is-#{$name} > li {
+      background: var(--bulma-#{$name});
+      color: var(--bulma-#{$name}-invert);
     }
 
-    li.is-outlined,
-    &.is-outlined > li {
-        @include outlined($border);
-        color: $text;
+    li.is-#{$name}.is-outlined {
+      @include outlined($name);
     }
 
-    li.has-icon {
-        display: flex;
-
-        .icon {
-            flex-grow: 0;
-            flex-shrink: 0;
-            flex-basis: auto;
-            margin-right: 1em;
-        }
-
-        span {
-            flex-grow: 1;
-        }
-
-        &.is-right {
-            .icon {
-                margin-right: 0;
-                margin-left: 1em;
-            }
-        }
+    li.is-#{$name}.is-highlighted {
+      @include outlined($name);
+      border-left: $block-list-highlight-width var(--bulma-#{$name}) solid;
     }
 
-    @each $name, $pair in $colors {
-        $color: nth($pair, 1);
-        $color-invert: nth($pair, 2);
-
-        li.is-#{$name},
-        &.is-#{$name} > li {
-            background: $color;
-            color: $color-invert;
-        }
-
-        li.is-#{$name}.is-outlined {
-            @include outlined($color);
-        }
-
-        li.is-#{$name}.is-highlighted {
-            @include outlined($color);
-            border-left: $block-list-highlight-width $color solid;
-        }
-
-        &.is-#{$name} {
-            li.is-outlined,
-            &.is-outlined > li {
-                @include outlined($color);
-            }
-
-            li.is-highlighted,
-            &.is-highlighted > li {
-                @include outlined($color);
-                border-left: $block-list-highlight-width $color solid;
-            }
-        }
+    &.is-#{$name} {
+      li.is-outlined,
+      &.is-outlined > li {
+        @include outlined($name);
+      }
+
+      li.is-highlighted,
+      &.is-highlighted > li {
+        @include outlined($name);
+        border-left: $block-list-highlight-width var(--bulma-#{$name}) solid;
+      }
     }
+  }
 }

data/node_modules/bulma-block-list/src/docs.scss

@@ -0,0 +1,5 @@
+@charset "utf-8";
+
+@use "bulma/sass";
+
+@import "block-list";