Skip to content

Commit b2021ac

Browse files
jackcareyjackcarey
committed
moved file
1 parent 505edb4 commit b2021ac

File tree

1 file changed

+260
-0
lines changed

1 file changed

+260
-0
lines changed

‎assets/styles/style.css‎

Lines changed: 260 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,260 @@
1+
/* line 1, ../_source/scss/style.scss */
2+
html,
3+
body {
4+
margin: 0px;
5+
padding: 0px;
6+
}
7+
8+
/* line 6, ../_source/scss/style.scss */
9+
body {
10+
color: #000000;
11+
background-color: #ffffff;
12+
}
13+
/* line 13, ../_source/scss/style.scss */
14+
body[data-supported="true"] #instructions.hidden {
15+
display: none;
16+
}
17+
/* line 17, ../_source/scss/style.scss */
18+
body[data-supported="true"] #unsupported,
19+
body[data-lights-supported="true"] #lights-unsupported {
20+
display: none;
21+
}
22+
/* line 25, ../_source/scss/style.scss */
23+
body[data-supported="false"] #instructions,
24+
body[data-lights-supported="false"] #light-controls {
25+
display: none;
26+
}
27+
28+
/* line 33, ../_source/scss/style.scss */
29+
::selection {
30+
background-color: #8cffd8;
31+
}
32+
33+
/* line 37, ../_source/scss/style.scss */
34+
strong {
35+
font-weight: 400;
36+
}
37+
38+
/* line 41, ../_source/scss/style.scss */
39+
.padded {
40+
padding: 0 10px;
41+
box-sizing: border-box;
42+
}
43+
44+
/* line 46, ../_source/scss/style.scss */
45+
a {
46+
color: inherit;
47+
text-decoration: none;
48+
}
49+
/* line 50, ../_source/scss/style.scss */
50+
a:not(.button) {
51+
border-bottom: 1px solid #8cffd8;
52+
padding-bottom: 3px;
53+
}
54+
/* line 54, ../_source/scss/style.scss */
55+
a:not(.button):hover {
56+
border-bottom-color: #666666;
57+
}
58+
59+
/* line 60, ../_source/scss/style.scss */
60+
a.button {
61+
display: inline-block;
62+
height: 30px;
63+
margin: 0px 0px 30px;
64+
background-color: #000000;
65+
color: #ffffff;
66+
}
67+
/* line 69, ../_source/scss/style.scss */
68+
a.button:hover {
69+
background-color: #8cffd8;
70+
color: #000000;
71+
}
72+
73+
/* line 75, ../_source/scss/style.scss */
74+
p {
75+
margin: 0px;
76+
}
77+
78+
/* line 79, ../_source/scss/style.scss */
79+
main {
80+
font: normal 300 12px/30px "Roboto Mono", monospace;
81+
letter-spacing: 0.12em;
82+
text-transform: uppercase;
83+
-webkit-font-smoothing: antialiased;
84+
text-rendering: geometricPrecision;
85+
max-width: 740px;
86+
margin: 0 auto;
87+
}
88+
89+
/* line 93, ../_source/scss/style.scss */
90+
.controller {
91+
width: 720px;
92+
margin: 0px 10px;
93+
opacity: 1;
94+
overflow: auto;
95+
transition: opacity 300ms linear;
96+
}
97+
/* line 104, ../_source/scss/style.scss */
98+
.controller.hidden {
99+
opacity: 0;
100+
}
101+
/* line 108, ../_source/scss/style.scss */
102+
.controller > h1 {
103+
font-weight: 100;
104+
font-size: 24px;
105+
line-height: 30px;
106+
margin: 30px 0px;
107+
}
108+
/* line 115, ../_source/scss/style.scss */
109+
.controller .header {
110+
font-weight: 700;
111+
}
112+
113+
/* line 121, ../_source/scss/style.scss */
114+
.controller > div {
115+
width: 100%;
116+
overflow: auto;
117+
margin: 30px 0px;
118+
}
119+
120+
/* line 127, ../_source/scss/style.scss */
121+
.controller .row {
122+
display: block;
123+
width: 100%;
124+
overflow: auto;
125+
}
126+
/* line 133, ../_source/scss/style.scss */
127+
.controller .row > div:not(.analog-vis) {
128+
float: left;
129+
width: 50%;
130+
padding: 0 10px;
131+
box-sizing: border-box;
132+
text-overflow: ellipsis;
133+
white-space: nowrap;
134+
overflow: hidden;
135+
mix-blend-mode: multiply;
136+
}
137+
138+
/* line 148, ../_source/scss/style.scss */
139+
.controller .sticks {
140+
float: left;
141+
width: 50%;
142+
}
143+
144+
/* line 157, ../_source/scss/style.scss */
145+
.controller .buttons .row > div:nth-child(n + 2) {
146+
width: 25%;
147+
}
148+
/* line 161, ../_source/scss/style.scss */
149+
.controller .buttons .row:not(.header):nth-child(even) {
150+
background-color: #f7f7f7;
151+
}
152+
153+
/* line 167, ../_source/scss/style.scss */
154+
.analog-vis {
155+
margin: 5px 0px;
156+
width: 120px;
157+
height: 120px;
158+
background: transparent url(../images/vis_bg.png) no-repeat 0px 0px;
159+
background-size: 360px 120px;
160+
position: relative;
161+
}
162+
/* line 177, ../_source/scss/style.scss */
163+
.analog-vis.none {
164+
background-position-x: 0px;
165+
}
166+
/* line 181, ../_source/scss/style.scss */
167+
.analog-vis.circle {
168+
background-position-x: -120px;
169+
}
170+
/* line 185, ../_source/scss/style.scss */
171+
.analog-vis.square {
172+
background-position-x: -240px;
173+
}
174+
/* line 189, ../_source/scss/style.scss */
175+
.analog-vis > div {
176+
width: 30px;
177+
height: 30px;
178+
border-radius: 15px;
179+
margin-left: -15px;
180+
margin-top: -15px;
181+
background-color: #666666;
182+
position: absolute;
183+
left: 50%;
184+
top: 50%;
185+
}
186+
187+
/* line 209, ../_source/scss/style.scss */
188+
body > header {
189+
font: normal 300 12px/30px "Roboto Mono", monospace;
190+
letter-spacing: 0.12em;
191+
text-transform: uppercase;
192+
-webkit-font-smoothing: antialiased;
193+
text-rendering: geometricPrecision;
194+
max-width: 720px;
195+
margin: 0px auto;
196+
padding: 30px 10px 60px;
197+
}
198+
/* line 222, ../_source/scss/style.scss */
199+
body > header > * {
200+
padding: 0 10px;
201+
box-sizing: border-box;
202+
}
203+
/* line 227, ../_source/scss/style.scss */
204+
body > header h1 {
205+
font-weight: 100;
206+
font-size: 36px;
207+
line-height: 60px;
208+
margin-bottom: 30px;
209+
display: inline-block;
210+
background-color: #8cffd8;
211+
}
212+
/* line 238, ../_source/scss/style.scss */
213+
body > header h2 {
214+
width: 75%;
215+
margin: 0px;
216+
font-weight: 100;
217+
font-size: 24px;
218+
line-height: 30px;
219+
}
220+
/* line 247, ../_source/scss/style.scss */
221+
body > header ol,
222+
body > header #unsupported {
223+
margin: 60px 0px 30px;
224+
}
225+
/* line 252, ../_source/scss/style.scss */
226+
.red {
227+
color: #ff4b4b;
228+
font-weight: 400;
229+
letter-spacing: normal;
230+
}
231+
232+
/* line 262, ../_source/scss/style.scss */
233+
footer {
234+
font: normal 300 12px/30px "Roboto Mono", monospace;
235+
letter-spacing: 0.12em;
236+
text-transform: uppercase;
237+
-webkit-font-smoothing: antialiased;
238+
text-rendering: geometricPrecision;
239+
max-width: 720px;
240+
margin: 0 auto;
241+
padding: 0px 10px 60px;
242+
}
243+
/* line 264, ../_source/scss/style.scss */
244+
footer.hidden-footer {
245+
display: none;
246+
}
247+
/* line 279, ../_source/scss/style.scss */
248+
footer > * {
249+
padding: 0 10px;
250+
box-sizing: border-box;
251+
}
252+
253+
/**
254+
* Buzz light styles
255+
*/
256+
257+
.light-on::after {
258+
content: "💡";
259+
padding-left: 0.5em;
260+
}

0 commit comments

Comments
 (0)