scss-mixins Questions
5
Solved
How should I deal with responsive breakpoints as components in Tailwind?
Without Tailwind, I used to declare breakpoints as a scss mixins:
@mixin tablet-portrait {
@media (min-width: 700px) {
@...
Rheostat asked 6/4, 2019 at 16:59
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
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
1
I have found a way to import scss variables into ts and js using this article
Basically the approach is:
Create a modular scss file containing your scss variables, or import them from the original ...
Morsel asked 1/11, 2022 at 12:15
10
I create a simple website project with simple HTML and SCSS.
the HTML file seems like this:
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=dev...
Maharaja asked 9/3, 2020 at 14:0
0
Here is the case
I am getting color from DB and need to set primary color into my angular website.
I need to update following value in file src/assets/sass/components/_variables.demo.scss
$primary:...
Wiedmann asked 22/3, 2022 at 16:56
1
I have an Angular CLI app and I'm using @import '~@angular/material/theming'; in the global styles.scss. I also have a component where I would like to define a css class in that component's .scss f...
Reinold asked 7/1, 2019 at 4:18
1
Solved
I want to create dark mode for a web site which use bootstrap. I have to add new root class which includes all boostrap colors. Here is my colors.scss:
$primary:#065FC6;
$secondary:#263C5C;
$succes...
Inspissate asked 5/8, 2021 at 13:22
2
I'm learning SCSS following a freecodecamp tutorial, but I keep getting the following error on the CLI for live sass: watch:
Error: Undefined mixin.
╷
320 │ @include _assert-ascending($grid-breakp...
Milliemillieme asked 19/7, 2021 at 20:19
2
I want to use multiple include in the same SCSS. For example:
.section-ptb {
padding-top: 130px;
padding-bottom: 130px;
@include desktop {
padding-top: 80px;
padding-bottom: 80px;
}
@include...
Hierolatry asked 27/4, 2019 at 15:45
2
Solved
Problem
I have two scss variables places in colors.scss file, I want to update the variable colors only from javascript based on a logic,
if(day){
// update $backgroundColor to white
}else{
// up...
Delainedelainey asked 7/11, 2020 at 16:31
2
I'm trying to update Radio Button colors of an ant design radio mentioned in this link in my REACT App.
I tried using the suggestion in this post to update the colors.
But my colors are not updatin...
Masterson asked 8/9, 2020 at 17:43
6
Solved
I tried using a mixin in my styles.scss but it says it is not defined.
I've tried:
Using it in styles.scss
@include media-breakpoint-up(sm) {
.some-class {
display: block;
}
}
result:
@in...
Precipitant asked 24/11, 2017 at 12:12
2
Solved
As the above image shows, while inspecting some elements, the Chrome Dev Tool shows it is related with a .scss file, when I click the file, it is empty. I test it with Safari on macOS, it also sho...
Anchoveta asked 12/11, 2019 at 18:43
5
"@angular/core": "~8.0.0",
scaffold angular 8 project with scss style option
i have code for as mentioned below in component scss file
background: url("/assets/images/vector-icon.png") no-repe...
Sexagenarian asked 17/6, 2019 at 6:48
2
Solved
I have a Vuejs component with Vuetify and pug.
.moreQuestion__wrapper
v-expansion-panel.moreQuestion__wrapper-panel
v-expansion-panel-content(v-for="(question, i) in
questions" :key="i" expand...
Secret asked 3/3, 2019 at 10:19
1
Solved
I am getting this error in my angular project.
@include for-desktop-up {...."
No mixin named for-desktop-up"
My code in the styles.scss is
@mixin for-desktop-up {
@media (min-width: 1024px)...
Vladikavkaz asked 17/5, 2019 at 15:18
1
Solved
I am working already by SCSS in my projects but I'm still confused.
Why we are using SASS even we have SCSS, and can we use SASS and SCSS at the same projects, it will work at the same proje...
Aponte asked 20/3, 2019 at 5:51
2
Solved
theme-variables.scss
//---------------------------------------------------------
//Declare a global variable and set it to red color
//---------------------------------------------------------
...
Tamica asked 25/12, 2018 at 13:14
1
Solved
I would like to create a new button style in Bootstrap 4 with a white (#fff) text color. Mixin button-variant automatically sets the text color based on the background color. How can I use this mix...
Whitethroat asked 7/5, 2018 at 22:26
1
Solved
I dont know how to include SCSS file in my website but I have completely developed .scss file using notepad. Please let me know how to include it in my website?
Armindaarming asked 25/2, 2013 at 9:32
1
© 2022 - 2024 — McMap. All rights reserved.