Most voted "sass" questions
Use this tag when the question refers to some feature, information or problem relating exclusively to the Sass preprocessor. Sass is a pre-processor of style sheets to aid in the productivity and maintenance of CSS code. It’s an extension of CSS that adds features like nested rules, variables, mixins, and class extensions. This allows developers to write structured, manageable, and reusable CSS.
Learn more…130 questions
Sort by count of
-
52
votes2
answers36638
viewsWhat is the difference between SASS and SCSS
I have been reading about SASS for some time and it provides a powerful feature set for CSS as variables, mixins and the like. And at the same time I see the term SCSS. What’s the difference between…
-
25
votes2
answers1645
viewsWhat are the structural and syntax differences between Sass, Less and Stylus?
Nowadays it’s hard to see people writing "old-fashioned CSS" because of pre-processors that make it easy to write by removing code repeats, and syntax simplification. I would like to understand what…
-
16
votes1
answer8375
viewsWhat’s the difference between Less and Sass?
What is the difference of each and advantages and disadvantages?
-
13
votes3
answers10018
viewsSASS and SCSS: Why use them instead of conventional CSS?
I hear a lot about SASS and SCSS, but I don’t know exactly how these tools work. I just know they are CSS generators(?). I found a related question here but it doesn’t address the question of why…
-
12
votes1
answer631
viewsWhat is SASS technology?
Nowadays dynamism in producing styles for a page or set of pages is essential for the developer. And CSS sometimes becomes somewhat complex with complicated, repetitive, and math-heavy selectors. A…
-
11
votes1
answer293
viewsWhat is and how does CSS Post-processing work?
What would be a CSS post-processing? I’ve heard of pre-processed CSS, like Gulp does when it compiles a SASS in CSS. But recently I heard the term post-processed CSS and I didn’t really understand…
-
9
votes1
answer4488
viewsWhat is the file with the ".css.map" extension for when I compile a Sass script?
I am learning to use Sass. All learning is going well. The only thing I don’t understand yet is that every time I compile a file .scss, it generates a file with the same name, with the extension…
sassasked 8 years, 9 months ago Wallace Maxters 102,340 -
8
votes1
answer400
viewsIn Sass what is the difference between a mixin and a placeholder?
The two have the same end result, but do not know which is the correct or which has better performance example: %borda($circunferencia: 10px) { -webkit-border-radius: $circunferencia; border-radius:…
-
6
votes1
answer45
views -
5
votes2
answers2143
viewsTake measurements of an element and play in variables? How to do?
Is there any way (using Sass maybe) to get the measurements (width and/or height) of already defined elements and store them in variables to use in calculations of other elements?…
-
5
votes2
answers477
viewsCalculation of . scss for . Sass
I am creating a dynamic grid system using Sass and Gulp-Sass to compile. I have this code: $col-margin: 15px .row width: 100% max-width: 1170px margin: 0 auto display: flex flex-wrap: wrap // cols…
-
5
votes4
answers9132
viewsHow to change the color of a select when selecting an option
I have a select and I’m trying to change the color of it by selecting an option (for example I’m changing the color to red). Using some attributes like hover, focus, active and checked i can even do…
-
5
votes1
answer577
viewsHow to compile Less or Sass automatically?
Guys, I have a question about Less/Sass. Nowadays I only work with Sublime Text to develop my sites, and I use Sass or Less for the styles and use Koala to compile them. But I wonder if there is any…
-
4
votes1
answer44
viewsWhat is the correct way to use the "%" operator in Sass?
I’m making changes to a page that was made using Sass, and I’m still very beginner with the framework, and I came across the following code: %cf { &:after { content: ''; display: block; clear:…
-
3
votes2
answers523
viewsConcatenate . Sass files with Compass
I am trying to concatenate (unify) several . css files generated from SASS and I am using Compass to process my files. I’m using Grunt to perform some tasks, including concatenating files, but as I…
-
3
votes1
answer84
viewsProblem using MAP in Sass
As released on the blog of Sass as of version 3.3 is available the creation of map in Sass (basically an object). I have the following version of Sass (duly updated by GEM): $ sass -v Sass 3.3.5…
sassasked 10 years, 7 months ago Juarez Turrini 191 -
3
votes2
answers914
viewsWhat is the difference between a mixin and a Function in SASS
In the Sass we have two cases of reusable code snippet: function and mixin. Function example: @function border-default($color) { @return border: 1px solid $color: } Mixin example: @mixin…
sassasked 8 years, 9 months ago Wallace Maxters 102,340 -
3
votes1
answer84
viewsError 404 in SASS
Hello. I went to install an Opencart module in a store version v1.5.6.4 and saw that the scss of this module is not being found (error 404) even being in the server and in the correct folder. The…
-
3
votes2
answers138
viewshow to work with SASS/LESS in real time?
I recently paid attention to pre-processors of css as less and sass because I saw advantages in using them, but I see the need for a workflow so that the css generated is compiled automatically. At…
-
3
votes2
answers205
viewsHow to return hexadecimal color randomly
I’m wanting to each build change the css of my application randomly. Example: $menu-color: #0097a7; // retonar apenas uma cor $menu-color: random(#0097a7,#FAFAFA,#7FB800); // retorna uma color…
-
3
votes1
answer196
viewsConcatenate multiple Sass/css files into one final css
I am using Laravel 5.4, which by default brings a file webpack.mix.js which will be the files to be concatenated and their destination. My problem is concatenating files scss with css, what I have…
-
3
votes1
answer42
viewsSass does not compile special character
I have a ::after in my Sass code with the content "m²", the question is that after compiled the ² becomes error: It is printing in UTF-8 (@charset "UTF-8";), really do not understand the reason for…
-
2
votes1
answer231
viewsError trying to install SASS/COMPASS
I am having a problem installing SASS and COMPASS on my Mac, it is giving an error of permission. I have already released the read and write files in Finder. ERROR: While executing Gem ...…
-
2
votes1
answer87
viewsFiles. Sass do not compile
I’m working on a project using Jekyll with Github Pages. I’m trying to use a file .sass, saving it in the folder _sass, using the syntax recommended by the Jekyll website: --- --- .page-header…
-
2
votes1
answer239
viewsError using glyphicon with bootstrap-Sass
Good afternoon, I’m trying to work with bootstrap-sass and sass, However, by including an icon in my class, nothing happens. Below follows the line of code that represents the same, I wonder if I…
-
2
votes1
answer65
viewsSASS SCSS - Problems with rounding.
I have the following problem: developing a Grid system with SCSS, I got the problem of rounding the percentages that define the size of each column. I was wondering if anyone has a solution for…
-
2
votes1
answer3726
viewsWhat’s the difference and when to use @mixin and @extend on SASS?
Both the @mixin like the @extend seem to have the same goal: Add a standard code block to a class. But if they have the same purpose, what is the difference between them? And when should I use one…
-
2
votes3
answers472
viewsProblem when installing SASS
I downloaded RUBY and installed myself paying attention to "Add Ruby Executable to your PATH" Then I installed the GEM, after that I try to install the SASS but I get the following error as in the…
-
2
votes1
answer771
viewsWhat does @at-root do?
Well I used the translator to read is SASS documentation and I don’t understand what he can do... so: What the @at-root ago?…
sassasked 8 years, 5 months ago user45722 -
2
votes1
answer653
viewsWhat are the advantages and disadvantages of using css preprocessors?
I’ve always heard developers talk about pre-processors, but I haven’t found articles on disadvantages and advantages yet. I also wondered if it’s better to use pure or pre-processed css.…
-
2
votes2
answers817
viewsAlignment Gif Loading
Hello, I have the following code: https://jsbin.com/jojukiseze/1/edit?html,css,output I’m trying to align it so that it is centered on the screen regardless of screen size or orientation (whether a…
-
2
votes3
answers670
viewsApply style in child element according to parent element in SASS With declaration in child
Hello, I am building a SASS style structure that changes will depend on a class set in my body. This class dictates which browser the user is using, example: <body class="chrome"> <!--…
-
2
votes2
answers113
viewsHow to use before in CSS?
The image below shows my expected result. In fact, I would like every time I instantiate the tags H1, H2, H3 in html, to come up with this outline below the title. I was researching something…
-
2
votes1
answer309
viewsWhat is it and how to use Sass and Npm in Bootstrap 4?
I’m learning to use bootstrap and these words came up and I’d like to understand what they are and how to use them.
-
2
votes1
answer48
viewsSASS - beginner (small doubt)
Hello! I’m learning SASS and came across a problem that was supposed to be simple,. heehehe. This is not compiling: $purple: #9b0aa8; #fofo{ width:40px; height:40px; background: $purple; }…
sassasked 6 years ago RPG Deivid Pacheco 65 -
2
votes0
answers50
viewsSet url(path) when importing fontawesome with Sass
Hello! I’m working with Node+webpack+Sass. When I run the script wabpack, is made the compilation of Sass, the Bundle of the js files and the result is all placed in the directory build/. Until…
-
1
votes2
answers61
viewsHow to remove automatic comments generated by Compass?
I write the code in SCSS, and when the CSS comes with comments where the Class or ID is in my SCSS. Does anyone know how to remove these comments generated by Compass from my CSS file?
-
1
votes1
answer234
views -
1
votes2
answers148
viewsbest way to do sprites in SASS
I am making a Sprite with Sass as follows below, but I would like to know if this way is correct or not, or if there is another better way. $sprites: bovino, suino, aves, embutidos, congelados,…
-
1
votes1
answer1145
viewsSass - how to compile the minified file?
I use Sass to help in the development, but I would like to optimize the final result of the generated css, would have some way to generate the file . css already minified? I use the following…
-
1
votes1
answer345
viewsResponsive typography (Flow Text css)
Well, I was studying on responsive texts and found the css class of Materialize that leaves the texts responsive according to the width of the screen. Open the source code to try to understand how…
-
1
votes2
answers202
viewsSass does not rewrite files with prefix
I have copied some . scss files to my project, these files are prefixed with _ in the name (e.g. _style, _mediaqueries, etc.). Compass rewrites all files normally, except those with prefixes. Some…
sassasked 9 years, 2 months ago Bruna Santos 11 -
1
votes1
answer695
viewsBootstrap Sass, which is the best way to use to avoid attribute redundancy
I am using the Sass version of boostrap, and would like to know what is the best practice. I have the assets bootstrap originals and have mine assets personal that I believe overwrite the boostrap…
-
1
votes2
answers76
viewsSass css/js minification
I’m looking for a software for windows, that does the minification of js/css files in Saas, currently only know codekit, but is for mac.
-
1
votes1
answer1256
viewsCompile css with Sass on Windows
I installed ruby in windows and installed Sass. According to the tutorial, I have to monitor the css file until then beauty, but I wanted to edit a css file that already exists, and not a new, how…
-
1
votes1
answer89
viewsProblem in the execution of the task with Gulp & SASS?
I am creating a task that compiles, renames and simplifies files .scss for .css. My file structure is like this: assets/ |__ css/ |__ sass/ | |__ uma-pasta/ | | |__ alguns.scss | | |__ arquivos.scss…
-
1
votes1
answer387
viewsHow to import external CSS
Hello, I am using Compass and would like to know how I can import an external file from my configured folder to Sass. Currently the scss is like this: @import…
-
1
votes1
answer257
viewsImport CSS files with SASS
I’m starting in SASS and I’m trying to make a CSS file that will be a combination of several plug-ins that are in format . css (bootstrap, fontawesome, etc.) and for that I’m using SASS, but it’s…
-
1
votes1
answer61
viewsIncrement margin in pixels in Sass
I need to create margins, top, right, left and bottom, I would like to loop in Sass from 0 to 100. Final CSS would look something like this: margem-top: 1px; margem-top: 2px; margem-left: 66px;…
-
1
votes1
answer172
viewsProblem loading font-awesome with SASS
Icons when loaded are quite different. <i class="fa fa-camera-retro fa-lg"></i> CAMERA <i class="fa fa-facebook"></i> FACEBOOK <i class="fa fa-github"></i> GITHUB…