spectre_scss 0.3.2.0 → 0.4.0.0

data/vendor/assets/stylesheets/spectre/{src/_sliders.scss → _sliders.scss}

@@ -19,7 +19,7 @@
     border: 0;
     border-radius: 50%;
     height: $unit-3;
-    margin-top: -($unit-3 - $unit-h) / 2 ;
+    margin-top: -($unit-3 - $unit-h) / 2;
     transition: transform .2s ease;
     width: $unit-3;
   }

data/vendor/assets/stylesheets/spectre/{src/_steps.scss → _steps.scss}

@@ -9,7 +9,7 @@
   .step-item {
     flex: 1 1 0;
     margin-top: 0;
-    min-height: 20px;
+    min-height: 1rem;
     text-align: center;
     position: relative;
 

data/vendor/assets/stylesheets/spectre/{src/_tabs.scss → _tabs.scss}

@@ -5,7 +5,7 @@
   display: flex;
   flex-wrap: wrap;
   list-style: none;
-  margin: $unit-1 0 $unit-1 - $border-width 0;
+  margin: $unit-1 0 ($unit-1 - $border-width) 0;
 
   .tab-item {
     margin-top: 0;

data/vendor/assets/stylesheets/spectre/{src/_tiles.scss → _tiles.scss}

@@ -31,8 +31,8 @@
 
     .tile-title,
     .tile-subtitle {
+      @include text-ellipsis();
       margin-bottom: 0;
-      @extend .text-ellipsis;
     }
   }
 }

data/vendor/assets/stylesheets/spectre/{src/_toasts.scss → _toasts.scss}

@@ -1,11 +1,11 @@
 // Toasts
 .toast {
+  @include toast-variant($dark-color);
   border: $border-width solid $dark-color;
   border-radius: $border-radius;
   color: $light-color;
   display: block;
   padding: $layout-spacing;
-  @include toast-variant($dark-color);
   width: 100%;
 
   &.toast-primary {
@@ -27,6 +27,7 @@
   a {
     color: $light-color;
     text-decoration: underline;
+    
     &:focus,
     &:hover,
     &:active,

data/vendor/assets/stylesheets/spectre/{src/_tooltips.scss → _tooltips.scss}

@@ -47,6 +47,7 @@
       }
     }
   }
+
   &.tooltip-bottom {
     &::after {
       bottom: auto;
@@ -60,6 +61,7 @@
       }
     }
   }
