sass Questions
3
Solved
Hi All!
I'm currently working on a theming feature for a CSS Framework and have run into some issues that I'm hoping you might be able to help out with.
I have created a SASS Map called $themes...
Frictional asked 6/9, 2019 at 3:19
3
Solved
Is it possible to change mat-divider color?
I tried the following, it didn't work
component.html
<mat-divider class="material-devider"></mat-divider>
component.scss
.material...
Gristede asked 9/1, 2020 at 19:57
4
Solved
I am getting an error while writing the CSS file using SCSS
The error is as follows:
Error: Function RGB is missing in argument $green.
on line 116 of sass/c:\Users\User\Desktop\This PC\style.scss...
6
I am using SCSS modules for my components in React/Next.js but I can't figure out how to import kebab-case classes.
At the moment, I am just writing all my SCSS classes in camelCase but this isn't ...
Stadium asked 14/5, 2020 at 10:20
18
Solved
I am getting unterminated string token error in my angular application that uses scss as stringUrl.
@import "~bootstrap/scss/bootstrap";
.view-container, .module-row, .view, .view-inner-...
6
I am developing an angular component and I would like to import into my scss file variables (such as colors) from my ts file and I am going throught some issues.
I have seen some examples with node...
Rozalie asked 22/10, 2018 at 11:7
5
Solved
I want to create a website theme based on Bootstrap. I want to extend Bootstrap's default components and change some of them. For this, I would need access to SASS variables that Bootstrap defines ...
Serve asked 19/8, 2017 at 20:35
2
Solved
I'm new to bslib and was excited about some of the style options it presents, but I can't seem to get them working right. I was interested to use the pulse bootswatch for the purple (https://bootsw...
Downwards asked 4/10, 2023 at 14:0
8
Solved
So, I've read here that in Vue.js, you can use /deep/ or >>> in a selector in order to create style rules that apply to elements inside of child components. However, attempting to use this...
7
Solved
I'm using Tailwind in a Gatsby project. My environment is Visual Studio Code, using the Prettier code formatter.
How do I get rid of these linting error alerts?
Korn asked 31/5, 2020 at 15:20
6
Solved
I am using Sage Starter Theme and I am adding some CSS to style the links globally in the _global.scss file. Some of the CSS properties are being overridden by Bootstrap, from the file _reboot.scss...
Moriah asked 1/12, 2017 at 13:43
3
Solved
How can I change theme-colors (primary, secondary, etc.) in Bootstrap 5.X with sass only for dark mode? I get how I can change the primary color in both light and dark theme mode:
custom.scss
... s...
Deenadeenya asked 9/2, 2023 at 13:45
6
Solved
I've recently migrated a pet project from Blazor .NET 3.1 to .NET 5.0 and am trying to switch to using css isolation.
I've created a scss file (which compiles to a css file using the webcompiler ex...
Aspia asked 14/11, 2020 at 11:57
6
CLI Tool: Storybook
Framework: Vue/ Nuxt
Issue: I'm trying to pull in global SCSS variables to Storybook Stories so they run the components the same way as they do in Nuxt, I've tried the custom w...
2
Solved
I use SCSS file watcher in PhpStorm 9 and would like to disable source maps generation (.map files). How to configure a watcher for this?
3
So I'm working on a web project and I started with an HTML/CSS template created by someone else. It appears to use bootstrap which I don't know much about.
Upon using chrome developer tools I notic...
Keaton asked 4/5, 2018 at 3:4
2
Solved
I have an angular project and created a component with scss settings that don't seem to select when I'm nesting the selector under ng-bootstrap tab class names. Why can't I use a selector like this...
9
Solved
I would like to keep one central .scss file that stores all SASS variable definitions for a project.
// _master.scss
$accent: #6D87A7;
$error: #811702;
$warning: #F9E055;
$valid: #038144;
// et...
3
Solved
I can't figure out how to render a css file with the webpack sass-loader.
Here's what my webpackconfig.js looks like:
module.exports = {
context: __dirname + "/app",
entry: {
javascript: "./ap...
25
I'm trying to import a theme from a CSS module but TypeScript gives me a "Cannot Find Module" error and the theme isn't applied on runtime. I think there's something wrong with my Webpack config bu...
Hypocycloid asked 2/11, 2016 at 14:45
6
Solved
My goal is to create a responsive grid with an unknown amount of items, that keep their aspect ratio at 16 : 9.
Right now it looks like this:
.grid {
display: grid;
grid-template-columns: ...
Mammalogy asked 29/7, 2018 at 6:23
4
Solved
I have a styles.theme.scss that looks like the following.
@media (prefers-color-scheme: dark) {
@include example-theme($dark-theme);
}
@media (prefers-color-scheme: light) {
@include example-the...
Gourmandise asked 8/9, 2020 at 3:3
2
Summary
When we switched to using Webpack for handling our SASS files, we noticed that our build times in some cases became really slow. After measuring the performance of different parts of the b...
Supernova asked 22/5, 2019 at 17:32
27
Solved
Recently, when I compile my scss files I get an error. The error message says:
Browserslist: caniuse-lite is outdated. Please run next command npm update caniuse-lite browserslist
First, as the m...
Pinxit asked 20/3, 2019 at 23:49
2
Solved
I've been moving chunks of shared code into a library that we can pull into our other projects, and part of that includes some core styles.
I have the library itself working, eventually (griping ab...
Wenzel asked 15/7, 2022 at 7:30
© 2022 - 2024 — McMap. All rights reserved.