$color_1:black;
$color_2:red;
$color_3:yellow;
.txt_1{
color: $color_1;
}
.txt_2{
color: $color_2;
}
.txt_3{
color: $color_3;
}
$color_1:black;
$color_2:red;
$color_3:yellow;
.txt_1{
color: $color_1;
}
.txt_2{
color: $color_2;
}
.txt_3{
color: $color_3;
}naming can be more semantic and easy to use.
can be written like this.
$color_1:black;
$color_2:red;
$color_3:yellow;
$colorlist: $color_1 $color_2 $color_3;
@for $i from 1 through 3 {
.txt_-sharp{$i} { color: nth($colorlist, $i); }
}the effect of vertical alignment like the one below. ...
1. The file structure directory is as follows: index.scss@importscssicon.scssfonts: main.jsindex.scss : ask the great god to help solve it? Compare heart to heart ...
app.js import . app.scss ; app.scss $vw_fontsize: 75; @function rem($px) { @return ($px $vw_fontsize ) * 1rem; } $vw_design: 750; html { font-size:($vw_fontsize ($vw_design 2)) * 100vw; @media screen and (max-width: 320px) { font-size...
I use flex layout like this. I want to set the height and width to be the same. scss ...
when components are introduced in different places, the sizes of components are different, and all other styles are the same. Could you tell me how to use scss? at this time? ...
sass-loader,scss-loader,node-loader,webpack.base.conf.jsmodulerules for correction, thank you ...
common.scss is introduced globally in vue projects, and globally defined scss variables and mixin cannot be used in header components common.csss: $color_active:-sharp4381E6; header.vue: .cp_header{ background: $color_active; } ...
< H2 > previously on < H2 > there is a difference in color between the design style and the vant style so you need to redefine the default style of vant < H2 > current practice < H2 > File directory structure var.css(,vantcopy,) base.css ...
as shown in figure scss ...
I went to search a lot of tutorials, and they all said to delete the ": " in the output paths to refresh. .map csscss.map how not to generate this file ...
Business background write the front-end page, my steps are as follows: look at the structure of the blueprint refer to the design drawings and write html structure refer to html write scss structure request data fill content example ...
how to use gulp, to automatically convert < link href= . a.scss > in html to < link href= . a.css > gulp version: 3.9.1 main plug-ins used: "gulp-sass": "^3.1.0", "gulp-rev-append": "^0.1.8", relat...
Syntax scss .a { background-color :red; &.b{ background-color: green; } &-c{ background-color: blue; } .d{ background-color: yellow; } } ab c d b <div class="a b"> < div> <div class=...
https: caniuse.com -sharpsearch=p. at the bottom of the page, I also see a section saying that it supports ios ( https: caniuse.com -sharpfeat=poi. is not good at English, so what does it mean that pointer events is not compatible with ios in the...
the project encounters the function that needs to modify the theme. V-if can be implemented, but it is very troublesome. Want to know how to change the variables color in scss through vue or js ...
getThemeCluster(theme) { const tintColor = (color, tint) => { let red = parseInt(color.slice(0, 2), 16) let green = parseInt(color.slice(2, 4), 16) let blue = parseInt(color.slice(4, 6), 16) if (tint === 0) { w...
it is not wrong to add before each line ...
different css files need to be referenced dynamically according to the data returned in the background. Considering that import cannot use variables, it is effective to use require, , but it is not very good , . how should I write it? ...
at first, I configured postcss in webpack , which works, but if a background image is introduced in scss , such an error will be reported when packing. So I added publicPath to the postcss configuration, and found that it did not report an error...
according to the previous understanding: introduce styles.scss into angular.json introduce variable.scss into styles.scss use in login.component.scss but an error is reported. How to use global variables without introducing variable.scss indiv...