Skip to content

Commit 9a5d92d

Browse files
thingsymthingsym
committed
docs: add example for dart sass
1 parent 74a8223 commit 9a5d92d

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

52 files changed

+16361
-0
lines changed

‎docs/css-dart-sass/box-sizing-border-box.css‎

Lines changed: 129 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,129 @@
1+
.grid--border-box {
2+
-webkit-box-sizing: border-box;
3+
box-sizing: border-box;
4+
display: -webkit-box;
5+
display: -ms-flexbox;
6+
display: flex;
7+
margin-left: -1%;
8+
margin-right: -1%;
9+
}
10+
.grid--border-box > .grid__col-1 {
11+
-webkit-box-sizing: border-box;
12+
box-sizing: border-box;
13+
-webkit-box-flex: 0;
14+
-ms-flex: 0 0 6.3333333333%;
15+
flex: 0 0 6.3333333333%;
16+
margin-left: 1%;
17+
margin-right: 1%;
18+
margin-bottom: 2%;
19+
}
20+
.grid--border-box > .grid__col-2 {
21+
-webkit-box-sizing: border-box;
22+
box-sizing: border-box;
23+
-webkit-box-flex: 0;
24+
-ms-flex: 0 0 14.6666666667%;
25+
flex: 0 0 14.6666666667%;
26+
margin-left: 1%;
27+
margin-right: 1%;
28+
margin-bottom: 2%;
29+
}
30+
.grid--border-box > .grid__col-3 {
31+
-webkit-box-sizing: border-box;
32+
box-sizing: border-box;
33+
-webkit-box-flex: 0;
34+
-ms-flex: 0 0 23%;
35+
flex: 0 0 23%;
36+
margin-left: 1%;
37+
margin-right: 1%;
38+
margin-bottom: 2%;
39+
}
40+
.grid--border-box > .grid__col-4 {
41+
-webkit-box-sizing: border-box;
42+
box-sizing: border-box;
43+
-webkit-box-flex: 0;
44+
-ms-flex: 0 0 31.3333333333%;
45+
flex: 0 0 31.3333333333%;
46+
margin-left: 1%;
47+
margin-right: 1%;
48+
margin-bottom: 2%;
49+
}
50+
.grid--border-box > .grid__col-5 {
51+
-webkit-box-sizing: border-box;
52+
box-sizing: border-box;
53+
-webkit-box-flex: 0;
54+
-ms-flex: 0 0 39.6666666667%;
55+
flex: 0 0 39.6666666667%;
56+
margin-left: 1%;
57+
margin-right: 1%;
58+
margin-bottom: 2%;
59+
}
60+
.grid--border-box > .grid__col-6 {
61+
-webkit-box-sizing: border-box;
62+
box-sizing: border-box;
63+
-webkit-box-flex: 0;
64+
-ms-flex: 0 0 48%;
65+
flex: 0 0 48%;
66+
margin-left: 1%;
67+
margin-right: 1%;
68+
margin-bottom: 2%;
69+
}
70+
.grid--border-box > .grid__col-7 {
71+
-webkit-box-sizing: border-box;
72+
box-sizing: border-box;
73+
-webkit-box-flex: 0;
74+
-ms-flex: 0 0 56.3333333333%;
75+
flex: 0 0 56.3333333333%;
76+
margin-left: 1%;
77+
margin-right: 1%;
78+
margin-bottom: 2%;
79+
}
80+
.grid--border-box > .grid__col-8 {
81+
-webkit-box-sizing: border-box;
82+
box-sizing: border-box;
83+
-webkit-box-flex: 0;
84+
-ms-flex: 0 0 64.6666666667%;
85+
flex: 0 0 64.6666666667%;
86+
margin-left: 1%;
87+
margin-right: 1%;
88+
margin-bottom: 2%;
89+
}
90+
.grid--border-box > .grid__col-9 {
91+
-webkit-box-sizing: border-box;
92+
box-sizing: border-box;
93+
-webkit-box-flex: 0;
94+
-ms-flex: 0 0 73%;
95+
flex: 0 0 73%;
96+
margin-left: 1%;
97+
margin-right: 1%;
98+
margin-bottom: 2%;
99+
}
100+
.grid--border-box > .grid__col-10 {
101+
-webkit-box-sizing: border-box;
102+
box-sizing: border-box;
103+
-webkit-box-flex: 0;
104+
-ms-flex: 0 0 81.3333333333%;
105+
flex: 0 0 81.3333333333%;
106+
margin-left: 1%;
107+
margin-right: 1%;
108+
margin-bottom: 2%;
109+
}
110+
.grid--border-box > .grid__col-11 {
111+
-webkit-box-sizing: border-box;
112+
box-sizing: border-box;
113+
-webkit-box-flex: 0;
114+
-ms-flex: 0 0 89.6666666667%;
115+
flex: 0 0 89.6666666667%;
116+
margin-left: 1%;
117+
margin-right: 1%;
118+
margin-bottom: 2%;
119+
}
120+
.grid--border-box > .grid__col-12 {
121+
-webkit-box-sizing: border-box;
122+
box-sizing: border-box;
123+
-webkit-box-flex: 0;
124+
-ms-flex: 0 0 98%;
125+
flex: 0 0 98%;
126+
margin-left: 1%;
127+
margin-right: 1%;
128+
margin-bottom: 2%;
129+
}

