sass Questions
2
Solved
I have a row of inline-block elements that all have auto width, so they draw as wide as the varying text content in each of them plus a bit of padding. This results in the actual width of each elem...
7
Solved
I want to use Next.js with Sass and CSS modules but also want to use Ant Design and wanted to use the Less styles for smaller building size.
I'm able to enable either CSS modules or Less loader but...
Traylor asked 16/4, 2020 at 0:5
3
I'm currently facing issue on storybook react using scss. I'm using sb init to create the storybook file. Everything is working, all the addons loaded but only the style is not working. If I use cs...
4
Solved
On the site I'm working on we were using Scaffold, which is a PHP-based system similar to Sass. It also can process Sass functions\files. Unfortunately that system is now abandonware, and we are lo...
2
Solved
I'm building a frontend app using NextJS v.13 and this will be a generic frontend codebase that will be used by multiple sites.
I want to have:
button.site1.css
button.site2.css
And when I build ...
Hypallage asked 26/1, 2023 at 12:29
10
Solved
Nuxtjs using vuetify throwing lots of error Using / for division is deprecated and will be removed in Dart Sass 2.0.0. during yarn dev
Nuxtjs: v2.15.6
@nuxtjs/vuetify": "1.11.3",
&qu...
Lavernlaverna asked 21/5, 2021 at 6:33
3
Solved
I hope somebody can help me with my question.
Lets say I have this:
<div class="container">
<div class="row">
<article>
<p class="story-image">
<a href="#">
&l...
Kellikellia asked 23/12, 2013 at 2:30
5
Solved
Relatively new to Vuejs and testing its components. Using vue-test-utils and jest for testing. Getting following error
test log
The .vue file consists of template, component and styling. Below is...
Fissionable asked 14/2, 2018 at 14:51
1
Solved
Material has created a density component modifier (Links here and here).
I've imported material/density and followed the suggested code in my scss file:
@use "@material/button";
.my-cust...
Rina asked 5/10, 2022 at 12:40
3
Solved
package.json
"scripts": {
"compile:sass": "node-sass sass/main.scss css/style.css -w"
}
main.scss
@import "abstracts/variables";
@import "base/typography";
_variables.scss
$color-light-g...
7
Solved
So I'm running tasks in npm package scripts but I want to pass the watch option in npm start.
This works:
"scripts": {
"scss": "node-sass src/style.scss dist/style.css -w"
}
This doesn't compi...
Defeatist asked 14/1, 2016 at 18:31
3
Previously I have used Angular 8 with Bootstrap 4, and used this excellent answer in order to access Bootstrap variables.
https://mcmap.net/q/546513/-accessing-bootstrap-scss-variables-in-angular-2...
Engird asked 31/3, 2020 at 10:54
0
I'm migrating my project from create-react-app to Vite.
Among my styles there is a following fragment:
// Button.module.scss
.btn {
border-radius: 8px;
border-style: solid;
padding: 8px;
cursor...
Excretion asked 26/1, 2023 at 8:31
4
Solved
I'm trying to create a toolbar using Material's mat-toolbar with an input and select inside of it. For both, I am using Material's provided components (mat-input and mat-select respectively) inside...
Permeable asked 27/2, 2020 at 21:56
6
I installed live sass compiler in vs code. No matter what I write inside scss file, the terminal keeps opening (watch the attached video for better understanding of the problem) Please suggest a wa...
Bedfast asked 22/5, 2021 at 9:10
2
I have several .scss files that I import in my components which are contained within modules. When I build my project for dev or for prod everything is fine, but when I run ng test I see a bunch of...
2
Solved
I tried to use @include media-breakpoint-up in Angular but when compile get this error
Bootstrap 5.1.13
Angular CLI: 10.2.4
Node: 14.17.2
OS: win32 x64
Angular: 10.2.5
ERROR in Module build failed ...
Maternity asked 2/4, 2022 at 18:23
7
Solved
Inside a scss file, I'm trying to import custom, widely used chunk of scss (in a React/SASS/Webpack stack).
So that I can use a shared mixin.
Let's say I'm creating an MyAdminButton and I want to...
13
Solved
I have some fonts being configured in my Scss file like so:
@font-face {
font-family: 'Icomoon';
src: asset-url('icoMoon.eot?#iefix', font) format('embedded-opentype'),
asset-url('icoMoon.woff'...
Tridentine asked 5/6, 2012 at 22:29
4
Solved
I've recently been switching to using modules in my next.js project, but I keep receiving this error in my newly created .module.scss files: "Selector ":root" is not pure (pure selec...
Atbara asked 18/5, 2022 at 17:22
6
Error in plugin "gulp-sass"
Message:
gulp-sass 5 does not have a default Sass compiler; please set one yourself.
Both the sass and node-sass packages are permitted.
For example, in your g...
3
Solved
I am building a website for my upcoming wedding and I want a sticky header, but for some reason, it "disappears" by moving up after you go a certain way down the page. My test url is this: https://...
1
I am attempting to implement SASS Variables in Vue 3, Vuetify 3, Vite build and am encountering an error about variables not being declared with !default
I followed the instructions in the Vuetify ...
Thorncombe asked 29/12, 2022 at 17:28
7
Solved
I'm using Sage WordPress starter theme - https://github.com/roots/sage.
From today when I run yarn build (webpack --progress --config /webpack.config.js) appears this error: Module build failed: M...
Pumice asked 3/5, 2019 at 16:33
5
I am including a mixin from one SASS file into another file but I've got an error with the ionic serve command:
Error: "Sass Error
Invalid CSS after " @include": expected identifier,...
© 2022 - 2024 — McMap. All rights reserved.