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
-
0
votes2
answers43
viewsError in Sass style sheet
Hello, I was writing the styles for my home page, everything was working perfectly, until an error appeared in Gulp. Error in plugin 'sass' Message: sass\organisms\_header.sass Error: Invalid CSS…
sassasked 7 years, 5 months ago user77295 -
0
votes1
answer77
viewsHow do I change the background color of the element if there is a child element?
I have the body tag and the background color will be changed if there is a div.login as a daughter. ... <body> <div class="container"><div class="login"></div></div>…
sassasked 6 years, 9 months ago fabiano.campos 1 -
0
votes1
answer142
viewsInclude Sass in angular 5
What better way to set up SASS at angular 5, and there is some specific implementation to organize it in the project.
-
0
votes0
answers245
viewsChange the color of the text in the input using Vuejs/Html/css
For example on Facebook when we type Congratulations so and so inside the input the word congratulations gets bold and orange and the person continues typing normally... ie ... when the person type…
-
0
votes1
answer289
viewsSASS: Updating the css file in different folders?
I am learning SASS and would like to know how to update a file . css by Sass, when the file .scss and the .css are in different folders. For example: The style.scss is in the folder scss and the css…
sassasked 6 years, 4 months ago André Sarti 3 -
0
votes3
answers2287
viewsRemove created image-div spacing
Would you like to understand why a spacing is created between the image and the div? How is it possible to see when adding the red background. And how to correct without using position or margin and…
-
0
votes1
answer98
viewsError when compiling Foundation 6 SASS/SCSS with Grunt
I’m trying to install and compile Foundation 6 via SASS. Well, the installation via NPM I managed to do correctly according to the instruction on the site:…
-
0
votes1
answer28
viewsExtender Selector Parent
How do I extend settings from a Parent selector? (only it) ul { background: red; /* Não incluir esse! */ } #menu { ul { margin-left: 20px; ul { @extend #menu ul; // <= Dessa forma dá erro :( } }…
sassasked 6 years, 4 months ago GilCarvalhoDev 769 -
0
votes1
answer220
viewsBootstrap - Update only one div (Menu)
I am starting a project with bootstrap and would like to update only the div class=content when selecting some menu option. How do I do? Follows: ├── html files │ └── index.html Src/ ├── pages/ │…
-
0
votes1
answer159
viewsHover with Scale only in father div
Next person I own a div Father and inside her others divs I wanted to apply a css where to change the background to purple and the text and image to white until then works normal the problem is that…
-
0
votes1
answer1584
viewsFontawesome does not carry correctamete carries squares
After performing the settings and installing the font-awesome with the Bower and call you through my file Sass through a name file Sass plugin. The same is not run only appear a few squares. Before…
-
0
votes1
answer127
viewsCSS/SCSS: Generic validation element accompanying input format
I’m having a problem on my style sheet. I have a generic Input as shown below: I put an element to validate my form, the validation this OK, but I’m having problems in alignment, because if I…
-
0
votes2
answers434
viewsMake a screen responsive to monitor resolution
Good morning! I have a login screen, I’m doing with bootstrap 4. How I would adjust the layout of the page so that the background image is not missing or exploded. As you can see in the image below,…
-
0
votes1
answer98
viewsHow to create a variable array with scss in VS community
Good morning, I have a project on Ionic and in it I can configure a series of variables $colors: ( /*-CINZA: */ cinza1: #595959, cinza2: #7F7F7F, cinza3: #A5A5A5, cinza4: #CBCBCB, cinza5: #F1F1F1,…
-
0
votes0
answers39
viewsI’m not getting my final file expanded with Gulp-Sass
hello, I’m unable to leave my final . css file expanded, I’ve tried to put in outputStyle the word Expanded but the file remains compressed there goes the code where is all the Sass code. //Adiciona…
-
0
votes1
answer973
viewsNode-Sass error while trying to install the dependencies of an Ionic 3 project
Hello I have a project done in Ionic 3.2.0, the project in question can be found in the following link https://github.com/Mathe13/rodoviasApp, I downloaded it from git, removed the node_module and…
-
0
votes1
answer163
viewsHTML does not pull CSS generated by SASS
I’m using express to upload the server and Gulp to generate Sass, Gulp generates the file correctly, but the css is not adopted by HTML. follows code : Express : const express = require('express')…
-
0
votes1
answer55
viewsElements of a Timeline Breaking Line
all right? I’m trying to make a Timeline with scroll, but I’m not getting the Timeline elements into the div when it reaches the maximum size, so that this part is not visible. Here is the code I…
-
0
votes0
answers71
viewsSASS Mixin and Hover: How to write the Hover by changing mixin parameters?
Hi. I’m new to SASS, so I’m sorry if it’s a silly question, but I couldn’t find anywhere on the Internet with an answer for her, so... I’m working on a project that has a button template. I created…
-
0
votes1
answer327
viewsCSS: Pass values/parameters through class names
I would like to know if there is the possibility of informing values through class names to be used as values in the properties of the same. Example: .text-(color) { color: (color); } The result…
-
0
votes1
answer102
viewsBreak line with <img> and <p> inside an <ion-button> - IONIC 5
I have the following HTML: <ion-grid fixed> <ion-row> <ion-col size="12"> <ion-button (click)="go('adopt')" class="button" color="dark"> <img…
-
0
votes1
answer39
viewsNesting (nesting) is a specific feature of SASS?
I just finished a Bootstrap course and I had one question: nesting (nesting) is a specific feature of SASS? From what I understand here, yes. I say that because when using Media Queries in…
-
-1
votes1
answer145
viewsMedia queries within nesting - Sass
I have a question, I am creating an application in React, so I am using SASS. But my doubt is related to SASS, if it is a good practice I insert media querie inside my css block. Example I’m doing…
-
-1
votes1
answer231
viewsHow to use Sass on server
As a layman still in Sass, I have the doubt of how to use it in a provider as for example Locaweb or hostgator. They need to have Sass support or have another way?
-
-1
votes1
answer18
viewsWhy doesn’t my Sass compile this code?
.button { //background-color: $button-blue-bg; color: $button-font-color; font-size: $button-font-size; position: relative; display: block; text-align: center; line-height: 20px; padding: 0 12px;…
sassasked 6 years, 3 months ago Richard Santos 74 -
-1
votes1
answer237
viewsWhy don’t Sass and Less work on Powershell?
I installed Sass and Less through Node.js (globally, as exemplified on the websites of the tools in question). I used both in cmd without problems, but when trying in Powershell, I received the…
-
-2
votes1
answer34
viewsSass::Syntaxerror - Properties are only allowed Within Rules, Directives, mixin includes, or other properties
When trying to access the site, this error appears: Properties are only allowed Within Rules, Directives, mixin includes, or other properties. https://pastebin.com/LqMyVEM5 (Sass file code) My…
-
-2
votes1
answer308
viewsError importing Sass module into Angular
I want to use MDC Image List but when importing in style . scss from some Angular module @use "@material/image-list/mdc-image-list"; does not compile with following error: Module build failed (from…
-
-2
votes1
answer45
viewsmedia querie scss
I’m learning Sass and I’m doing the grid based on the bootstrap, with different classes for each screen width size, but I don’t understand how it does it in Sass in a smaller way, I don’t want it to…
-
-6
votes1
answer22
viewsImage overlaps with open menu
Good evening everyone. I’m making my portfolio, and I realized that when I open the side menu, an image overlaps. That way: Here’s my CSS (I made it with Sass): .sessao-formacoes { background-color:…