‎docs/css-dart-sass/box-sizing-content-box.css‎

Lines changed: 129 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,129 @@
1+
.grid--content-box {
2+
-webkit-box-sizing: content-box;
3+
box-sizing: content-box;
4+
display: -webkit-box;
5+
display: -ms-flexbox;
6+
display: flex;
7+
margin-left: -1%;
8+
margin-right: -1%;
9+
}
10+
.grid--content-box > .grid__col-1 {
11+
-webkit-box-sizing: content-box;
12+
box-sizing: content-box;
13+
-webkit-box-flex: 0;
14+
-ms-flex: 0 0 6.3333333333%;
15+
flex: 0 0 6.3333333333%;
16+
margin-left: 1%;
17+
margin-right: 1%;
18+
margin-bottom: 2%;
19+
}
20+
.grid--content-box > .grid__col-2 {
21+
-webkit-box-sizing: content-box;
22+
box-sizing: content-box;
23+
-webkit-box-flex: 0;
24+
-ms-flex: 0 0 14.6666666667%;
25+
flex: 0 0 14.6666666667%;
26+
margin-left: 1%;
27+
margin-right: 1%;
28+
margin-bottom: 2%;
29+
}
30+
.grid--content-box > .grid__col-3 {
31+
-webkit-box-sizing: content-box;
32+
box-sizing: content-box;
33+
-webkit-box-flex: 0;
34+
-ms-flex: 0 0 23%;
35+
flex: 0 0 23%;
36+
margin-left: 1%;
37+
margin-right: 1%;
38+
margin-bottom: 2%;
39+
}
40+
.grid--content-box > .grid__col-4 {
41+
-webkit-box-sizing: content-box;
42+
box-sizing: content-box;
43+
-webkit-box-flex: 0;
44+
-ms-flex: 0 0 31.3333333333%;
45+
flex: 0 0 31.3333333333%;
46+
margin-left: 1%;
47+
margin-right: 1%;
48+
margin-bottom: 2%;
49+
}
50+
.grid--content-box > .grid__col-5 {
51+
-webkit-box-sizing: content-box;
52+
box-sizing: content-box;
53+
-webkit-box-flex: 0;
54+
-ms-flex: 0 0 39.6666666667%;
55+
flex: 0 0 39.6666666667%;
56+
margin-left: 1%;
57+
margin-right: 1%;
58+
margin-bottom: 2%;
59+
}
60+
.grid--content-box > .grid__col-6 {
61+
-webkit-box-sizing: content-box;
62+
box-sizing: content-box;
63+
-webkit-box-flex: 0;
64+
-ms-flex: 0 0 48%;
65+
flex: 0 0 48%;
66+
margin-left: 1%;
67+
margin-right: 1%;
68+
margin-bottom: 2%;
69+
}
70+
.grid--content-box > .grid__col-7 {
71+
-webkit-box-sizing: content-box;
72+
box-sizing: content-box;
73+
-webkit-box-flex: 0;
74+
-ms-flex: 0 0 56.3333333333%;
75+
flex: 0 0 56.3333333333%;
76+
margin-left: 1%;
77+
margin-right: 1%;
78+
margin-bottom: 2%;
79+
}
80+
.grid--content-box > .grid__col-8 {
81+
-webkit-box-sizing: content-box;
82+
box-sizing: content-box;
83+
-webkit-box-flex: 0;
84+
-ms-flex: 0 0 64.6666666667%;
85+
flex: 0 0 64.6666666667%;
86+
margin-left: 1%;
87+
margin-right: 1%;
88+
margin-bottom: 2%;
89+
}
90+
.grid--content-box > .grid__col-9 {
91+
-webkit-box-sizing: content-box;
92+
box-sizing: content-box;
93+
-webkit-box-flex: 0;
94+
-ms-flex: 0 0 73%;
95+
flex: 0 0 73%;
96+
margin-left: 1%;
97+
margin-right: 1%;
98+
margin-bottom: 2%;
99+
}
100+
.grid--content-box > .grid__col-10 {
101+
-webkit-box-sizing: content-box;
102+
box-sizing: content-box;
103+
-webkit-box-flex: 0;
104+
-ms-flex: 0 0 81.3333333333%;
105+
flex: 0 0 81.3333333333%;
106+
margin-left: 1%;
107+
margin-right: 1%;
108+
margin-bottom: 2%;
109+
}
110+
.grid--content-box > .grid__col-11 {
111+
-webkit-box-sizing: content-box;
112+
box-sizing: content-box;
113+
-webkit-box-flex: 0;
114+
-ms-flex: 0 0 89.6666666667%;
115+
flex: 0 0 89.6666666667%;
116+
margin-left: 1%;
117+
margin-right: 1%;
118+
margin-bottom: 2%;
119+
}
120+
.grid--content-box > .grid__col-12 {
121+
-webkit-box-sizing: content-box;
122+
box-sizing: content-box;
123+
-webkit-box-flex: 0;
124+
-ms-flex: 0 0 98%;
125+
flex: 0 0 98%;
126+
margin-left: 1%;
127+
margin-right: 1%;
128+
margin-bottom: 2%;
129+
}

