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
-
1
votes2
answers55
viewsFunction to convert letter size to SASS
Good morning, I would like to know how to do a function within SASS that receives a value in pt and convert to px. I know that there is a specific account for the conversion and also that you can…
-
1
votes1
answer78
viewsImporting the Boostrap.Sass
I installed Bootstrap SASS in my project by NPM. After the installation I tried to import the Bootstrap files into my CSS folder by creating a SASS file and inside gave the command @import…
-
1
votes0
answers92
viewsGradient in the Sass
I’m putting together my project, and there’s a bar that I’d like to put a gradient with three colors, a light red, a dark red, and a light red again , as would this gradient in Sass ? It’s this bar…
sassasked 7 years, 5 months ago user77295 -
1
votes0
answers31
viewsCSS Ionic 1 works correctly on Android, but not on iPhone Osx
My layout, a few things on it, works great on Windows Android. Switching to Mac Osx, creating the project and copying everything. When I spin like ionic server or ionic server --lab Both are without…
-
1
votes2
answers210
viewsSASS - Colour group for re-use
I’m starting at SASS, and I’m having a little problem that I’m having trouble solving. I have a group of colors, which will be used in several sessions of my site. Basically, I have a structure like…
-
1
votes2
answers356
viewsResponsive Dropdown Menu
I created a responsive menu, I would like to add an action to my button, when it was clicked my menu would appear, the menu is already created, but I still can’t get it to appear with just the…
-
1
votes1
answer307
viewsWebpack + Sass generating style.css
Why the webpack when performing the Extract in the archives .scss, he creates the file Styles.css all right in the folder dist/css, but it removes the quotes and dots from the path of a photo for…
-
1
votes2
answers168
viewsDynamic redirection with CSS or SASS
I have a website, and I’m working on responsiveness on it. I have a mobile version, similar to a web app, in a specific directory within the project. Currently when the screen resolution is less…
-
1
votes1
answer86
viewscreate variable with @for in scss
Good morning to all!! Guys I need to create color variables in SCSS and I’m doing it as follows: @for $i from 1 to 50{ $corClara{$i}:red; } but I can’t make it work...Koala, when compiling, always…
-
1
votes1
answer177
viewsCSS to SASS convert or not?
I have several files in css, I am in doubt if I rewrite it in Sass to be able to give a better maintenance in the future or not, is it really advantageous?
-
1
votes1
answer576
viewsI cannot install Node.js
I am trying to install Node js. But at the end of the installation when running by cmd. Node -- version is shown the error below.…
-
1
votes1
answer706
viewsAdd color to mine when scrolling the page and remove when you reach the top
I am developing a menu with bootstrap and it does the following it gets at the top of the page and as soon as the user scrolls the page down it disappears and when the user scrolls up the menu…
-
1
votes1
answer40
viewsHow to make an automatic grid for exact measurements using SCSS?
I have the following example but in percentage: $grid__cols: 12; @for $i from 1 through $grid__cols { .col-#{$i} { flex-basis: (100 / ($grid__cols / $i) ) * 1%; } } That may be tested here, to…
-
1
votes1
answer872
viewsHow to apply Hover to all *siblings or *children?
Good evening Guys, this is my first question here on the forum, so sorry if it doesn’t formulate in the best way. The problem I’m facing is applying the css effect :Hover to all sibling or child…
-
1
votes2
answers2948
viewsNode-Sass is not recognized as an internal command
I’m trying to create a command for compile scss in css more easily. I followed this tutorial I installed nodejs, npm and Node-Sass I got into my project and ran the remote npm init My package.json…
-
1
votes1
answer79
viewsIs it possible to do Functions with SASS?
I am developing my CSS classes with SASS and I realized that I use many times Media Query (@media) to create behaviors in a certain resolution. %display-none-mobile{ @media (max-width:992px){…
-
1
votes1
answer3271
viewsHow to put a background image in my ion-content
I would like to add a background image at the bottom of my login Follow the html code of my login.page.html <ion-header> <ion-toolbar> <ion-title…
-
1
votes0
answers25
viewsError in using @extends using Sass placeholders
@each $direction in $directions { %u-no-padding-#{$direction}{padding-#{direction}: 0;} %u-half-padding-#{$direction}{padding-#{direction}: $layout-module-size / 2;}…
-
1
votes1
answer111
viewsError BOOTSTRAP SASS _is not a color for `Darken'
This error returns when I sort these @import files in my app.scss, using SASS/[email protected] on a Mac. I need to understand where the error is, if by reversing the order (custom variables at the…
-
1
votes2
answers153
viewsHow to set a target Theme-color in Runtime from the application styles
I’m developing a React-based web app that uses Material Components (which in turn uses Sass) and requires the color of the browser bar (defined via html meta, as shown in the following code) to be…
-
1
votes2
answers63
viewsChecked attribute does not respond with sr-only
I’m hiding the <input type="radio"> with class sr-only of bootstrap, and the problem that occurs is this: With class sr-only active: The radio are not unchecked if I click the other The .card…
-
1
votes1
answer647
viewsHow to set up Gulp.task default Sass and watch
hello I’m having some problems configuring gulpfile.js to automate the conversion of Sass to css in the test project, below I explain the environment and errors presented Folder structure //layout |…
-
1
votes1
answer60
viewsSASS: Are there any features to avoid repetitions and lines of code color variations?
Problem situation I am creating a palette of colors that vary a lot in their references, being 10% of the base color down. For example: $primary: #0069FF; A 10% subtraction of this value is:…
-
1
votes1
answer232
viewsUse Sass bootstrap semantically and selectively
When it comes to Sass and Bootstrap the recommendation/advantage that is most around is, "import only what you will use, so your final css will be smaller and will contain only the bootstrap parts…
-
1
votes1
answer22
viewsbackground-size: cover. Is there any way to add a percentage value?
I want to add an Event Hover that slightly increases the size of the image I’m using from the background, but to keep it responsive accurate background-size:cover. follows an excerpt of code made…
-
0
votes1
answer41
viewsDeprecation Warning - Compass Unsemantic
I am having a problem regarding the compilation of some SASS + Compass + Unsemantic codes that generates the following warning: DEPRECATION WARNING on line 17 of…
-
0
votes1
answer134
viewsHow to install Sass Gem on Windows
I wanted to install Sass’s Gem so I could compile it on Windows. I installed the normal Ruby Installer and soon after I went to the Sass documentation of how to run it in Windows using console mode,…
-
0
votes1
answer160
viewsHow to generate columns with SUSY?
I am working for the first time on a project with SASS, COMPASS and SUSY. I wonder if you have any way to generate Suzy columns automatically.
-
0
votes1
answer102
viewsStrange problem with footer
I’m developing this site: http://conscienciaestelar.filosofiaesoterica.com.br And I’m encountering problems with footer positioning. I’m using twitter bootstrap(just the grid) and SASS as tools. If…
-
0
votes2
answers205
viewsSASS function does not work
Good morning! I’m doing some tests with the Sass function it does not return me anything. I thought it was something I was typing wrong, or something like that. I copied the exact function of this…
-
0
votes2
answers368
viewsGulp Sass does not work
So far everything worked on Gulp perfectly, except the Sass. My Code: var sass = require('gulp-ruby-sass'); gulp.task('styles', function(){ gulp.src('./src/scss/**/*.scss') .pipe(sass())…
-
0
votes1
answer69
viewsHow to take values from a JSON and pass as SASS variables with Grunt
I need to compile templates using Grunt and I want to put the color settings inside a JSON file that will be inside each layout folder, that is, I need to use Grunt to read JSON and pass the values…
-
0
votes0
answers78
viewsCharacter Incompatibility in Sass ( 'IBM437' and 'UTF-8')
My problem occurs when I try to use the --watchas follows: --watch estilos.scss:estilos.css My goal is to perform the automatic compilation the moment I save the file. The error that appears in the…
-
0
votes2
answers697
viewsAutomatic menu break with icon and text aligned
I’m making a menu with ul and li where inside my li has an a with a span for the icon and a span for the menu item text. Currently when it arrives at a resolution xxx it breaks the items. I wish…
-
0
votes0
answers341
viewsimport a variable from a _partial.scss file and use it within SASS method
I’m starting to work with SASS and I’m having problems with the partial file structure. By my understanding, I did something like this: _Colors.scss $red: red; $blue: blue _Buttons.scss @import…
sassasked 8 years, 8 months ago LeandroLuk 4,989 -
0
votes1
answer97
viewsMethodology BEM + Lost Grid
I would like to know what would be the best practice to use different grid sizes with the same block. Ex: I have a component Card, and on my Dashboard page I wish I had 4 Cards per line I also use…
-
0
votes1
answer43
viewsBorder-top appears in half on iOS
In the iOS the parameter border-top is shown up to half screen, on PC it appears with 100% width normally. How to make it appear 100% width on iOS also? This is the SCSS: .wrapper-masthead {…
-
0
votes0
answers38
viewsSCOUT compiler does not generate css file
Good afternoon, I am using the SCOUT compiler to work with scss and Sass files, but from yesterday to today it is no longer generating css files, it is configured correctly for the project folders.…
-
0
votes0
answers166
viewsProblem loading CSS file Sass
I am facing a problem where when generating the CSS file, where this is generated by a task done through Gulp. When interpreting Sass and generating CSS, the file on the site only changes if I…
-
0
votes1
answer44
viewsDoubt about Framework
Buenas Devs! I’m new in the area and I’m facing a doubt that literally has been taking my sleep... What is the best (ease x performance) framework to be used currently? W3.CSS SCSS SASS Bootstrap…
-
0
votes1
answer121
viewsHow to pass variables from C# MVC 4 to SASS SCSS?
I need to change my CSS files dynamically by pulling some data ,like colors, from the database. I chose to use SASS in the application, but I can import an application variable in MVC 4 to my SCSS…
-
0
votes0
answers66
viewsSass in shaman does not work
Good afternoon, I’m trying to run the Sass in the shaman, but it’s not working. Can anyone tell me if it has how to run or how to make it work?
-
0
votes1
answer72
viewsMultiple Conversion SCCS > SASS
Hello, Previously, in a project of mine, I did more than two hundred files. scss, and recently adapted to the use of .sass. I wonder if it is possible to convert all these files at once, instead of…
-
0
votes1
answer98
viewsIndentation SASS 2 spaces?
Hello, Recently I am using Sass without any front-end automation due to company guidelines and I usually work with the format . Sass, but I’m having problems with the identations of the same, always…
-
0
votes0
answers34
viewsVisual Studio Team Services (project) + SASS
Hello, I wonder if it is possible to "compile" SASS in a project in Visual Studio 2015 without having to install anything. Motive: I’m in need of something I get in the project using Visual Studio…
-
0
votes1
answer358
viewsChange placeholder opacity when Focus input
I need to change the opacity of the placeholder when input in Focus but not getting in Sass Html <input type="text" name="search_cursos" id="search_cursos" placeholder="Procure a vaga que deseja"…
-
0
votes0
answers31
viewsUnknown error in Gulp
I added the file mixins.sass to my project and when I went to look at the terminal, presented the following error: Events.js:160 er; // Unhandled 'error' Event Error: Sass Molecules mixins.Sass…
-
0
votes1
answer563
viewsGulp command does not work
Hello, I created a home.Ass file @import molecules/mixins @import ../bower_components/bootstrap-sass/assets/stylesheets/bootstrap /variables @import…
-
0
votes2
answers346
viewsMain differences between structuring CSS with PHP and LESS/SASS
In many projects I’ve been writing CSS with PHP, what is a practice well unknown but that meets all the needs of dynamization, example... CSS <?php header("Content-type: text/css"); $cor_fundo =…
-
0
votes1
answer307
viewsCss error in Sass
Hello , I created a reset.Sass file for my project when I was updating Gulp, it generated the following error in one of the lines of my file, but I still can’t figure out which error. This is the…