Top "Sass" questions

Sass (Syntactically Awesome Style Sheets) is an extension of CSS adding features like nested rules, variables, mixins and class extensions.

Extending selectors from within media queries with Sass

I have an item class and a compact "modifier" class: .item { ... } .item.compact { /* styles to make .item smaller */ } This is …

css sass media-queries
access SASS values ($colors from variables.scss) in Typescript (Angular2 ionic2)

In Ionic 2, I would like to access the $colors variables from the file "[my project]\src\theme\variables.scss". This …

angular typescript sass ionic2
Require statement in application.css.scss

I want to use a lightbox gem such as fancybox or color box. Both gems ask to add this line …

ruby-on-rails sass fancybox colorbox
How do I use /deep/ or >>> in Vue.js?

So, I've read here that in Vue.js, you can use /deep/ or >>> in a selector in …

css node.js webpack sass vue.js
Webpack 4: mini-css-extract-plugin + sass-loader + splitChunks

I've the follow example configuration to use mini-css-extract-plugin with Webpack 4: entry: { a: ['./js/a.js', './scss/a.scss'], …

css webpack sass sass-loader webpack-4
How to set scss syntax in Sublime 3?

I'm using Sublime 3 editor. When I open a SCSS file it shows many red characters because it misjudged the syntax. …

css sass sublimetext3 sublimetext syntax-highlighting
Importing Sass through npm

Currently in our Sass files we have something like the following: @import "../../node_modules/some-module/sass/app"; This is bad, …

node.js sass npm node-modules
CSS to SASS (or LESS) conversion

Can anyone recommend some CSS to less, or CSS to sass conversion tools? I have found a few .e.g. …

css sass less
How to install compass in mac?

I would like to install compass through the terminal in mac. I installed sass. I now have Sass 3.3.0.alpha.175 (Bleeding …

terminal sass compass-sass
Webpack sass where is the css file

I am using web pack with sass loader like this: module.exports = { module: { loaders: [ { test: /\.scss$/, loader: "style!css!sass" } ] } }; …

javascript node.js sass webpack