Update to Dart sass to allow @use at-rule use by mlbiche · Pull Request #669 · picturepan2/spectre

mlbiche · 2021-02-24T17:57:50Z

@use

- Update project to Dart Sass - Replace @import rules with @use

hound · 2021-02-24T17:58:03Z

 .chip {
  align-items: center;
-  background: $bg-color-dark;
+  background: variables.$bg-color-dark;


Invalid CSS after "...ound: variables": expected ";", was ".$bg-color-dark;"

hound · 2021-02-24T17:58:03Z


  .hero-body {
-    padding: $layout-spacing;
+    padding: variables.$layout-spacing;


Invalid CSS after "...ding: variables": expected ";", was ".$layout-spacing;"

hound · 2021-02-24T17:58:03Z

-  border: $border-width solid $primary-color;
-  border-radius: $border-radius;
-  color: $primary-color;
+  background: variables.$bg-color-light;


Invalid CSS after "...ound: variables": expected ";", was ".$bg-color-light;"

hound · 2021-02-24T17:58:03Z


    .comparison-label {
-      right: $unit-4;
+      right: variables.$unit-4;


Invalid CSS after "...ight: variables": expected ";", was ".$unit-4;"

hound · 2021-02-24T17:58:04Z

-  background: $bg-color;
-  border-radius: $border-radius;
-  color: $gray-color-dark;
+  background: variables.$bg-color;


Invalid CSS after "...ound: variables": expected ";", was ".$bg-color;"

hound · 2021-02-24T17:58:05Z

    .dropdown-toggle:nth-last-child(2) {
-      border-bottom-right-radius: $border-radius;
-      border-top-right-radius: $border-radius;
+      border-bottom-right-radius: variables.$border-radius;


Invalid CSS after "...dius: variables": expected ";", was ".$border-radius;"

hound · 2021-02-24T17:58:05Z


 .version::after {
-  content: "#{$version}";
+  content: "#{variables.$version}";


Invalid CSS after "...t: "#{variables": expected "}", was ".$version}";"

hound · 2021-02-24T17:58:06Z

 const gulp = require("gulp");
 const { parallel } = require("gulp");
-const sass = require('gulp-sass');
+const sass = require('gulp-dart-sass');


'const' is available in ES6 (use 'esversion: 6') or Mozilla JS extensions (use moz).

hound · 2021-02-24T17:58:06Z

  .accordion-header {
    display: block;
-    padding: $unit-1 $unit-2;
+    padding: variables.$unit-1 variables.$unit-2;


Invalid CSS after "...ding: variables": expected ";", was ".$unit-1 variab..."

hound · 2021-02-24T17:58:06Z

 .lang-zh,
 .lang-zh-hans {
-  font-family: $cjk-zh-hans-font-family;
+  font-family: variables.$cjk-zh-hans-font-family;


Invalid CSS after "...mily: variables": expected ";", was ".$cjk-zh-hans-f..."

hound · 2021-02-24T18:03:30Z

    left: 50%;
    opacity: 0;
-    padding: $layout-spacing;
+    padding: variables.$layout-spacing;


Invalid CSS after "...ding: variables": expected ";", was ".$layout-spacing;"

hound · 2021-02-24T18:03:30Z

  position: absolute;
  width: 50%;
-  z-index: $zindex-1;
+  z-index: variables.$zindex-1;


Invalid CSS after "...ndex: variables": expected ";", was ".$zindex-1;"

hound · 2021-02-24T18:03:30Z

 .panel {
-  border: $border-width solid $border-color;
-  border-radius: $border-radius;
+  border: variables.$border-width solid variables.$border-color;


Invalid CSS after "...rder: variables": expected ";", was ".$border-width ..."

hound · 2021-02-24T18:03:30Z

  opacity: 0;
  overflow: hidden;
-  padding: $layout-spacing;
+  padding: variables.$layout-spacing;


Invalid CSS after "...ding: variables": expected ";", was ".$layout-spacing;"

hound · 2021-02-24T18:03:30Z

 .label {
-  @include label-base();
-  @include label-variant(lighten($body-font-color, 5%), $bg-color-dark);
+  @include mixins.label-base();


Invalid CSS after " @include mixins": expected "}", was ".label-base();"

hound · 2021-02-24T18:03:32Z


  .navbar-brand {
-    font-size: $font-size-lg;
+    font-size: variables.$font-size-lg;


Invalid CSS after "...size: variables": expected ";", was ".$font-size-lg;"

hound · 2021-02-24T18:03:32Z

 .avatar {
-  @include avatar-base();
-  background: $primary-color;
+  @include mixins.avatar-base();


Invalid CSS after " @include mixins": expected "}", was ".avatar-base();"

hound · 2021-02-24T18:03:32Z

 // Figure
 .figure {
-  margin: 0 0 $layout-spacing 0;
+  margin: 0 0 variables.$layout-spacing 0;


Invalid CSS after "...: 0 0 variables": expected ";", was ".$layout-spacin..."

hound · 2021-02-24T18:03:32Z

  flex-wrap: nowrap;
  list-style: none;
-  margin: $unit-1 0;
+  margin: variables.$unit-1 0;


Invalid CSS after "...rgin: variables": expected ";", was ".$unit-1 0;"

hound · 2021-02-24T18:03:32Z

  &::after {
-    background: rgba($dark-color, .95);
-    border-radius: $border-radius;
+    background: rgba(variables.$dark-color, .95);


Invalid CSS after "... rgba(variables": expected ")", was ".$dark-color, ...."

…d utilities stylesheets

hound · 2021-02-26T17:36:49Z

-  @include shadow-variant(.05rem);
-  background: $bg-color-light;
-  border-radius: $border-radius;
+  @include mixins.shadow-variant(.05rem);


Invalid CSS after " @include mixins": expected "}", was ".shadow-variant..."

hound · 2021-02-26T17:36:49Z

 .meter {
  appearance: none;
-  background: $bg-color;
+  background: variables.$bg-color;


Invalid CSS after "...ound: variables": expected ";", was ".$bg-color;"

hound · 2021-02-26T17:36:50Z

  &::before,
  &::after {
-    border: $icon-border-width solid currentColor;
+    border: icons-core.$icon-border-width solid currentColor;


Invalid CSS after "...der: icons-core": expected ";", was ".$icon-border-w..."

hound · 2021-02-26T17:36:50Z

+
 // Icon variables
-$icon-border-width: $border-width-lg;
+$icon-border-width: variables.$border-width-lg;


Invalid CSS after "...idth: variables": expected selector or at-rule, was ".$border-width-lg;"

hound · 2021-02-26T17:36:50Z

 // Icon time
 .icon-time {
-  border: $icon-border-width solid currentColor;
+  border: icons-core.$icon-border-width solid currentColor;


Invalid CSS after "...der: icons-core": expected ";", was ".$icon-border-w..."

hound · 2021-02-26T17:36:51Z

+@use "mixins";

-/*! Spectre.css Experimentals v#{$version} | MIT License | github.com/picturepan2/spectre */
+/*! Spectre.css Experimentals v#{variables.$version} | MIT License | github.com/picturepan2/spectre */


Invalid CSS after "...ls v#{variables": expected "}", was ".$version} | MI..."

hound · 2021-02-26T17:36:51Z

+@use "mixins";

-/*! Spectre.css v#{$version} | MIT License | github.com/picturepan2/spectre */
+/*! Spectre.css v#{variables.$version} | MIT License | github.com/picturepan2/spectre */


Invalid CSS after "...ss v#{variables": expected "}", was ".$version} | MI..."

hound · 2021-02-26T17:36:52Z

+
 // Text colors
-@include text-color-variant(".text-primary", $primary-color);
+@include mixins.text-color-variant(".text-primary", variables.$primary-color);


Invalid CSS after "@include mixins": expected selector or at-rule, was ".text-color-var..."

hound · 2021-02-26T17:36:52Z

  &[data-content]::after {
-    background: $bg-color-light;
-    color: $gray-color;
+    background: variables.$bg-color-light;


Invalid CSS after "...ound: variables": expected ";", was ".$bg-color-light;"

hound · 2021-02-26T17:36:52Z

 .loading {
  color: transparent !important;
-  min-height: $unit-4;
+  min-height: variables.$unit-4;


Invalid CSS after "...ight: variables": expected ";", was ".$unit-4;"

mlbiche added 3 commits February 23, 2021 08:46

Update project to Dart Sass

c2a2e36

- Update project to Dart Sass - Replace @import rules with @use

Update main mixins stylesheet to forward other mixins stylesheets

1dd1193

Update documentation and documentation stylesheets

99a1963

hound Bot reviewed Feb 24, 2021

View reviewed changes

Fix missing trailing line

f10d87e

hound Bot reviewed Feb 24, 2021

View reviewed changes

Update main icons and utilities stylesheets to forward other icons an…

443e5af

…d utilities stylesheets

hound Bot reviewed Feb 26, 2021

View reviewed changes

mlbiche mentioned this pull request Jun 1, 2021

Dart Sass 2.0.0 #678

Open

davestewart mentioned this pull request Sep 20, 2023

Review PRs spectre-org/spectre-css#5

Open

29 tasks

davestewart mentioned this pull request Sep 11, 2024

Add CSS variables for color spectre-org/spectre-css#38

Open

Conversation

mlbiche commented Feb 24, 2021

Uh oh!

hound Bot Feb 24, 2021

Choose a reason for hiding this comment

Uh oh!

hound Bot Feb 24, 2021

Choose a reason for hiding this comment

Uh oh!

hound Bot Feb 24, 2021

Choose a reason for hiding this comment

Uh oh!

hound Bot Feb 24, 2021

Choose a reason for hiding this comment

Uh oh!

hound Bot Feb 24, 2021

Choose a reason for hiding this comment

Uh oh!

hound Bot Feb 24, 2021

Choose a reason for hiding this comment

Uh oh!

hound Bot Feb 24, 2021

Choose a reason for hiding this comment

Uh oh!

hound Bot Feb 24, 2021

Choose a reason for hiding this comment

Uh oh!

hound Bot Feb 24, 2021

Choose a reason for hiding this comment

Uh oh!

hound Bot Feb 24, 2021

Choose a reason for hiding this comment

Uh oh!

hound Bot Feb 24, 2021

Choose a reason for hiding this comment

Uh oh!

hound Bot Feb 24, 2021

Choose a reason for hiding this comment

Uh oh!

hound Bot Feb 24, 2021

Choose a reason for hiding this comment

Uh oh!

hound Bot Feb 24, 2021

Choose a reason for hiding this comment

Uh oh!

hound Bot Feb 24, 2021

Choose a reason for hiding this comment

Uh oh!

hound Bot Feb 24, 2021

Choose a reason for hiding this comment

Uh oh!

hound Bot Feb 24, 2021

Choose a reason for hiding this comment

Uh oh!

hound Bot Feb 24, 2021

Choose a reason for hiding this comment

Uh oh!

hound Bot Feb 24, 2021

Choose a reason for hiding this comment

Uh oh!

hound Bot Feb 24, 2021

Choose a reason for hiding this comment

Uh oh!

hound Bot Feb 26, 2021

Choose a reason for hiding this comment

Uh oh!

hound Bot Feb 26, 2021

Choose a reason for hiding this comment

Uh oh!

hound Bot Feb 26, 2021

Choose a reason for hiding this comment

Uh oh!

hound Bot Feb 26, 2021

Choose a reason for hiding this comment

Uh oh!

hound Bot Feb 26, 2021

Choose a reason for hiding this comment

Uh oh!

hound Bot Feb 26, 2021

Choose a reason for hiding this comment