Update to Dart sass to allow @use at-rule use #669
Conversation
![hound[bot]](https://avatars.githubusercontent.com/in/3598?s=60&v=4){kind=small}
| // Chips | ||
| .chip { | ||
| align-items: center; | ||
| background: $bg-color-dark; | ||
| background: variables.$bg-color-dark; |
There was a problem hiding this comment.
Invalid CSS after "...ound: variables": expected ";", was ".$bg-color-dark;"
| @@ -17,6 +19,6 @@ | |||
| } | |||
|
|
|||
| .hero-body { | |||
| padding: $layout-spacing; | |||
| padding: variables.$layout-spacing; | |||
There was a problem hiding this comment.
Invalid CSS after "...ding: variables": expected ";", was ".$layout-spacing;"
| border: $border-width solid $primary-color; | ||
| border-radius: $border-radius; | ||
| color: $primary-color; | ||
| background: variables.$bg-color-light; |
There was a problem hiding this comment.
Invalid CSS after "...ound: variables": expected ";", was ".$bg-color-light;"
| @@ -30,7 +32,7 @@ | |||
| z-index: 1; | |||
|
|
|||
| .comparison-label { | |||
| right: $unit-4; | |||
| right: variables.$unit-4; | |||
There was a problem hiding this comment.
Invalid CSS after "...ight: variables": expected ";", was ".$unit-4;"
| background: $bg-color; | ||
| border-radius: $border-radius; | ||
| color: $gray-color-dark; | ||
| background: variables.$bg-color; |
There was a problem hiding this comment.
Invalid CSS after "...ound: variables": expected ";", was ".$bg-color;"
| @@ -29,8 +31,8 @@ | |||
| // Fix dropdown-toggle border radius in button groups | |||
| .btn-group { | |||
| .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; | |||
There was a problem hiding this comment.
Invalid CSS after "...dius: variables": expected ";", was ".$border-radius;"
|
|
||
| .version::after { | ||
| content: "#{$version}"; | ||
| content: "#{variables.$version}"; |
There was a problem hiding this comment.
Invalid CSS after "...t: "#{variables": expected "}", was ".$version}";"
| @@ -1,6 +1,6 @@ | |||
| const gulp = require("gulp"); | |||
| const { parallel } = require("gulp"); | |||
| const sass = require('gulp-sass'); | |||
| const sass = require('gulp-dart-sass'); | |||
There was a problem hiding this comment.
'const' is available in ES6 (use 'esversion: 6') or Mozilla JS extensions (use moz).
| @@ -15,15 +17,15 @@ | |||
|
|
|||
| .accordion-header { | |||
| display: block; | |||
| padding: $unit-1 $unit-2; | |||
| padding: variables.$unit-1 variables.$unit-2; | |||
There was a problem hiding this comment.
Invalid CSS after "...ding: variables": expected ";", was ".$unit-1 variab..."
| // Optimized for East Asian CJK | ||
| html:lang(zh), | ||
| html:lang(zh-Hans), | ||
| .lang-zh, | ||
| .lang-zh-hans { | ||
| font-family: $cjk-zh-hans-font-family; | ||
| font-family: variables.$cjk-zh-hans-font-family; |
There was a problem hiding this comment.
Invalid CSS after "...mily: variables": expected ";", was ".$cjk-zh-hans-f..."
| @@ -6,13 +9,13 @@ | |||
| .popover-container { | |||
| left: 50%; | |||
| opacity: 0; | |||
| padding: $layout-spacing; | |||
| padding: variables.$layout-spacing; | |||
There was a problem hiding this comment.
Invalid CSS after "...ding: variables": expected ";", was ".$layout-spacing;"
| @@ -12,7 +15,7 @@ $parallax-fade-color: rgba(255, 255, 255, .35) !default; | |||
| outline: none; | |||
| position: absolute; | |||
| width: 50%; | |||
| z-index: $zindex-1; | |||
| z-index: variables.$zindex-1; | |||
There was a problem hiding this comment.
Invalid CSS after "...ndex: variables": expected ";", was ".$zindex-1;"
| // Panels | ||
| .panel { | ||
| border: $border-width solid $border-color; | ||
| border-radius: $border-radius; | ||
| border: variables.$border-width solid variables.$border-color; |
There was a problem hiding this comment.
Invalid CSS after "...rder: variables": expected ";", was ".$border-width ..."
| @@ -7,7 +10,7 @@ | |||
| left: 0; | |||
| opacity: 0; | |||
| overflow: hidden; | |||
| padding: $layout-spacing; | |||
| padding: variables.$layout-spacing; | |||
There was a problem hiding this comment.
Invalid CSS after "...ding: variables": expected ";", was ".$layout-spacing;"
| // Labels | ||
| .label { | ||
| @include label-base(); | ||
| @include label-variant(lighten($body-font-color, 5%), $bg-color-dark); | ||
| @include mixins.label-base(); |
There was a problem hiding this comment.
Invalid CSS after " @include mixins": expected "}", was ".label-base();"
| @@ -22,7 +24,7 @@ | |||
| } | |||
|
|
|||
| .navbar-brand { | |||
| font-size: $font-size-lg; | |||
| font-size: variables.$font-size-lg; | |||
There was a problem hiding this comment.
Invalid CSS after "...size: variables": expected ";", was ".$font-size-lg;"
| // Avatars | ||
| .avatar { | ||
| @include avatar-base(); | ||
| background: $primary-color; | ||
| @include mixins.avatar-base(); |
There was a problem hiding this comment.
Invalid CSS after " @include mixins": expected "}", was ".avatar-base();"
| @@ -66,10 +68,10 @@ video.video-responsive { | |||
|
|
|||
| // Figure | |||
| .figure { | |||
| margin: 0 0 $layout-spacing 0; | |||
| margin: 0 0 variables.$layout-spacing 0; | |||
There was a problem hiding this comment.
Invalid CSS after "...: 0 0 variables": expected ";", was ".$layout-spacin..."
| // Steps | ||
| .step { | ||
| display: flex; | ||
| flex-wrap: nowrap; | ||
| list-style: none; | ||
| margin: $unit-1 0; | ||
| margin: variables.$unit-1 0; |
There was a problem hiding this comment.
Invalid CSS after "...rgin: variables": expected ";", was ".$unit-1 0;"
| // Tooltips | ||
| .tooltip { | ||
| position: relative; | ||
| &::after { | ||
| background: rgba($dark-color, .95); | ||
| border-radius: $border-radius; | ||
| background: rgba(variables.$dark-color, .95); |
There was a problem hiding this comment.
Invalid CSS after "... rgba(variables": expected ")", was ".$dark-color, ...."
…d utilities stylesheets
| @include shadow-variant(.05rem); | ||
| background: $bg-color-light; | ||
| border-radius: $border-radius; | ||
| @include mixins.shadow-variant(.05rem); |
There was a problem hiding this comment.
Invalid CSS after " @include mixins": expected "}", was ".shadow-variant..."
| // Meters | ||
| // Credit: https://css-tricks.com/html5-meter-element/ | ||
| .meter { | ||
| appearance: none; | ||
| background: $bg-color; | ||
| background: variables.$bg-color; |
There was a problem hiding this comment.
Invalid CSS after "...ound: variables": expected ";", was ".$bg-color;"
| // Icon resize | ||
| .icon-resize-horiz, | ||
| .icon-resize-vert { | ||
| &::before, | ||
| &::after { | ||
| border: $icon-border-width solid currentColor; | ||
| border: icons-core.$icon-border-width solid currentColor; |
There was a problem hiding this comment.
Invalid CSS after "...der: icons-core": expected ";", was ".$icon-border-w..."
| // Icon variables | ||
| $icon-border-width: $border-width-lg; | ||
| $icon-border-width: variables.$border-width-lg; |
There was a problem hiding this comment.
Invalid CSS after "...idth: variables": expected selector or at-rule, was ".$border-width-lg;"
| // Icon time | ||
| .icon-time { | ||
| border: $icon-border-width solid currentColor; | ||
| border: icons-core.$icon-border-width solid currentColor; |
There was a problem hiding this comment.
Invalid CSS after "...der: icons-core": expected ";", was ".$icon-border-w..."
|
|
||
| /*! Spectre.css Experimentals v#{$version} | MIT License | github.com/picturepan2/spectre */ | ||
| /*! Spectre.css Experimentals v#{variables.$version} | MIT License | github.com/picturepan2/spectre */ |
There was a problem hiding this comment.
Invalid CSS after "...ls v#{variables": expected "}", was ".$version} | MI..."
|
|
||
| /*! Spectre.css v#{$version} | MIT License | github.com/picturepan2/spectre */ | ||
| /*! Spectre.css v#{variables.$version} | MIT License | github.com/picturepan2/spectre */ |
There was a problem hiding this comment.
Invalid CSS after "...ss v#{variables": expected "}", was ".$version} | MI..."
| // Text colors | ||
| @include text-color-variant(".text-primary", $primary-color); | ||
| @include mixins.text-color-variant(".text-primary", variables.$primary-color); |
There was a problem hiding this comment.
Invalid CSS after "@include mixins": expected selector or at-rule, was ".text-color-var..."
| // Divider | ||
| .divider, | ||
| .divider-vert { | ||
| display: block; | ||
| position: relative; | ||
|
|
||
| &[data-content]::after { | ||
| background: $bg-color-light; | ||
| color: $gray-color; | ||
| background: variables.$bg-color-light; |
There was a problem hiding this comment.
Invalid CSS after "...ound: variables": expected ";", was ".$bg-color-light;"
| // Loading | ||
| .loading { | ||
| color: transparent !important; | ||
| min-height: $unit-4; | ||
| min-height: variables.$unit-4; |
There was a problem hiding this comment.
Invalid CSS after "...ight: variables": expected ";", was ".$unit-4;"
Fix #668