Sass

Why won't python webassets pyscss regenerate css from scss files in debug mode?

北慕城南 提交于 2021-02-07 19:44:50
问题 I'm using the pyscss compiler in the python webassets library with webassets debug configs all set to true. But when I make changes to an scss file and reload the page that includes the generated css file, I see that the css file has not be regenerated and does not include my changes. Why is this happening? 回答1: Use depends='*.scss' as noted in this issue on GitHub. 回答2: Figured it out. Webassets does not pick up on changes to scss files that are included in other scss files using @import .

Custom property ignored: not scoped to the top-level :root element

怎甘沉沦 提交于 2021-02-07 19:42:16
问题 .angular-cli.json { "$schema": "./node_modules/@angular/cli/lib/config/schema.json", "project": { "name": "tensor web" }, "apps": [ { "root": "src", "outDir": "dist", "assets": [ "assets", "favicon.ico" ], "index": "index.html", "main": "main.ts", "polyfills": "polyfills.ts", "test": "test.ts", "tsconfig": "tsconfig.app.json", "testTsconfig": "tsconfig.spec.json", "prefix": "app", "styles": [ "styles.scss", "../node_modules/firebaseui/dist/firebaseui.css" ], "scripts": [ ..... ],

Custom property ignored: not scoped to the top-level :root element

依然范特西╮ 提交于 2021-02-07 19:42:12
问题 .angular-cli.json { "$schema": "./node_modules/@angular/cli/lib/config/schema.json", "project": { "name": "tensor web" }, "apps": [ { "root": "src", "outDir": "dist", "assets": [ "assets", "favicon.ico" ], "index": "index.html", "main": "main.ts", "polyfills": "polyfills.ts", "test": "test.ts", "tsconfig": "tsconfig.app.json", "testTsconfig": "tsconfig.spec.json", "prefix": "app", "styles": [ "styles.scss", "../node_modules/firebaseui/dist/firebaseui.css" ], "scripts": [ ..... ],

Sass compiler throws 'undefined mixin' error when mixins are kept in seperate folder [closed]

我们两清 提交于 2021-02-07 13:36:51
问题 Closed. This question needs debugging details. It is not currently accepting answers. Want to improve this question? Update the question so it's on-topic for Stack Overflow. Closed 5 years ago . Improve this question Here is the screenshot of my website structure. In my mixins file, I have created all the necessary sass mixins. I have created this mixin for border radius: @mixin border-radius($radius) { -webkit-border-radius: $radius; -moz-border-radius: $radius; -ms-border-radius: $radius;

Sass-like functions in PostCSS

落爺英雄遲暮 提交于 2021-02-07 12:33:16
问题 I'm trying out PostCss and trying to find comparable features to Sass. The one feature I'm stuck on is Sass-like functions. Here's my function is Sass: // Variables.scss $columns: 12; // Grid columns $max-width: 1200px; // Grid max width // Function.scss @function grid($cols,$to-px:false) { @if ($to-px == false) { @return ($cols / $columns) * 100% }; @return round(($max-width / $columns) * $cols); } // style.scss .class { width: grid(3); } .class2 { width: grid(3,true); } // outputs to: //

Sass is not working & Can't install ruby-sass on macOS Catalina

可紊 提交于 2021-02-07 08:30:38
问题 Ruby sass is not working after upgrading to macOS Catalina beta. When I run sudo gem install sass , I'm getting an error: ERROR: Error installing sass: ERROR: Failed to build gem native extension. current directory: /Library/Ruby/Gems/2.6.0/gems/ffi-1.11.1/ext/ffi_c /System/Library/Frameworks/Ruby.framework/Versions/2.6/usr/bin/ruby -I /Library/Ruby/Site/2.6.0 -r ./siteconf20191007-37566-177grvx.rb extconf.rb mkmf.rb can't find header files for ruby at /System/Library/Frameworks/Ruby

Angular Material - Can't resolve '@angular/material/theming'

感情迁移 提交于 2021-02-07 04:58:05
问题 I have followed the official guide and created a app-theme.scss with the following content: @import '~@angular/material/theming'; @include mat-core(); $candy-app-primary: mat-palette($mat-indigo); $candy-app-accent: mat-palette($mat-pink, A200, A100, A400); $candy-app-warn: mat-palette($mat-red); $candy-app-theme: mat-light-theme($candy-app-primary, $candy-app-accent, $candy-app-warn); @include angular-material-theme($candy-app-theme); Content of styles.css : @import './app-theme.scss';

Updated to High Sierra and having trouble running compass

岁酱吖の 提交于 2021-02-07 03:50:25
问题 I updated to High Sierra earlier this week and am having trouble running compass. When trying to run compass watch it gives me this error: compass watch -bash: /usr/local/bin/compass: /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/bin/ruby: bad interpreter: No such file or directory Tried to update ruby and failed. I have version 2.3. I don't have version 2.0 thats its looking for. so tried to change the path, failed again. Also tried to update/reinstall compass. I get an error

Updated to High Sierra and having trouble running compass

与世无争的帅哥 提交于 2021-02-07 03:49:27
问题 I updated to High Sierra earlier this week and am having trouble running compass. When trying to run compass watch it gives me this error: compass watch -bash: /usr/local/bin/compass: /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/bin/ruby: bad interpreter: No such file or directory Tried to update ruby and failed. I have version 2.3. I don't have version 2.0 thats its looking for. so tried to change the path, failed again. Also tried to update/reinstall compass. I get an error

Updated to High Sierra and having trouble running compass

老子叫甜甜 提交于 2021-02-07 03:49:03
问题 I updated to High Sierra earlier this week and am having trouble running compass. When trying to run compass watch it gives me this error: compass watch -bash: /usr/local/bin/compass: /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/bin/ruby: bad interpreter: No such file or directory Tried to update ruby and failed. I have version 2.3. I don't have version 2.0 thats its looking for. so tried to change the path, failed again. Also tried to update/reinstall compass. I get an error