scss-lint is a tool to help keep your SCSS files clean and readable. This tag should be used only in case of problems with the tool itself and not in case of SASS / SCSS problems
Questions tagged [scss-lint]
177 questions
0
votes
2 answers
How to change the styleurls link after pressing a button and keep it that way
I am working on an angular 2 project and am trying to include a setting themes. I have created 3 component.scss file red.component.scss, yellow.component.scss and blue.component.scss. I want to make it so that as per the user input from a button the…
Atul Stha
- 1,404
- 8
- 23
- 46
0
votes
1 answer
Analyze SCSS with SonarQube on TeamCity
I am using SONAR-CSS-PLUGIN to check all SCSS file in my repository.
As it comes with default set of 100+ rules, at this moment am not willing to apply all rules in one go as as there is legacy code too and it's reporting many errors.
I would like…
ankitd
- 1,967
- 3
- 26
- 44
0
votes
1 answer
CSS Is it possible to align a submit button with input fields?
Currently I get :
I am trying to align the button with the input fields to get displayed like that
( Note: I can add a margin-left: 40px to the button csss description, but I am not sure it's the best option ) :
with the following template and…
user762579
0
votes
1 answer
VS Code report @support in scss mode that } expected
How can I somehow add @support into a known syntax for scss linter in VS Code?
ey dee ey em
- 7,991
- 14
- 65
- 121
0
votes
1 answer
How to prevent "force-attribute-nesting" Sass-Lint warnings when applying CSS properties to specific input elements, along with selects and textarea?
I'm using Sass-Lint in my build system and am getting the warning Attribute-selector should be nested within its parent Type-selector when using the following…
Cofey
- 11,144
- 16
- 52
- 74
0
votes
0 answers
CSS media query correction
I have structured my breakpoints like this, i need 1024 break point. i already max-width 1199 getting conflict can some one please help me out with this.
// break-point // ------------------------------
/* Landscape phones and portrait tablets…
Durgesh
- 33
- 6
0
votes
1 answer
SCSS: How to use variables to write style classes ?
I was wondering whether there is a certain way to use variables that affect the style in SCSS.
I'm looking for something like:
var x = 1
.class1 {
if (x==1) {
background-color: red;
} else {
background-color: blue;
…
CrazySynthax
- 13,662
- 34
- 99
- 183
0
votes
0 answers
check if one scss (or css) file contains only rules that are subset of rules in another scss (css) file
I have two files: all-styles.scss and custom-styles.scss
The first one (all-styles) contains all styles I use in the application.
The second file supposes to contain SOME of the rules from the first one. I want to process these rules separately…
Yuriy K.
- 241
- 5
- 12
0
votes
1 answer
Making sass function with content value
I have somthing like this, this is just simple example what i need it much more different.
p:nth-child(1) {
content :"1";
}
p:nth-child(2) {
content :"2";
}
p:nth-child(3) {
content :"3";
}
p:nth-child(4) {
content…
Miomir Dancevic
- 6,726
- 15
- 74
- 142
0
votes
1 answer
Using Reset and Normalizer in Scss
I had a question about including reset/normalizer files in scss. When I create a new file, say _normal.scss, and copy/paste the normalizer css into the file, once I save it creates a duplicate css file. So within that folder, I'll…
Theodore Steiner
- 1,553
- 2
- 23
- 34
0
votes
1 answer
Why does SASS compile unwanted / unused code
I am learning SASS and trying out some examples. I have some problem understanding Selector Sequence and why SASS merges them.
In a real world scenario the output can have unwanted css. For eg:-
a{
color: #0086B3;
&:hover{
…
Stacy J
- 2,721
- 15
- 58
- 92
0
votes
0 answers
Edge Browser-@supports for SCSS throws error
I have an angular2 application where I am using scss for styling. I need to fix a small alignment issue only in Microsoft Edge. I have written the css like-
@supports (-ms-ime-align:auto) {
.checkbox {
padding-top: 10px;
}
}
but…
techie_questie
- 1,434
- 4
- 29
- 53
0
votes
2 answers
sass function not working
Any suggestion related to code will be appreciated :)
function str-remove-alphabet():-
this function takes one string as an argument.and remove any alphabet in that string.and return an int value.
// 3.str-alpha-remove function. removes alphabet…
dotsinspace
- 661
- 7
- 21
0
votes
1 answer
css animated icon resize
how you use $ in css
[http://codepen.io/jlong/pen/KBhDf][1]
in the above mentioned link on the 3rd line $heartbeat-size: 10px; I wanted to know how to use this element in the style sheet.
0
votes
1 answer
How can I set margin none on first child in rtl?
I have four progress bars in a vertical form in which I want margin none on the first child in rtl. So how can I set margin none on the first child ? I also tried first child property.
.progress-bar-vertical:first-child {
margin-right: 0px…
ruks shaik
- 21
- 4