Skip to content

Commit 7b5b815

Browse files
nhubbardnhubbard
committed
Standardize: TO STYLELINT!
1 parent 4267280 commit 7b5b815

File tree

9 files changed

+1877
-798
lines changed

9 files changed

+1877
-798
lines changed

Diff for: ‎.stylelintrc

+4
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
{
2+
"extends": "stylelint-config-standard",
3+
"font-family-name-quotes": "double-where-recommended"
4+
}

Diff for: ‎css/main.css

+158-85
Original file line numberDiff line numberDiff line change
@@ -1,151 +1,224 @@
11
html {
2-
cursor: none;
2+
cursor: none;
33
}
44

55
body {
6-
margin: 60px;
7-
position: absolute;
8-
height: calc(100% - 120px);
9-
width: calc(100% - 120px);
10-
background: #000;
11-
color: #aaa;
12-
font-family: 'Roboto Condensed', sans-serif;
13-
font-weight: 400;
14-
font-size: 2em;
15-
line-height: 1.5em;
16-
-webkit-font-smoothing: antialiased;
6+
margin: 60px;
7+
position: absolute;
8+
height: calc(100% - 120px);
9+
width: calc(100% - 120px);
10+
background: #000;
11+
color: #aaa;
12+
font-family: "Roboto Condensed", sans-serif;
13+
font-weight: 400;
14+
font-size: 2em;
15+
line-height: 1.5em;
16+
-webkit-font-smoothing: antialiased;
1717
}
1818

1919
/**
2020
* Default styles.
2121
*/
2222