‎docs/css-dart-sass/box-sizing-null.css‎

Lines changed: 103 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,103 @@
1+
.grid--null {
2+
display: -webkit-box;
3+
display: -ms-flexbox;
4+
display: flex;
5+
margin-left: -1%;
6+
margin-right: -1%;
7+
}
8+
.grid--null > .grid__col-1 {
9+
-webkit-box-flex: 0;
10+
-ms-flex: 0 0 6.3333333333%;
11+
flex: 0 0 6.3333333333%;
12+
margin-left: 1%;
13+
margin-right: 1%;
14+
margin-bottom: 2%;
15+
}
16+
.grid--null > .grid__col-2 {
17+
-webkit-box-flex: 0;
18+
-ms-flex: 0 0 14.6666666667%;
19+
flex: 0 0 14.6666666667%;
20+
margin-left: 1%;
21+
margin-right: 1%;
22+
margin-bottom: 2%;
23+
}
24+
.grid--null > .grid__col-3 {
25+
-webkit-box-flex: 0;
26+
-ms-flex: 0 0 23%;
27+
flex: 0 0 23%;
28+
margin-left: 1%;
29+
margin-right: 1%;
30+
margin-bottom: 2%;
31+
}
32+
.grid--null > .grid__col-4 {
33+
-webkit-box-flex: 0;
34+
-ms-flex: 0 0 31.3333333333%;
35+
flex: 0 0 31.3333333333%;
36+
margin-left: 1%;
37+
margin-right: 1%;
38+
margin-bottom: 2%;
39+
}
40+
.grid--null > .grid__col-5 {
41+
-webkit-box-flex: 0;
42+
-ms-flex: 0 0 39.6666666667%;
43+
flex: 0 0 39.6666666667%;
44+
margin-left: 1%;
45+
margin-right: 1%;
46+
margin-bottom: 2%;
47+
}
48+
.grid--null > .grid__col-6 {
49+
-webkit-box-flex: 0;
50+
-ms-flex: 0 0 48%;
51+
flex: 0 0 48%;
52+
margin-left: 1%;
53+
margin-right: 1%;
54+
margin-bottom: 2%;
55+
}
56+
.grid--null > .grid__col-7 {
57+
-webkit-box-flex: 0;
58+
-ms-flex: 0 0 56.3333333333%;
59+
flex: 0 0 56.3333333333%;
60+
margin-left: 1%;
61+
margin-right: 1%;
62+
margin-bottom: 2%;
63+
}
64+
.grid--null > .grid__col-8 {
65+
-webkit-box-flex: 0;
66+
-ms-flex: 0 0 64.6666666667%;
67+
flex: 0 0 64.6666666667%;
68+
margin-left: 1%;
69+
margin-right: 1%;
70+
margin-bottom: 2%;
71+
}
72+
.grid--null > .grid__col-9 {
73+
-webkit-box-flex: 0;
74+
-ms-flex: 0 0 73%;
75+
flex: 0 0 73%;
76+
margin-left: 1%;
77+
margin-right: 1%;
78+
margin-bottom: 2%;
79+
}
80+
.grid--null > .grid__col-10 {
81+
-webkit-box-flex: 0;
82+
-ms-flex: 0 0 81.3333333333%;
83+
flex: 0 0 81.3333333333%;
84+
margin-left: 1%;
85+
margin-right: 1%;
86+
margin-bottom: 2%;
87+
}
88+
.grid--null > .grid__col-11 {
89+
-webkit-box-flex: 0;
90+
-ms-flex: 0 0 89.6666666667%;
91+
flex: 0 0 89.6666666667%;
92+
margin-left: 1%;
93+
margin-right: 1%;
94+
margin-bottom: 2%;
95+
}
96+
.grid--null > .grid__col-12 {
97+
-webkit-box-flex: 0;
98+
-ms-flex: 0 0 98%;
99+
flex: 0 0 98%;
100+
margin-left: 1%;
101+
margin-right: 1%;
102+
margin-bottom: 2%;
103+
}

0 commit comments

Comments
 (0)