Use imports everywhere

2024-11-14 11:14:24 +00:00 · 2020-10-31 23:52:27 +00:00 · 2020-10-31 23:52:27 +00:00 · a6130bf160
commit a6130bf160
parent a9a48d1512
49 changed files with 6796 additions and 17 deletions
--- a/docs/css/bulma-docs.css
+++ b/docs/css/bulma-docs.css
--- a/sass/base/_all.sass
+++ b/sass/base/_all.sass
@ -3,3 +3,4 @@

@import "minireset.sass"
@import "generic.sass"
+@import "animations.sass"
--- a/sass/base/animations.sass
+++ b/sass/base/animations.sass
@ -0,0 +1,5 @@
+@keyframes spinAround
+  from
+    transform: rotate(0deg)
+  to
+    transform: rotate(359deg)
--- a/sass/base/generic.sass
+++ b/sass/base/generic.sass
@ -1,3 +1,5 @@
+@import "../utilities/mixins"
+
 $body-background-color: $scheme-main !default
 $body-size: 16px !default
 $body-min-width: 300px !default
--- a/sass/components/breadcrumb.sass
+++ b/sass/components/breadcrumb.sass
@ -1,3 +1,5 @@
+@import "../utilities/mixins"
+
 $breadcrumb-item-color: $link !default
 $breadcrumb-item-hover-color: $link-hover !default
 $breadcrumb-item-active-color: $text-strong !default
--- a/sass/components/card.sass
+++ b/sass/components/card.sass
@ -1,3 +1,5 @@
+@import "../utilities/mixins"
+
 $card-color: $text !default
 $card-background-color: $scheme-main !default
 $card-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02) !default
--- a/sass/components/dropdown.sass
+++ b/sass/components/dropdown.sass
@ -1,3 +1,5 @@
+@import "../utilities/mixins"
+
 $dropdown-menu-min-width: 12rem !default

 $dropdown-content-background-color: $scheme-main !default
--- a/sass/components/level.sass
+++ b/sass/components/level.sass
@ -1,3 +1,5 @@
+@import "../utilities/mixins"
+
 $level-item-spacing: ($block-spacing / 2) !default

 .level
--- a/sass/components/media.sass
+++ b/sass/components/media.sass
@ -1,3 +1,5 @@
+@import "../utilities/mixins"
+
 $media-border-color: bulmaRgba($border, 0.5) !default
 $media-border-size: 1px !default
 $media-spacing: 1rem !default
--- a/sass/components/menu.sass
+++ b/sass/components/menu.sass
@ -1,3 +1,5 @@
+@import "../utilities/mixins"
+
 $menu-item-color: $text !default
 $menu-item-radius: $radius-small !default
 $menu-item-hover-color: $text-strong !default
--- a/sass/components/message.sass
+++ b/sass/components/message.sass
@ -1,3 +1,5 @@
+@import "../utilities/mixins"
+
 $message-background-color: $background !default
 $message-radius: $radius !default

--- a/sass/components/modal.sass
+++ b/sass/components/modal.sass
@ -1,3 +1,5 @@
+@import "../utilities/mixins"
+
 $modal-z: 40 !default

 $modal-background-background-color: bulmaRgba($scheme-invert, 0.86) !default
--- a/sass/components/navbar.sass
+++ b/sass/components/navbar.sass
@ -1,3 +1,5 @@
+@import "../utilities/mixins"
+
 $navbar-background-color: $scheme-main !default
 $navbar-box-shadow-size: 0 2px 0 0 !default
 $navbar-box-shadow-color: $background !default
--- a/sass/components/pagination.sass
+++ b/sass/components/pagination.sass
@ -1,3 +1,6 @@
+@import "../utilities/controls"
+@import "../utilities/mixins"
+
 $pagination-color: $text-strong !default
 $pagination-border-color: $border !default
 $pagination-margin: -0.25rem !default
--- a/sass/components/panel.sass
+++ b/sass/components/panel.sass
@ -1,3 +1,5 @@
+@import "../utilities/mixins"
+
 $panel-margin: $block-spacing !default
 $panel-item-border: 1px solid $border-light !default
 $panel-radius: $radius-large !default