23-
.dimmed {color: #555;}
24-
.normal {color: #999;}
25-
.bright {color: #fff;}
23+
.dimmed {
24+
color: #555;
25+
}
26+
27+
.normal {
28+
color: #999;
29+
}
30+
31+
.bright {
32+
color: #fff;
33+
}
34+
35+
.xsmall {
36+
font-size: 15px;
37+
line-height: 20px;
38+
}
39+
40+
.small {
41+
font-size: 20px;
42+
line-height: 25px;
43+
}
2644

27-
.xsmall {font-size: 15px; line-height: 20px;}
28-
.small {font-size: 20px; line-height: 25px;}
29-
.medium {font-size: 30px; line-height: 35px;}
30-
.large {font-size: 65px; line-height: 65px;}
31-
.xlarge {font-size: 75px; line-height: 75px; letter-spacing: -3px;}
45+
.medium {
46+
font-size: 30px;
47+
line-height: 35px;
48+
}
3249

33-
.thin {font-family: 'Roboto', sans-serif; font-weight: 100;}
34-
.light {font-family: 'Roboto Condensed', sans-serif; font-weight: 300;}
35-
.regular {font-family: 'Roboto Condensed', sans-serif; font-weight: 400;}
36-
.bold {font-family: 'Roboto Condensed', sans-serif; font-weight: 700;}
50+
.large {
51+
font-size: 65px;
52+
line-height: 65px;
53+
}
3754

38-
.align-right {text-align: right;}
39-
.align-left {text-align: left;}
55+
.xlarge {
56+
font-size: 75px;
57+
line-height: 75px;
58+
letter-spacing: -3px;
59+
}
4060

61+
.thin {
62+
font-family: Roboto, sans-serif;
63+
font-weight: 100;
64+
}
65+
66+
.light {
67+
font-family: "Roboto Condensed", sans-serif;
68+
font-weight: 300;
69+
}
70+
71+
.regular {
72+
font-family: "Roboto Condensed", sans-serif;
73+
font-weight: 400;
74+
}
75+
76+
.bold {
77+
font-family: "Roboto Condensed", sans-serif;
78+
font-weight: 700;
79+
}
80+
81+
.align-right {
82+
text-align: right;
83+
}
84+
85+
.align-left {
86+
text-align: left;
87+
}
4188

4289
header {
43-
text-transform: uppercase;
44-
font-size: 15px;
45-
font-family: 'Roboto Condensed';
46-
font-weight: 400;
47-
border-bottom: 1px solid #333;
48-
line-height: 0.35em;
49-
padding-bottom: 10px;
50-
margin-bottom: 10px;
51-
color: #666;
90+
text-transform: uppercase;
91+
font-size: 15px;
92+
font-family: "Roboto Condensed";
93+
font-weight: 400;
94+
border-bottom: 1px solid #333;
95+
line-height: 0.35em;
96+
padding-bottom: 10px;
97+
margin-bottom: 10px;
98+
color: #666;
5299
}
53100

54101
sup {
55-
font-size: 50%;
56-
line-height: 50%;
102+
font-size: 50%;
103+
line-height: 50%;
57104
}
58105

59106
/**
60107
* Module styles.
61108
*/
62109

63110
.module {
64-
margin-top: 30px;
111+
margin-top: 30px;
65112
}
113+
66114
.module:first-child {
67-
margin-top: 0px;
115+
margin-top: 0;
68116
}
69117

70118
/**
71119
* Region Definitions.
72120
*/
73121

74122
.region {
75-
position: absolute;
123+
position: absolute;
76124
}
125+
77126
.region.fullscreen {
78-
position: absolute;
79-
top: -60px;
80-
left: -60px;
81-
right: -60px;
82-
bottom: -60px;
127+
position: absolute;
128+
top: -60px;
129+
left: -60px;
130+
right: -60px;
131+
bottom: -60px;
83132
}
133+
84134
.region.right {
85-
right: 0;
135+
right: 0;
86136
}
137+
87138
.region.top {
88-
top: 0;
139+
top: 0;
89140
}
90-
.region.top .container{
91-
margin-bottom: 25px;
141+
142+
.region.top .container {
143+
margin-bottom: 25px;
92144
}
145+
93146
.region.top .container:empty {
94-
margin-bottom: 0px;
147+
margin-bottom: 0;
95148
}
96-
.region.top.center, .region.bottom.center {
97-
left: 50%;
98-
-moz-transform: translateX(-50%);
99-
-o-transform: translateX(-50%);
100-
-webkit-transform: translateX(-50%);
101-
-ms-transform: translateX(-50%);
102-
transform: translateX(-50%);
149+
150+
.region.top.center,
151+
.region.bottom.center {
152+
left: 50%;
153+
-moz-transform: translateX(-50%);
154+
-o-transform: translateX(-50%);
155+
-webkit-transform: translateX(-50%);
156+
-ms-transform: translateX(-50%);
157+
transform: translateX(-50%);
103158
}
104-
.region.top.right, .region.top.left, .region.top.center {
105-
top: 100%;
159+
160+
.region.top.right,
161+
.region.top.left,
162+
.region.top.center {
163+
top: 100%;
106164
}
165+
107166
.region.bottom {
108-
bottom: 0;
167+
bottom: 0;
109168
}
110-
.region.bottom .container{
111-
margin-top: 25px;
169+
170+
.region.bottom .container {
171+
margin-top: 25px;
112172
}
173+
113174
.region.bottom .container:empty {
114-
margin-top: 0px;
175+
margin-top: 0;
115176
}
116-
.region.bottom.right, .region.bottom.center, .region.bottom.left {
117-
bottom: 100%;
177+
178+
.region.bottom.right,
179+
.region.bottom.center,
180+
.region.bottom.left {
181+
bottom: 100%;
118182
}
183+
119184
.region.bar {
120-
width: 100%;
121-
text-align: center;
122-
}
123-
.region.third, .region.middle.center {
124-
width: 100%;
125-
text-align: center;
126-
-moz-transform: translateY(-50%);
127-
-o-transform: translateY(-50%);
128-
-webkit-transform: translateY(-50%);
129-
-ms-transform: translateY(-50%);
130-
transform: translateY(-50%);
185+
width: 100%;
186+
text-align: center;
187+
}
188+
189+
.region.third,
190+
.region.middle.center {
191+
width: 100%;
192+
text-align: center;
193+
-moz-transform: translateY(-50%);
194+
-o-transform: translateY(-50%);
195+
-webkit-transform: translateY(-50%);
196+
-ms-transform: translateY(-50%);
197+
transform: translateY(-50%);
131198
}
199+
132200
.region.upper.third {
133-
top: 33%;
201+
top: 33%;
134202
}
203+
135204
.region.middle.center {
136-
top: 50%;
205+
top: 50%;
137206
}
207+
138208
.region.lower.third {
139-
top: 66%;
209+
top: 66%;
140210
}
211+
141212
.region.left {
142-
text-align: left;
213+
text-align: left;
143214
}
215+
144216
.region.right {
145-
text-align: right;
217+
text-align: right;
146218
}
147-
.region table {
148-
width: 100%;
149-
border-spacing: 0px;
150-
border-collapse: separate;
219+
220+
.region table {
221+
width: 100%;
222+
border-spacing: 0;
223+
border-collapse: separate;
151224
}

0 commit comments

Comments
 (0)