testing
/
sass-testing
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add while loop example

This commit is contained in:
James Skemp 2024-01-04 13:23:57 -06:00
parent 78e702bcee
commit 5602b62969
3 changed files with 25 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
sass-project/css/main.css
View File

@ -121,6 +121,22 @@ a:hover {
font-size: 18px;
}
.picture-2 {
width: 20%;
}
.picture-4 {
width: 40%;
}
.picture-6 {
width: 60%;
}
.picture-8 {
width: 80%;
}
* html body {
font-size: 125%;
}

2
sass-project/css/main.css.map
View File

@ -1 +1 @@
{"version":3,"sourceRoot":"","sources":["../scss/partials/_mixins.scss","../scss/main.scss","../scss/partials/_variables.scss"],"names":[],"mappings":"AA2CU;AAAA;AAfR;EACE;EACA;;;ACrBJ;EACE,kBCK0B;EDJ1B,aCqBU;EDpBV,OCEe;EDDf;;ADoDA;ECxDF;IAOI;;;;AAIJ;EACE,aCYc;;;ADThB;EDlBI;EACA;;;ACqBJ;EACE,aCGU;;;ADAZ;EACE,OChBoB;EDmBlB;;AAGF;EACE;;;AAKJ;EACE;;;AAGF;EAIE;;;AAGF;EDvDE;EACA;ECwDA;;AAEA;EACE;;;AAIJ;EDpDE,eADsB;ECwDtB;;;AAGF;EACE;;;AAGF;EAEE;EACA;;;AAOA;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AAOF;EACE;;;AADF;EACE;;;AADF;EACE;;;AAOF;EACE,WAHS;;;AAEX;EACE,WAHS;;;AAEX;EACE,WAHS;;;AAEX;EACE,WAHS;;;AAQX;EACE;;;AAIJ;EDnGE,eAGiB;EAEjB,QCgGsB;ED5FpB,YC6FF;EACA,kBCpGgB;EDqGhB,QClFc;;ADqFZ;EACE;EACA,OCtGgB;EDuGhB;EACA;EACA;;AAEA;EACE;;AAGJ;EACE;;AASN;EACE;EACA;EACA,OC5Gc;;AF6Bd;EC4EF;IAMI;IACA,WChHY;;;ADmHd;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;;AAMR;EACE,kBC3JkB;ED4JlB;EACA,QC1Ic","file":"main.css"}
{"version":3,"sourceRoot":"","sources":["../scss/partials/_mixins.scss","../scss/main.scss","../scss/partials/_variables.scss"],"names":[],"mappings":"AA2CU;AAAA;AAfR;EACE;EACA;;;ACrBJ;EACE,kBCK0B;EDJ1B,aCqBU;EDpBV,OCEe;EDDf;;ADoDA;ECxDF;IAOI;;;;AAIJ;EACE,aCYc;;;ADThB;EDlBI;EACA;;;ACqBJ;EACE,aCGU;;;ADAZ;EACE,OChBoB;EDmBlB;;AAGF;EACE;;;AAKJ;EACE;;;AAGF;EAIE;;;AAGF;EDvDE;EACA;ECwDA;;AAEA;EACE;;;AAIJ;EDpDE,eADsB;ECwDtB;;;AAGF;EACE;;;AAGF;EAEE;EACA;;;AAOA;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AAOF;EACE;;;AADF;EACE;;;AADF;EACE;;;AAOF;EACE,WAHS;;;AAEX;EACE,WAHS;;;AAEX;EACE,WAHS;;;AAEX;EACE,WAHS;;;AASX;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AAMF;EACE;;;AAIJ;ED3GE,eAGiB;EAEjB,QCwGsB;EDpGpB,YCqGF;EACA,kBC5GgB;ED6GhB,QC1Fc;;AD6FZ;EACE;EACA,OC9GgB;ED+GhB;EACA;EACA;;AAEA;EACE;;AAGJ;EACE;;AASN;EACE;EACA;EACA,OCpHc;;AF6Bd;ECoFF;IAMI;IACA,WCxHY;;;AD2Hd;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;;AAMR;EACE,kBCnKkB;EDoKlB;EACA,QClJc","file":"main.css"}

8
sass-project/scss/main.scss
View File

@ -104,6 +104,14 @@ $font-sizes: (tiny: 8px, small: 11px, medium: 13px, large: 18px);
}
}
$j: 2;
@while $j <= 8 {
.picture-#{$j} {
width: $j * 10%;
}
$j: $j + 2;
}
@include apply-to-ie-6 {
body {
font-size: 125%;