Skip to content
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Commit ec96be3

Browse files
committedJun 4, 2019
1 parent f3edff2 commit ec96be3

File tree

2 files changed

+129
-100
lines changed

2 files changed

+129
-100
lines changed
 

Diff for: ‎dist/css/main.css

+128-99
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,21 @@
1-
/*! HTML5 Boilerplate v7.1.0 | MIT License | https://html5boilerplate.com/ */
1+
/*! HTML5 Boilerplate v7.2.0 | MIT License | https://html5boilerplate.com/ */
22

3-
/* main.css 2.0.0 | MIT License | https://github.com/h5bp/main.css#readme */
3+
/* main.css 1.0.0 | MIT License | https://github.com/h5bp/main.css#readme */
44
/*
55
* What follows is the result of much research on cross-browser styling.
66
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
77
* Kroc Camen, and the H5BP dev community and team.
88
*/
99

10+
1011
/* ==========================================================================
1112
Base styles: opinionated defaults
1213
========================================================================== */
1314

14-
html {
15-
color: #222;
16-
font-size: 1em;
17-
line-height: 1.4;
15+
html {
16+
color: #222;
17+
font-size: 1em;
18+
line-height: 1.4;
1819
}
1920

2021
/*
@@ -28,26 +29,26 @@ html {
2829
*/
2930

3031
::-moz-selection {
31-
background: #b3d4fc;
32-
text-shadow: none;
32+
background: #b3d4fc;
33+
text-shadow: none;
3334
}
3435

3536
::selection {
36-
background: #b3d4fc;
37-
text-shadow: none;
37+
background: #b3d4fc;
38+
text-shadow: none;
3839
}
3940

4041
/*
4142
* A better looking default horizontal rule
4243
*/
4344

4445
hr {
45-
display: block;
46-
height: 1px;
47-
border: 0;
48-
border-top: 1px solid #ccc;
49-
margin: 1em 0;
50-
padding: 0;
46+
display: block;
47+
height: 1px;
48+
border: 0;
49+
border-top: 1px solid #ccc;
50+
margin: 1em 0;
51+
padding: 0;
5152
}
5253

5354
/*
@@ -62,51 +63,69 @@ iframe,
6263
img,
6364
svg,
6465
video {
65-
vertical-align: middle;
66+
vertical-align: middle;
6667
}
6768

6869
/*
6970
* Remove default fieldset styles.
7071
*/
7172

7273
fieldset {
73-
border: 0;
74-
margin: 0;
75-
padding: 0;
74+
border: 0;
75+
margin: 0;
76+
padding: 0;
7677
}
7778

7879
/*
7980
* Allow only vertical resizing of textareas.
8081
*/
8182

8283
textarea {
83-
resize: vertical;
84+
resize: vertical;
8485
}
8586

8687
/* ==========================================================================
8788
Browser Upgrade Prompt
8889
========================================================================== */
8990

9091
.browserupgrade {
91-
margin: 0.2em 0;
92-
background: #ccc;
93-
color: #000;
94-
padding: 0.2em 0;
92+
margin: 0.2em 0;
93+
background: #ccc;
94+
color: #000;
95+
padding: 0.2em 0;
9596
}
9697

97-
/* ==========================================================================
98+
99+
100+
101+
/* ==========================================================================
98102
Author's custom styles
99103
========================================================================== */
100104

101-
/* ==========================================================================
105+
106+
107+
108+
109+
110+
111+
112+
113+
114+
115+
116+
117+
118+
119+
120+
/* ==========================================================================
102121
Helper classes
103122
========================================================================== */
104123

105124
/*
106125
* Hide visually and from screen readers
107126
*/
108127

109-
.hidden {
128+
.hidden {
110129
display: none !important;
111130
}
112131

@@ -119,34 +138,33 @@ textarea {
119138
* https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
120139
*/
121140

122-
.sr-only {
141+
.visuallyhidden {
123142
border: 0;
124-
clip: rect(0, 0, 0, 0);
143+
clip: rect(0 0 0 0);
125144
height: 1px;
126145
margin: -1px;
127146
overflow: hidden;
128147
padding: 0;
129148
position: absolute;
130-
white-space: nowrap;
131149
width: 1px;
132-
/* 1 */
150+
white-space: nowrap; /* 1 */
133151
}
134152

135153
/*
136-
* Extends the .sr-only class to allow the element
154+
* Extends the .visuallyhidden class to allow the element
137155
* to be focusable when navigated to via the keyboard:
138156
* https://www.drupal.org/node/897638
139157
*/
140158

141-
.sr-only.focusable:active,
142-
.sr-only.focusable:focus {
159+
.visuallyhidden.focusable:active,
160+
.visuallyhidden.focusable:focus {
143161
clip: auto;
144162
height: auto;
145163
margin: 0;
146164
overflow: visible;
147165
position: static;
148-
white-space: inherit;
149166
width: auto;
167+
white-space: inherit;
150168
}
151169

152170
/*
@@ -171,96 +189,107 @@ textarea {
171189

172190
.clearfix:before,
173191
.clearfix:after {
174-
content: " ";
175-
/* 1 */
176-
display: table;
177-
/* 2 */
192+
content: " "; /* 1 */
193+
display: table; /* 2 */
178194
}
179195

180196
.clearfix:after {
181197
clear: both;
182198
}
183199

200+
184201
/* ==========================================================================
185202
EXAMPLE Media Queries for Responsive Design.
186203
These examples override the primary ('mobile first') styles.
187204
Modify as content requires.
188205
========================================================================== */
189206

190-
@media only screen and (min-width: 35em) {
191-
/* Style adjustments for viewports that meet the condition */
207+
@media only screen and (min-width: 35em) {
208+
/* Style adjustments for viewports that meet the condition */
192209
}
193210

194211
@media print,
195-
(-webkit-min-device-pixel-ratio: 1.25),
196-
(min-resolution: 1.25dppx),
197-
(min-resolution: 120dpi) {
198-
/* Style adjustments for high resolution devices */
212+
(-webkit-min-device-pixel-ratio: 1.25),
213+
(min-resolution: 1.25dppx),
214+
(min-resolution: 120dpi) {
215+
/* Style adjustments for high resolution devices */
199216
}
200217

218+
201219
/* ==========================================================================
202220
Print styles.
203221
Inlined to avoid the additional HTTP request:
204222
https://www.phpied.com/delay-loading-your-print-css/
205223
========================================================================== */
206224

207-
@media print {
208-
*,
209-
*:before,
210-
*:after {
211-
background: transparent !important;
212-
color: #000 !important;
213-
/* Black prints faster */
214-
-webkit-box-shadow: none !important;
215-
box-shadow: none !important;
216-
text-shadow: none !important;
217-
}
218-
a,
219-
a:visited {
220-
text-decoration: underline;
221-
}
222-
a[href]:after {
223-
content: " (" attr(href) ")";
224-
}
225-
abbr[title]:after {
226-
content: " (" attr(title) ")";
227-
}
228-
/*
225+
@media print {
226+
*,
227+
*:before,
228+
*:after {
229+
background: transparent !important;
230+
color: #000 !important; /* Black prints faster */
231+
-webkit-box-shadow: none !important;
232+
box-shadow: none !important;
233+
text-shadow: none !important;
234+
}
235+
236+
a,
237+
a:visited {
238+
text-decoration: underline;
239+
}
240+
241+
a[href]:after {
242+
content: " (" attr(href) ")";
243+
}
244+
245+
abbr[title]:after {
246+
content: " (" attr(title) ")";
247+
}
248+
249+
/*
229250
* Don't show links that are fragment identifiers,
230251
* or use the `javascript:` pseudo protocol
231252
*/
232-
a[href^="#"]:after,
233-
a[href^="javascript:"]:after {
234-
content: "";
235-
}
236-
pre {
237-
white-space: pre-wrap !important;
238-
}
239-
pre,
240-
blockquote {
241-
border: 1px solid #999;
242-
page-break-inside: avoid;
243-
}
244-
/*
253+
254+
a[href^="#"]:after,
255+
a[href^="javascript:"]:after {
256+
content: "";
257+
}
258+
259+
pre {
260+
white-space: pre-wrap !important;
261+
}
262+
pre,
263+
blockquote {
264+
border: 1px solid #999;
265+
page-break-inside: avoid;
266+
}
267+
268+
/*
245269
* Printing Tables:
246-
* https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
270+
* http://css-discuss.incutio.com/wiki/Printing_Tables
247271
*/
248-
thead {
249-
display: table-header-group;
250-
}
251-
tr,
252-
img {
253-
page-break-inside: avoid;
254-
}
255-
p,
256-
h2,
257-
h3 {
258-
orphans: 3;
259-
widows: 3;
260-
}
261-
h2,
262-
h3 {
263-
page-break-after: avoid;
264-
}
272+
273+
thead {
274+
display: table-header-group;
275+
}
276+
277+
tr,
278+
img {
279+
page-break-inside: avoid;
280+
}
281+
282+
p,
283+
h2,
284+
h3 {
285+
orphans: 3;
286+
widows: 3;
287+
}
288+
289+
h2,
290+
h3 {
291+
page-break-after: avoid;
292+
}
265293
}
266294

295+

Diff for: ‎package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@
1515
"gulp-eslint": "^5.0.0",
1616
"gulp-header": "^2.0.7",
1717
"gulp-jscs": "^4.1.0",
18-
"gulp-load-plugins": "^1.5.0",
18+
"gulp-load-plugins": "^1.6.0",
1919
"gulp-rename": "^1.4.0",
2020
"gulp-replace": "^1.0.0",
2121
"jquery": "3.4.1",

0 commit comments

Comments
 (0)
Please sign in to comment.