+  
   &.tooltip-left {
     &::after {
       bottom: 50%;

data/vendor/assets/stylesheets/spectre/{src/_typography.scss → _typography.scss}

@@ -67,11 +67,13 @@ abbr[title] {
 kbd {
   @include label-base();
   @include label-variant($light-color, $dark-color);
+  font-size: .65rem;
 }
 
 mark {
-  @include label-base();
   @include label-variant($body-font-color, $highlight-color);
+  border-radius: $border-radius;
+  padding: .05rem;
 }
 
 // Blockquote

data/vendor/assets/stylesheets/spectre/_utilities.scss

@@ -0,0 +1,8 @@
+@import "utilities/colors";
+@import "utilities/cursors";
+@import "utilities/display";
+@import "utilities/divider";
+@import "utilities/loading";
+@import "utilities/position";
+@import "utilities/shapes";
+@import "utilities/text";

data/vendor/assets/stylesheets/spectre/{src/_variables.scss → _variables.scss}

@@ -1,20 +1,39 @@
 // Core variables
+// Colors
+// Core colors
+$primary-color: #5764c6;
+$primary-color-dark: darken($primary-color, 3%);
+$primary-color-light: lighten($primary-color, 3%);
+$secondary-color: lighten($primary-color, 40%);
+$secondary-color-dark: darken($secondary-color, 3%);
+$secondary-color-light: lighten($secondary-color, 3%);
+
+$link-color: $primary-color;
+$link-color-dark: darken($link-color, 5%);
+
+// Gray colors
 $dark-color: #454d5d;
 $light-color: #fff;
+$gray-color: lighten($dark-color, 40%);
+$gray-color-dark: darken($gray-color, 20%);
+$gray-color-light: lighten($gray-color, 20%);
 
+$border-color: lighten($dark-color, 60%);
+$border-color-dark: darken($border-color, 10%);
 $bg-color: lighten($dark-color, 66%);
 $bg-color-dark: darken($bg-color, 3%);
 $bg-color-light: $light-color;
 
-// Global
-$html-font-size: 20px;
-$html-line-height: 1.428571429;
+// Control colors
+$success-color: #32b643;
+$warning-color: #ffb700;
+$error-color: #e85600;
+
+// Other colors
+$code-color: #e06870;
+$highlight-color: #ffe9b3;
 $body-bg: $bg-color-light;
 $body-font-color: lighten($dark-color, 5%);
-$font-size: .7rem;
-$font-size-sm: .6rem;
-$font-size-lg: .8rem;
-$line-height: 1rem;
 
 // Fonts
 // Credit: https://www.smashingmagazine.com/2015/11/using-system-ui-fonts-practical-guide/
@@ -42,13 +61,21 @@ $unit-10: 2rem;
 $unit-12: 2.4rem;
 $unit-16: 3.2rem;
 
+// Font sizes
+$html-font-size: 20px;
+$html-line-height: 1.428571429;
+$font-size: .7rem;
+$font-size-sm: .6rem;
+$font-size-lg: .8rem;
+$line-height: 1rem;
+
 // Sizes
-$border-radius: $unit-h;
-$border-width: $unit-o;
-$border-width-lg: $unit-h;
 $layout-spacing: $unit-2;
 $layout-spacing-sm: $unit-1;
 $layout-spacing-lg: $unit-4;
+$border-radius: $unit-h;
+$border-width: $unit-o;
+$border-width-lg: $unit-h;
 $control-size: $unit-8;
 $control-size-sm: $unit-6;
 $control-size-lg: $unit-10;
@@ -60,35 +87,6 @@ $control-icon-size: .7rem;
 $control-min-width: 180px;
 $control-max-width: 320px;
 
-// Colors
-// Core colors
-$primary-color: #5764c6;
-$primary-color-dark: darken($primary-color, 3%);
-$primary-color-light: lighten($primary-color, 3%);
-$secondary-color: lighten($primary-color, 40%);
-$secondary-color-dark: darken($secondary-color, 3%);
-$secondary-color-light: lighten($secondary-color, 3%);
-
-$link-color: $primary-color;
-$link-color-dark: darken($link-color, 5%);
-
-// Gray colors
-$gray-color: lighten($dark-color, 40%);
-$gray-color-dark: darken($gray-color, 20%);
-$gray-color-light: lighten($gray-color, 20%);
-
-$border-color: lighten($dark-color, 60%);
-$border-color-dark: darken($border-color, 10%);
-
-// Control colors
-$success-color: #32b643;
-$warning-color: #ffb700;
-$error-color: #e85600;
-
-// Other colors
-$code-color: #e06870;
-$highlight-color: #ffe9b3;
-
 // Responsive breakpoints
 $size-xs: 480px;
 $size-sm: 600px;

data/vendor/assets/stylesheets/spectre/spectre-exp.scss

@@ -1,16 +1,16 @@
 /*! Spectre.css Experimentals | MIT License | github.com/picturepan2/spectre */
 
 // Core variables and mixins
-@import 'src/variables';
-@import 'src/mixins';
+@import "variables";
+@import "mixins";
 
 // Experimentals
-@import 'src/calendars';
-@import 'src/carousels';
-@import 'src/comparison-sliders';
-@import 'src/filters';
-@import 'src/meters';
-@import 'src/parallax';
-@import 'src/progress';
-@import 'src/sliders';
-@import 'src/timelines';
+@import "calendars";
+@import "carousels";
+@import "comparison-sliders";
+@import "filters";
+@import "meters";
+@import "parallax";
+@import "progress";
+@import "sliders";
+@import "timelines";

data/vendor/assets/stylesheets/spectre/spectre-icons.scss

@@ -1,8 +1,8 @@
 /*! Spectre.css Icons | MIT License | github.com/picturepan2/spectre */
 
 // Core variables and mixins
-@import 'src/variables';
-@import 'src/mixins';
+@import "variables";
+@import "mixins";
 
 // Icons
-@import 'src/icons';
+@import "icons";

data/vendor/assets/stylesheets/spectre/spectre.scss

@@ -1,50 +1,49 @@
 /*! Spectre.css | MIT License | github.com/picturepan2/spectre */
-
 // Core variables and mixins
-@import 'src/variables';
-@import 'src/mixins';
+@import "variables";
+@import "mixins";
 
 // Reset and dependencies
-@import 'src/normalize';
-@import 'src/base';
+@import "normalize";
+@import "base";
 
 // Core classes
-@import 'src/typography';
-@import 'src/asian';
-@import 'src/tables';
-@import 'src/buttons';
-@import 'src/forms';
-@import 'src/labels';
-@import 'src/codes';
-@import 'src/media';
+@import "typography";
+@import "asian";
+@import "tables";
+@import "buttons";
+@import "forms";
+@import "labels";
+@import "codes";
+@import "media";
 
 // Layout
-@import 'src/layout';
-@import 'src/navbar';
-@import 'src/panels';
-@import 'src/empty';
+@import "layout";
+@import "navbar";
 
 // Components
-@import 'src/accordions';
-@import 'src/autocomplete';
-@import 'src/avatars';
-@import 'src/badges';
-@import 'src/breadcrumbs';
-@import 'src/bars';
-@import 'src/cards';
-@import 'src/chips';
-@import 'src/dropdowns';
-@import 'src/menus';
-@import 'src/modals';
-@import 'src/navs';
-@import 'src/pagination';
-@import 'src/popovers';
-@import 'src/steps';
-@import 'src/tabs';
-@import 'src/tiles';
-@import 'src/toasts';
-@import 'src/tooltips';
+@import "accordions";
+@import "autocomplete";
+@import "avatars";
+@import "badges";
+@import "breadcrumbs";
+@import "bars";
+@import "cards";
+@import "chips";
+@import "dropdowns";
+@import "empty";
+@import "menus";
+@import "modals";
+@import "navs";
+@import "pagination";
+@import "panels";
+@import "popovers";
+@import "steps";
+@import "tabs";
+@import "tiles";
+@import "toasts";
+@import "tooltips";
 
 // Utility classes
-@import 'src/animations';
-@import 'src/utilities';
+@import "animations";
+@import "utilities";

data/vendor/assets/stylesheets/spectre/utilities/_colors.scss

@@ -0,0 +1,29 @@
+// Text colors
+@include text-color-variant(".text-primary", $primary-color);
+
+@include text-color-variant(".text-secondary", $secondary-color-dark);
+
+@include text-color-variant(".text-gray", $gray-color);
+
+@include text-color-variant(".text-light", $light-color);
+
+@include text-color-variant(".text-success", $success-color);
+
+@include text-color-variant(".text-warning", $warning-color);
+
+@include text-color-variant(".text-error", $error-color);
+
+// Background colors
+@include bg-color-variant(".bg-primary", $primary-color);
+
+@include bg-color-variant(".bg-secondary", $secondary-color);
+
+@include bg-color-variant(".bg-dark", $dark-color);
+
+@include bg-color-variant(".bg-gray", $bg-color);
+
+@include bg-color-variant(".bg-success", $success-color);
+
+@include bg-color-variant(".bg-warning", $warning-color);
+
+@include bg-color-variant(".bg-error", $error-color);

data/vendor/assets/stylesheets/spectre/utilities/_cursors.scss

@@ -0,0 +1,24 @@
+// Cursors
+.c-hand {
+  cursor: pointer;
+}
+
+.c-move {
+  cursor: move;
+}
+
+.c-zoom-in {
+  cursor: zoom-in;
+}
+
+.c-zoom-out {
+  cursor: zoom-out;
+}
+
+.c-not-allowed {
+  cursor: not-allowed;
+}
+
+.c-auto {
+  cursor: auto;
+}

data/vendor/assets/stylesheets/spectre/{src/utilities → utilities}/_display.scss

@@ -15,7 +15,7 @@
   display: inline-flex;
 }
 .d-none,
-.hide {
+.d-hide {
   display: none !important;
 }
 .d-visible {
@@ -42,6 +42,3 @@
   position: absolute;
   width: 1px;
 }
-.hand {
-  cursor: pointer;
-}

data/vendor/assets/stylesheets/spectre/{src/utilities → utilities}/_loading.scss

@@ -26,9 +26,9 @@
     min-height: $unit-10;
     &::after {
       height: $unit-8;
-      width: $unit-8;
       margin-left: -$unit-4;
       margin-top: -$unit-4;
+      width: $unit-8;
     }
   }
-}
+}

