Skip to content

Commit c3a1a3a

Browse files
committed
Fix the floats.
Again.
1 parent e661d92 commit c3a1a3a

2 files changed

Lines changed: 42 additions & 44 deletions

File tree

css/main.css

Lines changed: 41 additions & 43 deletions
Original file line numberDiff line numberDiff line change
@@ -2,20 +2,13 @@
22
HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
33
========================================================================== */
44

5-
html,
6-
button,
7-
input,
8-
select,
9-
textarea {
5+
html, button, input, select, textarea {
106
color: #222;
117
}
12-
13-
148
::-moz-selection {
159
background: #b3d4fc;
1610
text-shadow: none;
1711
}
18-
1912
img {
2013
vertical-align: middle;
2114
}
@@ -28,7 +21,6 @@ body {
2821
font-family: 'Lato', Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
2922
line-height: 1.4;
3023
}
31-
3224
.wrapper {
3325
margin: 2em auto;
3426
padding: 0 0 2em 0;
@@ -38,21 +30,24 @@ body {
3830
-moz-box-shadow: 0 0 8px 3px #eee;
3931
box-shadow: 0 0 8px 3px #eee;
4032
}
41-
4233
@media (max-width: 480px) {
43-
.wrapper { width: 98%; }
34+
.wrapper {
35+
width: 98%;
36+
}
4437
}
45-
4638
.container {
4739
margin: 0 auto;
4840
widows: 100%;
4941
}
5042

5143
/* -------------- Typography -------------- */
5244

53-
a { color: #1E90FF; }
54-
p { padding-left: 8px; }
55-
45+
a {
46+
color: #1E90FF;
47+
}
48+
p {
49+
padding-left: 8px;
50+
}
5651
h2 {
5752
padding: 0 1em;
5853
color: #444;
@@ -61,7 +56,6 @@ h2 {
6156
font-style: italic;
6257
font-size: 1.2em;
6358
}
64-
6559
h2:before, h2:after {
6660
display: block;
6761
margin: 0.5em auto;
@@ -70,7 +64,6 @@ h2:before, h2:after {
7064
background-color: #eee;
7165
content: "";
7266
}
73-
7467
h3 {
7568
margin: 2.3em 0 0 0;
7669
padding: 8px;
@@ -81,7 +74,6 @@ h3 {
8174
font-weight: normal;
8275
font-size: 1.3em;
8376
}
84-
8577
h4 {
8678
margin: 1em 0;
8779
color: #444;
@@ -90,7 +82,6 @@ h4 {
9082
font-size: 1.1em;
9183
text-rendering: optimizeLegibility;
9284
}
93-
9485
button {
9586
display: block;
9687
padding: 12px 0;
@@ -108,15 +99,19 @@ button {
10899
-o-transition: background-color 0.3s;
109100
transition: background-color 0.3s;
110101
}
111-
112102
button:hover {
113103
background-color: #ccc;
114104
box-shadow: 0px 0px 1px 0px #ddd;
115105
}
116-
117-
button.gray { float: right; }
118-
button.blue { background-color: #3498db; }
119-
button.blue:hover { background-color: #5dade2; }
106+
button.gray {
107+
float: right;
108+
}
109+
button.blue {
110+
background-color: #3498db;
111+
}
112+
button.blue:hover {
113+
background-color: #5dade2;
114+
}
120115

121116
/* -------------- Modules -------------- */
122117

@@ -129,74 +124,67 @@ header {
129124
font-size: 1.6em;
130125
font-family: 'Lato', Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
131126
}
132-
133127
#title_image {
134128
display: block;
135129
margin: 0 auto;
136130
width: 100%;
137131
height: auto;
138132
}
139-
140133
@media (max-width: 1000px) {
141-
#title_image { margin-left: -10%; width: 120%; }
134+
#title_image {
135+
margin-left: -10%;
136+
width: 120%;
137+
}
142138
}
143-
144139
main {
145140
padding: 0em 6%;
146141
}
147-
148142
#logo, #pitch {
149143
position: absolute;
150144
width: 100%;
151145
text-align: center;
152146
}
153-
154147
#pitch {
155148
top: 100px;
156149
color: #222;
157150
text-shadow: 1px 1px 0 rgba(88, 88, 88, 0.5);
158151
font-style: italic;
159152
font-size: 0.6em;
160153
}
161-
162-
#logo { top: 50px; }
163-
#logo img { height: 40px; }
164-
154+
#logo {
155+
top: 50px;
156+
}
157+
#logo img {
158+
height: 40px;
159+
}
165160
.information img {
166161
width: 100%;
167162
}
168-
169163
.information p {
170164
margin: 0;
171165
padding: 0 8px;
172166
line-height: 1.4em;
173167
}
174-
175168
.download {
176169
padding-top: 1.2em;
177170
max-width: 35em;
178171
text-align: center;
179172
}
180-
181173
.download > .bit-2 {
182174
margin: 1.5em 0 0 0;
183175
}
184-
185176
#installation {
186177
text-align: left;
187178
}
188-
189179
.download small {
190180
display: inline-block;
191181
margin: 0.5em 0 0;
192182
}
193-
194183
footer {
195184
text-align: center;
196185
font-size: small;
197186
padding-bottom: 2em;
198187
}
199-
200188
code {
201189
padding: 1px 3px;
202190
border-radius: 2px;
@@ -211,14 +199,14 @@ ul {
211199
padding-left: 8px;
212200
list-style: none;
213201
}
214-
215202
ul ol {
216203
margin: 0.5em 0;
217204
padding: 0 0 0 30px;
218205
list-style: none;
219206
}
220207

221208
/* lemonade.css */
209+
222210
*, *:after, *:before {
223211
margin: 0;
224212
padding: 0;
@@ -237,7 +225,6 @@ ul ol {
237225
}
238226
.bit-3 {
239227
width: 33.33%;
240-
float: left;
241228
}
242229
@media(max-width:480px) {
243230
.bit-1, .bit-2, .bit-3, {
@@ -254,3 +241,14 @@ ul ol {
254241
width: 100%
255242
}
256243
}
244+
[class*='bit-'] {
245+
float: left;
246+
padding: 5px;
247+
}
248+
249+
/* Floats last ".bit-" to the right */
250+
251+
[class*='bit-']:last-of-type {
252+
padding-right: 5px;
253+
float: right;
254+
}

css/main.min.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)