--- a/sass/components/tabs.sass
+++ b/sass/components/tabs.sass
@ -1,3 +1,5 @@
+@import "../utilities/mixins"
+
 $tabs-border-bottom-color: $border !default
 $tabs-border-bottom-style: solid !default
 $tabs-border-bottom-width: 1px !default
--- a/sass/elements/box.sass
+++ b/sass/elements/box.sass
@ -1,3 +1,5 @@
+@import "../utilities/mixins"
+
 $box-color: $text !default
 $box-background-color: $scheme-main !default
 $box-radius: $radius-large !default
--- a/sass/elements/button.sass
+++ b/sass/elements/button.sass
@ -1,3 +1,6 @@
+@import "../utilities/controls"
+@import "../utilities/mixins"
+
 $button-color: $text-strong !default
 $button-background-color: $scheme-main !default
 $button-family: false !default
--- a/sass/elements/container.sass
+++ b/sass/elements/container.sass
@ -1,3 +1,5 @@
+@import "../utilities/mixins"
+
 $container-offset: (2 * $gap) !default
 $container-max-width: $fullhd !default

--- a/sass/elements/content.sass
+++ b/sass/elements/content.sass
@ -1,3 +1,5 @@
+@import "../utilities/mixins"
+
 $content-heading-color: $text-strong !default
 $content-heading-weight: $weight-semibold !default
 $content-heading-line-height: 1.125 !default
--- a/sass/elements/image.sass
+++ b/sass/elements/image.sass
@ -1,3 +1,5 @@
+@import "../utilities/mixins"
+
 $dimensions: 16 24 32 48 64 96 128 !default

 .image
--- a/sass/elements/notification.sass
+++ b/sass/elements/notification.sass
@ -1,3 +1,5 @@
+@import "../utilities/mixins"
+
 $notification-background-color: $background !default
 $notification-code-background-color: $scheme-main !default
 $notification-radius: $radius !default
--- a/sass/elements/other.sass
+++ b/sass/elements/other.sass
@ -1,3 +1,5 @@
+@import "../utilities/mixins"
+
 .block
  @extend %block

--- a/sass/elements/progress.sass
+++ b/sass/elements/progress.sass
@ -1,3 +1,5 @@
+@import "../utilities/mixins"
+
 $progress-bar-background-color: $border-light !default
 $progress-value-background-color: $text !default
 $progress-border-radius: $radius-rounded !default
--- a/sass/elements/table.sass
+++ b/sass/elements/table.sass
@ -1,3 +1,5 @@
+@import "../utilities/mixins"
+
 $table-color: $text-strong !default
 $table-background-color: $scheme-main !default

--- a/sass/elements/tag.sass
+++ b/sass/elements/tag.sass
@ -1,3 +1,5 @@
+@import "../utilities/mixins"
+
 $tag-background-color: $background !default
 $tag-color: $text !default
 $tag-radius: $radius !default
--- a/sass/elements/title.sass
+++ b/sass/elements/title.sass
@ -1,3 +1,5 @@
+@import "../utilities/mixins"
+
 $title-color: $text-strong !default
 $title-family: false !default
 $title-size: $size-3 !default
--- a/sass/form/checkbox-radio.sass
+++ b/sass/form/checkbox-radio.sass
@ -1,3 +1,5 @@
+@import "shared"
+
 %checkbox-radio
  cursor: pointer
  display: inline-block
--- a/sass/form/file.sass
+++ b/sass/form/file.sass
@ -1,3 +1,5 @@
+@import "shared"
+
 $file-border-color: $border !default
 $file-radius: $radius !default

--- a/sass/form/input-textarea.sass
+++ b/sass/form/input-textarea.sass
@ -1,3 +1,5 @@
+@import "shared"
+
 $textarea-padding: $control-padding-horizontal !default
 $textarea-max-height: 40em !default
 $textarea-min-height: 8em !default
--- a/sass/form/select.sass
+++ b/sass/form/select.sass
@ -1,3 +1,5 @@
+@import "shared"
+
 $select-colors: $form-colors !default

 .select
--- a/sass/form/shared.sass
+++ b/sass/form/shared.sass
@ -1,3 +1,6 @@
+@import "../utilities/controls"
+@import "../utilities/mixins"
+
 $form-colors: $colors !default

 $input-color: $text-strong !default