data/vendor/assets/stylesheets/spectre/{src/utilities → utilities}/_position.scss

@@ -2,9 +2,11 @@
 .clearfix {
   @include clearfix();
 }
+
 .float-left {
   float: left !important;
 }
+
 .float-right {
   float: right !important;
 }
@@ -12,12 +14,15 @@
 .relative {
   position: relative;
 }
+
 .absolute {
   position: absolute;
 }
+
 .fixed {
   position: fixed;
 }
+
 .centered {
   display: block;
   float: none;
@@ -27,9 +32,13 @@
 
 // Spacing
 @include margin-variant(0, 0);
+
 @include margin-variant(1, $unit-1);
+
 @include margin-variant(2, $unit-2);
 
 @include padding-variant(0, 0);
+
 @include padding-variant(1, $unit-1);
-@include padding-variant(2, $unit-2);
+
+@include padding-variant(2, $unit-2);

data/vendor/assets/stylesheets/spectre/{src/utilities → utilities}/_shapes.scss

@@ -2,6 +2,7 @@
 .rounded {
   border-radius: $border-radius;
 }
+
 .circle {
   border-radius: 50%;
 }

data/vendor/assets/stylesheets/spectre/{src/utilities → utilities}/_text.scss

@@ -1,50 +1,62 @@
 // Text
+// Text alignment utilities
 .text-left {
   text-align: left;
 }
+
 .text-right {
   text-align: right;
 }
+
 .text-center {
   text-align: center;
 }
+
 .text-justify {
   text-align: justify;
 }
 
+// Text transform utilities
 .text-lowercase {
   text-transform: lowercase;
 }
+
 .text-uppercase {
   text-transform: uppercase;
 }
+
 .text-capitalize {
   text-transform: capitalize;
 }
 
+// Text style utilities
 .text-normal {
   font-weight: normal;
 }
+
 .text-bold {
   font-weight: bold;
 }
+
 .text-italic {
   font-style: italic;
 }
+
 .text-large {
   font-size: 1.2em;
 }
 
+// Text overflow utilities
 .text-ellipsis {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+  @include text-ellipsis();
 }
+
 .text-clip {
   overflow: hidden;
   text-overflow: clip;
   white-space: nowrap;
 }
+
 .text-break {
   hyphens: auto;
   word-break: break-word;