Questions tagged [sass]
Sass (Syntactically Awesome Style Sheets) is an extension of CSS adding features like nested rules, variables, mixins and class extensions. This enables developers to write structured, manageable and reusable CSS. Sass is compiled into standard CSS. It is primarily a CSS pre-processor language that accepts both the CSS and its personalised syntax of writing visual design codes.
27,614
questions
1
vote
1
answer
74
views
using scss in Expo project -- imported styles object is always empty
I'm using react-native-sass-transformer to use scss in my react native expo project.
To get set up, I ran npm install --save-dev react-native-sass-transformer sass, configured my .metro.config.js and ...
0
votes
1
answer
16
views
How to get scrollbars on container when syntax in code tag is longer than the view
When displaying syntax in a code element, how can I apply scrollbars if a line of syntax is longer than the view?
I've tried overflow: scroll, but it doesn't seem to work how I want it.
As you can see ...
1
vote
1
answer
75
views
ViTest | Cannot import `.css` files that are compiled from `.scss`
I use some .scss files as part of a re-usable ES6 module (ESM). As part of the build process I am running yarn sass -I node_modules src:dist to compile all of these files to .css and they are output ...
0
votes
0
answers
25
views
Icomoon - switching from node-sass to sass - good way
at the moment I have hundred websites using icomoon. The system builds styles using node-sass - we want to switch to the sass package. And here comes the problem:
Sometimes, to insert an icon, we use ...
0
votes
1
answer
39
views
Simple Form is rendering duplicate input field in rails 7
Guys I am trying to render a partial form using a simple_form but I am getting a duplicate input field of same attribute.
This is my form
<%= simple_form_for post, html: { class: "post form&...
1
vote
0
answers
20
views
FireFox cutting of absolutely positioned elements
I'm developing an Angular app at work. I noticed position absolute on firefox is cutting off about 5px from the top of the absolutely positioned element. I have this.
<div class="features-...
0
votes
0
answers
20
views
How could I profile a sass-loader compilation?
I'm using embedded-sass in an Angular custom webpack monorepo. One of my libraries with sass takes a significant amount of time just in sass-loader during the build and I'd like to figure out what I ...
0
votes
2
answers
61
views
react-datepicker anchorDirection="bottom" not working [closed]
I am using react-datepicker to display a time picker component but I want the time list to be displayed in the bottom of input component but it's currently showing on top of the input field.
code :
&...
0
votes
0
answers
9
views
Webpack not watching SCSS glob imported files
I am using webpack to compile my scss files which works fine when initially running npx webpack or npx webpack --watch.
When using npx webpack --watch, only my declared SCSS file (app.scss) in my ...
0
votes
1
answer
29
views
Apply scss variable to class style property
Is it possible somehow to use scss variables in ExtJS v7 class inline?
For example, I have global theme variable in packages/local/myTheme/sass/var/Component.scss:
$comp-divider-color: #B5BFCA;
And ...
0
votes
3
answers
60
views
How to style siblings on hover in CSS?
I am trying to apply a CSS color change on the siblings of a list of links under the following format:
<ul>
{{ range .Pages }}
<h2>
<a class="item" href="{{ ....
0
votes
0
answers
33
views
Best way to maintain a PrimeNG custom theme
Recently I have added an ngPrime custom theme based on the instructions from their website https://primeng.org/theming. In short I downloaded the primeng-sass-theme from their github repo and started ...
1
vote
1
answer
25
views
How to combine two parent selectors in SASS mixins?
Given the following SCSS:
@mixin one() {
html.one & {
@content;
}
}
@mixin two() {
html.two & {
@content;
}
}
div {
background: green;
@include one() {
background: ...
0
votes
1
answer
51
views
My SCSS does not work beyond a certain point on my live server
The SCSS code only works up to right before the default styles comment.
My SCSS compiles with no errors, I linked the file properly, in fact I used !important to see if it was overwritten and that ...
0
votes
0
answers
31
views
Fix the search bar design height of the search bar
I want to adjust the search bar so it's the same height as the "Add Users" button? It would be great to have them match.
This is my CSS
CSS
.cardWithShadow {
margin-bottom: 20px;
}
....