--- a/sass/form/tools.sass
+++ b/sass/form/tools.sass
@ -1,3 +1,5 @@
+@import "shared"
+
 $label-color: $text-strong !default
 $label-weight: $weight-bold !default

--- a/sass/grid/columns.sass
+++ b/sass/grid/columns.sass
@ -1,3 +1,5 @@
+@import "../utilities/mixins"
+
 $column-gap: 0.75rem !default

 .column
--- a/sass/grid/tiles.sass
+++ b/sass/grid/tiles.sass
@ -1,3 +1,5 @@
+@import "../utilities/mixins"
+
 $tile-spacing: 0.75rem !default

 .tile
--- a/sass/helpers/color.sass
+++ b/sass/helpers/color.sass
@ -1,3 +1,5 @@
+@import "../utilities/derived-variables"
+
@each $name, $pair in $colors
  $color: nth($pair, 1)
  .has-text-#{$name}
--- a/sass/helpers/float.sass
+++ b/sass/helpers/float.sass
@ -1,3 +1,5 @@
+@import "../utilities/mixins"
+
 .is-clearfix
  +clearfix

--- a/sass/helpers/other.sass
+++ b/sass/helpers/other.sass
@ -1,3 +1,5 @@
+@import "../utilities/mixins"
+
 .is-radiusless
  border-radius: 0 !important

--- a/sass/helpers/position.sass
+++ b/sass/helpers/position.sass
@ -1,3 +1,5 @@
+@import "../utilities/mixins"
+
 .is-overlay
  @extend %overlay

--- a/sass/helpers/typography.sass
+++ b/sass/helpers/typography.sass
@ -1,3 +1,5 @@
+@import "../utilities/mixins"
+
 =typography-size($target:'')
  @each $size in $sizes
    $i: index($sizes, $size)
--- a/sass/helpers/visibility.sass
+++ b/sass/helpers/visibility.sass
@ -1,4 +1,4 @@
-
+@import "../utilities/mixins"

 $displays: 'block' 'flex' 'inline' 'inline-block' 'inline-flex'

--- a/sass/layout/footer.sass
+++ b/sass/layout/footer.sass
@ -1,3 +1,5 @@
+@import "../utilities/derived-variables"
+
 $footer-background-color: $scheme-main-bis !default
 $footer-color: false !default
 $footer-padding: 3rem 1.5rem 6rem !default
--- a/sass/layout/hero.sass
+++ b/sass/layout/hero.sass
@ -1,3 +1,5 @@
+@import "../utilities/mixins"
+
 $hero-body-padding: 3rem 1.5rem !default
 $hero-body-padding-small: 1.5rem !default
 $hero-body-padding-medium: 9rem 1.5rem !default
--- a/sass/layout/section.sass
+++ b/sass/layout/section.sass
@ -1,3 +1,5 @@
+@import "../utilities/mixins"
+
 $section-padding: 3rem 1.5rem !default
 $section-padding-medium: 9rem 1.5rem !default
 $section-padding-large: 18rem 1.5rem !default
--- a/sass/utilities/_all.sass
+++ b/sass/utilities/_all.sass
@ -4,6 +4,5 @@
@import "initial-variables.sass"
@import "functions.sass"
@import "derived-variables.sass"
-@import "animations.sass"
@import "mixins.sass"
@import "controls.sass"
--- a/sass/utilities/animations.sass
+++ b/sass/utilities/animations.sass
@ -1,5 +1 @@
-@keyframes spinAround
-  from
-    transform: rotate(0deg)
-  to
-    transform: rotate(359deg)
+@warn "The animations.sass file has MOVED. It is now in the /base folder. Please import sass/base/animations instead."
--- a/sass/utilities/controls.sass
+++ b/sass/utilities/controls.sass
@ -1,3 +1,5 @@
+@import "derived-variables.sass"
+
 $control-radius: $radius !default
 $control-radius-small: $radius-small !default

--- a/sass/utilities/derived-variables.sass
+++ b/sass/utilities/derived-variables.sass
@ -1,3 +1,6 @@
+@import "initial-variables.sass"
+@import "functions.sass"
+
 $primary: $turquoise !default

 $info: $cyan !default
--- a/sass/utilities/mixins.sass
+++ b/sass/utilities/mixins.sass
@ -1,4 +1,4 @@
-@import "initial-variables"
+@import "derived-variables"

 =clearfix
  &::after