jekyll-theme-one 0.1.3 → 0.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +5 -5
- data/LICENSE.txt +1 -1
- data/_includes/head.html +3 -4
- data/_layouts/default.html +2 -50
- data/_sass/jekyll-theme-one.scss +4 -15
- data/_sass/modules/_global.scss +72 -50
- data/_sass/modules/_reset.scss +589 -0
- data/_sass/variables/_base.scss +19 -0
- metadata +5 -16
- data/_includes/footer.html +0 -5
- data/_includes/header.html +0 -4
- data/_layouts/page.html +0 -5
- data/_layouts/post.html +0 -5
- data/_sass/functions/_color-map.scss +0 -7
- data/_sass/modules/_bottombar.scss +0 -14
- data/_sass/modules/_content.scss +0 -94
- data/_sass/modules/_grid.scss +0 -34
- data/_sass/modules/_hero.scss +0 -7
- data/_sass/modules/_highlight.scss +0 -213
- data/_sass/modules/_normalize.scss +0 -447
- data/_sass/modules/_topbar.scss +0 -29
- data/_sass/variables/_colors.scss +0 -14
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
|
-
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
2
|
+
SHA256:
|
|
3
|
+
metadata.gz: 7c4dca09a845ac42fbfdcfe650dfe3a94a690b411f7548c8c0ccd05253c6d820
|
|
4
|
+
data.tar.gz: 48e0432ccc0a2861e8095c74cc4779b864b48bfcf246254b9642c9d7ebd08cb9
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 32e20739c105925496bc8a2e0423465329ee2883528aab1cec03328e953f96b5d73e33273a281e41e61c8c011002709753ef0c3e9c2f617adc3b69b74eceeb63
|
|
7
|
+
data.tar.gz: eb80322cf12bfc11b82679189c16d39a1248d1c82a8ffaf010ca3b4f25cd21259344fdd6e14912f6ad0866371bd0995422a51d495d57e71a7e770156f0b7f2a5
|
data/LICENSE.txt
CHANGED
data/_includes/head.html
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
<head>
|
|
2
|
+
<meta charset="utf-8">
|
|
3
|
+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
2
4
|
<title>{% if page.title %}{{ page.title }} – {% endif %}{{ site.title }}</title>
|
|
3
|
-
<
|
|
4
|
-
<meta http-equiv="Accept-CH" content="DPR, Width, Viewport-Width">
|
|
5
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
|
6
|
-
<link rel="stylesheet" href="{{ '/assets/css/style.css?v=' | append: site.github.build_revision | relative_url }}">
|
|
5
|
+
<link rel="stylesheet" href="{{ '/assets/css/style.css' | relative_url }}">
|
|
7
6
|
</head>
|
data/_layouts/default.html
CHANGED
|
@@ -2,56 +2,8 @@
|
|
|
2
2
|
<html lang="{{ site.lang | default: "en-US" }}">
|
|
3
3
|
{% include head.html %}
|
|
4
4
|
<body>
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
<div class="container">
|
|
8
|
-
<h2>Web Site</h2>
|
|
9
|
-
</div>
|
|
5
|
+
<div>
|
|
6
|
+
{{ content }}
|
|
10
7
|
</div>
|
|
11
|
-
<div class="content is-light">
|
|
12
|
-
<div class="content-title">
|
|
13
|
-
<h2>Typography</h2>
|
|
14
|
-
</div>
|
|
15
|
-
<div class="container">
|
|
16
|
-
<h1>Headline</h1>
|
|
17
|
-
<h2>Header Two</h2>
|
|
18
|
-
<h3>Header Three</h3>
|
|
19
|
-
<p class="measure">Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusamus accusantium itaque molestiae, eius ut debitis autem reiciendis dolores. Cumque tenetur labore ipsam voluptatibus nesciunt inventore, eveniet doloribus eligendi laudantium excepturi.</p>
|
|
20
|
-
<p> <a href="#">link</a></p>
|
|
21
|
-
<ul>
|
|
22
|
-
<li>List item</li>
|
|
23
|
-
<li>List item</li>
|
|
24
|
-
<li>List item</li>
|
|
25
|
-
</ul>
|
|
26
|
-
</div>
|
|
27
|
-
</div>
|
|
28
|
-
<div class="grid">
|
|
29
|
-
<div class="grid-cell"></div>
|
|
30
|
-
<div class="grid-cell"></div>
|
|
31
|
-
<div class="grid-cell"></div>
|
|
32
|
-
</div>
|
|
33
|
-
<div class="content">
|
|
34
|
-
<div class="container">
|
|
35
|
-
<div class="grid">
|
|
36
|
-
<div class="grid-cell"></div>
|
|
37
|
-
<div class="grid-cell"></div>
|
|
38
|
-
<div class="grid-cell"></div>
|
|
39
|
-
</div>
|
|
40
|
-
</div>
|
|
41
|
-
</div>
|
|
42
|
-
<div class="content is-dark">
|
|
43
|
-
<div class="content-title">
|
|
44
|
-
<h2>Section Title</h2>
|
|
45
|
-
</div>
|
|
46
|
-
<div class="card-grid">
|
|
47
|
-
<section>
|
|
48
|
-
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Ex, consequuntur aut autem numquam possimus voluptatem quibusdam temporibus pariatur obcaecati accusamus quae culpa illum ipsum minus laudantium provident molestias, dicta veniam!</p>
|
|
49
|
-
</section>
|
|
50
|
-
<section>
|
|
51
|
-
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa quis officia sit praesentium voluptates velit minima, odio minus ab deserunt quibusdam aspernatur aliquam. Nam vel temporibus et eveniet quasi repellendus.</p>
|
|
52
|
-
</section>
|
|
53
|
-
</div>
|
|
54
|
-
</div>
|
|
55
|
-
{% include footer.html %}
|
|
56
8
|
</body>
|
|
57
9
|
</html>
|
data/_sass/jekyll-theme-one.scss
CHANGED
|
@@ -1,16 +1,11 @@
|
|
|
1
1
|
//
|
|
2
2
|
// O N E
|
|
3
|
-
// v0.1.
|
|
3
|
+
// v0.1.4
|
|
4
4
|
//
|
|
5
5
|
|
|
6
|
-
// Functions
|
|
7
|
-
@import
|
|
8
|
-
"functions/color-map"
|
|
9
|
-
;
|
|
10
|
-
|
|
11
6
|
// Variables
|
|
12
7
|
@import
|
|
13
|
-
"variables/
|
|
8
|
+
"variables/base"
|
|
14
9
|
;
|
|
15
10
|
|
|
16
11
|
// Mixins
|
|
@@ -20,12 +15,6 @@
|
|
|
20
15
|
|
|
21
16
|
// Modules
|
|
22
17
|
@import
|
|
23
|
-
"modules/
|
|
24
|
-
"modules/global"
|
|
25
|
-
"modules/topbar",
|
|
26
|
-
"modules/hero",
|
|
27
|
-
"modules/grid",
|
|
28
|
-
"modules/content",
|
|
29
|
-
"modules/bottombar",
|
|
30
|
-
"modules/highlight"
|
|
18
|
+
"modules/reset",
|
|
19
|
+
"modules/global"
|
|
31
20
|
;
|
data/_sass/modules/_global.scss
CHANGED
|
@@ -2,71 +2,93 @@
|
|
|
2
2
|
// GLOBAL
|
|
3
3
|
//
|
|
4
4
|
|
|
5
|
-
:root {
|
|
6
|
-
--bg: #fff;
|
|
7
|
-
--width: 1160px;
|
|
8
|
-
--width-md: 1040px;
|
|
9
|
-
--font: -apple-system,
|
|
10
|
-
BlinkMacSystemFont,
|
|
11
|
-
"Segoe UI",
|
|
12
|
-
Roboto,
|
|
13
|
-
Helvetica,
|
|
14
|
-
Arial,
|
|
15
|
-
sans-serif,
|
|
16
|
-
"Apple Color Emoji",
|
|
17
|
-
"Segoe UI Emoji",
|
|
18
|
-
"Segoe UI Symbol";
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
//
|
|
22
|
-
// GLOBAL DECLARATIONS
|
|
23
|
-
//
|
|
24
|
-
|
|
25
|
-
:root {
|
|
26
|
-
height: 100%;
|
|
27
|
-
overflow-x: hidden;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
5
|
* {
|
|
31
6
|
box-sizing: border-box;
|
|
32
7
|
}
|
|
33
8
|
|
|
34
9
|
html {
|
|
35
|
-
|
|
10
|
+
font-size: 100%;
|
|
36
11
|
-webkit-text-size-adjust: 100%;
|
|
37
|
-
|
|
38
|
-
|
|
12
|
+
text-rendering: optimizeLegibility;
|
|
13
|
+
-moz-osx-font-smoothing: grayscale;
|
|
14
|
+
font-smoothing: antialiased;
|
|
39
15
|
-webkit-font-smoothing: antialiased;
|
|
16
|
+
text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
|
|
40
17
|
}
|
|
41
18
|
|
|
42
19
|
body {
|
|
43
|
-
|
|
44
|
-
margin: 0;
|
|
45
|
-
overflow: hidden;
|
|
46
|
-
font-family: var(--font);
|
|
47
|
-
font-size: 16px;
|
|
20
|
+
font-size: $body-font-size;
|
|
48
21
|
font-style: normal;
|
|
49
22
|
font-weight: 400;
|
|
50
|
-
color:
|
|
51
|
-
background-color: var(--bg);
|
|
23
|
+
color: #222622;
|
|
52
24
|
}
|
|
53
25
|
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
margin-top: 0;
|
|
59
|
-
}
|
|
60
|
-
& > *:last-child {
|
|
61
|
-
margin-bottom: 0;
|
|
62
|
-
}
|
|
26
|
+
/* Links */
|
|
27
|
+
a {
|
|
28
|
+
color: #0085bd;
|
|
29
|
+
@include unstyled-link;
|
|
63
30
|
}
|
|
64
31
|
|
|
65
|
-
|
|
66
|
-
|
|
32
|
+
/* Layout utilities */
|
|
33
|
+
.container { max-width: $container-width; }
|
|
67
34
|
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
35
|
+
.col-1 { width: (1 / 12 * 100%); }
|
|
36
|
+
.col-2 { width: (2 / 12 * 100%); }
|
|
37
|
+
.col-3 { width: (3 / 12 * 100%); }
|
|
38
|
+
.col-4 { width: (4 / 12 * 100%); }
|
|
39
|
+
.col-5 { width: (5 / 12 * 100%); }
|
|
40
|
+
.col-6 { width: (6 / 12 * 100%); }
|
|
41
|
+
.col-7 { width: (7 / 12 * 100%); }
|
|
42
|
+
.col-8 { width: (8 / 12 * 100%); }
|
|
43
|
+
.col-9 { width: (9 / 12 * 100%); }
|
|
44
|
+
.col-10 { width: (10 / 12 * 100%); }
|
|
45
|
+
.col-11 { width: (11 / 12 * 100%); }
|
|
46
|
+
.col-12 { width: 100%; }
|
|
47
|
+
|
|
48
|
+
@media (max-width: $breakpoint-lg) {
|
|
49
|
+
.sm-width-full { width: 100% !important; }
|
|
72
50
|
}
|
|
51
|
+
|
|
52
|
+
/* Padding */
|
|
53
|
+
.px-0 { padding-left: 0; padding-right: 0 }
|
|
54
|
+
.py-0 { padding-top: 0; padding-bottom: 0 }
|
|
55
|
+
|
|
56
|
+
.px-1 { padding-left: $spacer-1; padding-right: $spacer-1 }
|
|
57
|
+
.py-1 { padding-top: $spacer-1; padding-bottom: $spacer-1 }
|
|
58
|
+
|
|
59
|
+
.px-2 { padding-left: $spacer-2; padding-right: $spacer-2; }
|
|
60
|
+
.py-2 { padding-top: $spacer-2; padding-bottom: $spacer-2; }
|
|
61
|
+
|
|
62
|
+
.px-3 { padding-left: $spacer-3; padding-right: $spacer-3; }
|
|
63
|
+
.py-3 { padding-top: $spacer-3; padding-bottom: $spacer-3; }
|
|
64
|
+
|
|
65
|
+
.px-4 { padding-left: $spacer-4; padding-right: $spacer-4; }
|
|
66
|
+
.py-4 { padding-top: $spacer-4; padding-bottom: $spacer-4; }
|
|
67
|
+
|
|
68
|
+
/* Margin */
|
|
69
|
+
.mx-auto { margin-left: auto; margin-right: auto; }
|
|
70
|
+
|
|
71
|
+
.mt-0 { margin-top: 0; }
|
|
72
|
+
.mr-0 { margin-right: 0; }
|
|
73
|
+
.mb-0 { margin-bottom: 0; }
|
|
74
|
+
.ml-0 { margin-left: 0; }
|
|
75
|
+
|
|
76
|
+
.mt-1 { margin-top: $spacer-1; }
|
|
77
|
+
.mr-1 { margin-right: $spacer-1; }
|
|
78
|
+
.mb-1 { margin-bottom: $spacer-1; }
|
|
79
|
+
.ml-1 { margin-left: $spacer-1; }
|
|
80
|
+
|
|
81
|
+
.mt-2 { margin-top: $spacer-2; }
|
|
82
|
+
.mr-2 { margin-right: $spacer-2; }
|
|
83
|
+
.mb-2 { margin-bottom: $spacer-2; }
|
|
84
|
+
.ml-2 { margin-left: $spacer-2; }
|
|
85
|
+
|
|
86
|
+
.mt-3 { margin-top: $spacer-3; }
|
|
87
|
+
.mr-3 { margin-right: $spacer-3; }
|
|
88
|
+
.mb-3 { margin-bottom: $spacer-3; }
|
|
89
|
+
.ml-3 { margin-left: $spacer-3; }
|
|
90
|
+
|
|
91
|
+
.mt-4 { margin-top: $spacer-4; }
|
|
92
|
+
.mr-4 { margin-right: $spacer-4; }
|
|
93
|
+
.mb-4 { margin-bottom: $spacer-4; }
|
|
94
|
+
.ml-4 { margin-left: $spacer-4; }
|
|
@@ -0,0 +1,589 @@
|
|
|
1
|
+
/*! sanitize.css v8.0.0 | CC0 License | github.com/csstools/sanitize.css */
|
|
2
|
+
|
|
3
|
+
/* Document
|
|
4
|
+
* ========================================================================== */
|
|
5
|
+
|
|
6
|
+
/**
|
|
7
|
+
* 1. Remove repeating backgrounds in all browsers (opinionated).
|
|
8
|
+
* 2. Add border box sizing in all browsers (opinionated).
|
|
9
|
+
*/
|
|
10
|
+
|
|
11
|
+
*,
|
|
12
|
+
::before,
|
|
13
|
+
::after {
|
|
14
|
+
background-repeat: no-repeat; /* 1 */
|
|
15
|
+
box-sizing: border-box; /* 2 */
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
/**
|
|
19
|
+
* 1. Add text decoration inheritance in all browsers (opinionated).
|
|
20
|
+
* 2. Add vertical alignment inheritance in all browsers (opinionated).
|
|
21
|
+
*/
|
|
22
|
+
|
|
23
|
+
::before,
|
|
24
|
+
::after {
|
|
25
|
+
text-decoration: inherit; /* 1 */
|
|
26
|
+
vertical-align: inherit; /* 2 */
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
/**
|
|
30
|
+
* 1. Use the default cursor in all browsers (opinionated).
|
|
31
|
+
* 2. Use the default user interface font in all browsers (opinionated).
|
|
32
|
+
* 3. Correct the line height in all browsers.
|
|
33
|
+
* 4. Use a 4-space tab width in all browsers (opinionated).
|
|
34
|
+
* 5. Prevent adjustments of font size after orientation changes in
|
|
35
|
+
* IE on Windows Phone and in iOS.
|
|
36
|
+
* 6. Breaks words to prevent overflow in all browsers (opinionated).
|
|
37
|
+
*/
|
|
38
|
+
|
|
39
|
+
html {
|
|
40
|
+
cursor: default; /* 1 */
|
|
41
|
+
font-family:
|
|
42
|
+
system-ui,
|
|
43
|
+
/* macOS 10.11-10.12 */ -apple-system,
|
|
44
|
+
/* Windows 6+ */ Segoe UI,
|
|
45
|
+
/* Android 4+ */ Roboto,
|
|
46
|
+
/* Ubuntu 10.10+ */ Ubuntu,
|
|
47
|
+
/* Gnome 3+ */ Cantarell,
|
|
48
|
+
/* KDE Plasma 5+ */ Noto Sans,
|
|
49
|
+
/* fallback */ sans-serif,
|
|
50
|
+
/* macOS emoji */ "Apple Color Emoji",
|
|
51
|
+
/* Windows emoji */ "Segoe UI Emoji",
|
|
52
|
+
/* Windows emoji */ "Segoe UI Symbol",
|
|
53
|
+
/* Linux emoji */ "Noto Color Emoji"; /* 2 */
|
|
54
|
+
|
|
55
|
+
line-height: 1.15; /* 3 */
|
|
56
|
+
-moz-tab-size: 4; /* 4 */
|
|
57
|
+
tab-size: 4; /* 4 */
|
|
58
|
+
-ms-text-size-adjust: 100%; /* 5 */
|
|
59
|
+
-webkit-text-size-adjust: 100%; /* 5 */
|
|
60
|
+
word-break: break-word; /* 6 */
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
/* Sections
|
|
64
|
+
* ========================================================================== */
|
|
65
|
+
|
|
66
|
+
/**
|
|
67
|
+
* Remove the margin in all browsers (opinionated).
|
|
68
|
+
*/
|
|
69
|
+
|
|
70
|
+
body {
|
|
71
|
+
margin: 0;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
/**
|
|
75
|
+
* Correct the font size and margin on `h1` elements within `section` and
|
|
76
|
+
* `article` contexts in Chrome, Firefox, and Safari.
|
|
77
|
+
*/
|
|
78
|
+
|
|
79
|
+
h1 {
|
|
80
|
+
font-size: 2em;
|
|
81
|
+
margin: 0.67em 0;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
/* Grouping content
|
|
85
|
+
* ========================================================================== */
|
|
86
|
+
|
|
87
|
+
/**
|
|
88
|
+
* 1. Add the correct sizing in Firefox.
|
|
89
|
+
* 2. Show the overflow in Edge and IE.
|
|
90
|
+
*/
|
|
91
|
+
|
|
92
|
+
hr {
|
|
93
|
+
height: 0; /* 1 */
|
|
94
|
+
overflow: visible; /* 2 */
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
/**
|
|
98
|
+
* Add the correct display in IE.
|
|
99
|
+
*/
|
|
100
|
+
|
|
101
|
+
main {
|
|
102
|
+
display: block;
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
/**
|
|
106
|
+
* Remove the list style on navigation lists in all browsers (opinionated).
|
|
107
|
+
*/
|
|
108
|
+
|
|
109
|
+
nav ol,
|
|
110
|
+
nav ul {
|
|
111
|
+
list-style: none;
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
/**
|
|
115
|
+
* 1. Use the default monospace user interface font
|
|
116
|
+
* in all browsers (opinionated).
|
|
117
|
+
* 2. Correct the odd `em` font sizing in all browsers.
|
|
118
|
+
*/
|
|
119
|
+
|
|
120
|
+
pre {
|
|
121
|
+
font-family:
|
|
122
|
+
/* macOS 10.10+ */ Menlo,
|
|
123
|
+
/* Windows 6+ */ Consolas,
|
|
124
|
+
/* Android 4+ */ Roboto Mono,
|
|
125
|
+
/* Ubuntu 10.10+ */ Ubuntu Monospace,
|
|
126
|
+
/* KDE Plasma 5+ */ Noto Mono,
|
|
127
|
+
/* KDE Plasma 4+ */ Oxygen Mono,
|
|
128
|
+
/* Linux/OpenOffice fallback */ Liberation Mono,
|
|
129
|
+
/* fallback */ monospace; /* 1 */
|
|
130
|
+
|
|
131
|
+
font-size: 1em; /* 2 */
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
/* Text-level semantics
|
|
135
|
+
* ========================================================================== */
|
|
136
|
+
|
|
137
|
+
/**
|
|
138
|
+
* Remove the gray background on active links in IE 10.
|
|
139
|
+
*/
|
|
140
|
+
|
|
141
|
+
a {
|
|
142
|
+
background-color: transparent;
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
/**
|
|
146
|
+
* Add the correct text decoration in Edge, IE, Opera, and Safari.
|
|
147
|
+
*/
|
|
148
|
+
|
|
149
|
+
abbr[title] {
|
|
150
|
+
text-decoration: underline;
|
|
151
|
+
text-decoration: underline dotted;
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
/**
|
|
155
|
+
* Add the correct font weight in Chrome, Edge, and Safari.
|
|
156
|
+
*/
|
|
157
|
+
|
|
158
|
+
b,
|
|
159
|
+
strong {
|
|
160
|
+
font-weight: bolder;
|
|
161
|
+
}
|
|
162
|
+
|
|
163
|
+
/**
|
|
164
|
+
* 1. Use the default monospace user interface font
|
|
165
|
+
* in all browsers (opinionated).
|
|
166
|
+
* 2. Correct the odd `em` font sizing in all browsers.
|
|
167
|
+
*/
|
|
168
|
+
|
|
169
|
+
code,
|
|
170
|
+
kbd,
|
|
171
|
+
samp {
|
|
172
|
+
font-family:
|
|
173
|
+
/* macOS 10.10+ */ Menlo,
|
|
174
|
+
/* Windows 6+ */ Consolas,
|
|
175
|
+
/* Android 4+ */ Roboto Mono,
|
|
176
|
+
/* Ubuntu 10.10+ */ Ubuntu Monospace,
|
|
177
|
+
/* KDE Plasma 5+ */ Noto Mono,
|
|
178
|
+
/* KDE Plasma 4+ */ Oxygen Mono,
|
|
179
|
+
/* Linux/OpenOffice fallback */ Liberation Mono,
|
|
180
|
+
/* fallback */ monospace; /* 1 */
|
|
181
|
+
|
|
182
|
+
font-size: 1em; /* 2 */
|
|
183
|
+
}
|
|
184
|
+
|
|
185
|
+
/**
|
|
186
|
+
* Add the correct font size in all browsers.
|
|
187
|
+
*/
|
|
188
|
+
|
|
189
|
+
small {
|
|
190
|
+
font-size: 80%;
|
|
191
|
+
}
|
|
192
|
+
|
|
193
|
+
/*
|
|
194
|
+
* Remove the text shadow on text selections in Firefox 61- (opinionated).
|
|
195
|
+
* 1. Restore the coloring undone by defining the text shadow
|
|
196
|
+
* in all browsers (opinionated).
|
|
197
|
+
*/
|
|
198
|
+
|
|
199
|
+
::-moz-selection {
|
|
200
|
+
background-color: #b3d4fc; /* 1 */
|
|
201
|
+
color: #000; /* 1 */
|
|
202
|
+
text-shadow: none;
|
|
203
|
+
}
|
|
204
|
+
|
|
205
|
+
::selection {
|
|
206
|
+
background-color: #b3d4fc; /* 1 */
|
|
207
|
+
color: #000; /* 1 */
|
|
208
|
+
text-shadow: none;
|
|
209
|
+
}
|
|
210
|
+
|
|
211
|
+
/* Embedded content
|
|
212
|
+
* ========================================================================== */
|
|
213
|
+
|
|
214
|
+
/*
|
|
215
|
+
* Change the alignment on media elements in all browers (opinionated).
|
|
216
|
+
*/
|
|
217
|
+
|
|
218
|
+
audio,
|
|
219
|
+
canvas,
|
|
220
|
+
iframe,
|
|
221
|
+
img,
|
|
222
|
+
svg,
|
|
223
|
+
video {
|
|
224
|
+
vertical-align: middle;
|
|
225
|
+
}
|
|
226
|
+
|
|
227
|
+
/**
|
|
228
|
+
* Add the correct display in IE 9-.
|
|
229
|
+
*/
|
|
230
|
+
|
|
231
|
+
audio,
|
|
232
|
+
video {
|
|
233
|
+
display: inline-block;
|
|
234
|
+
}
|
|
235
|
+
|
|
236
|
+
/**
|
|
237
|
+
* Add the correct display in iOS 4-7.
|
|
238
|
+
*/
|
|
239
|
+
|
|
240
|
+
audio:not([controls]) {
|
|
241
|
+
display: none;
|
|
242
|
+
height: 0;
|
|
243
|
+
}
|
|
244
|
+
|
|
245
|
+
/**
|
|
246
|
+
* Remove the border on images inside links in IE 10-.
|
|
247
|
+
*/
|
|
248
|
+
|
|
249
|
+
img {
|
|
250
|
+
border-style: none;
|
|
251
|
+
}
|
|
252
|
+
|
|
253
|
+
/**
|
|
254
|
+
* Change the fill color to match the text color in all browsers (opinionated).
|
|
255
|
+
*/
|
|
256
|
+
|
|
257
|
+
svg:not([fill]) {
|
|
258
|
+
fill: currentColor;
|
|
259
|
+
}
|
|
260
|
+
|
|
261
|
+
/**
|
|
262
|
+
* Hide the overflow in IE.
|
|
263
|
+
*/
|
|
264
|
+
|
|
265
|
+
svg:not(:root) {
|
|
266
|
+
overflow: hidden;
|
|
267
|
+
}
|
|
268
|
+
|
|
269
|
+
/* Tabular data
|
|
270
|
+
* ========================================================================== */
|
|
271
|
+
|
|
272
|
+
/**
|
|
273
|
+
* Collapse border spacing in all browsers (opinionated).
|
|
274
|
+
*/
|
|
275
|
+
|
|
276
|
+
table {
|
|
277
|
+
border-collapse: collapse;
|
|
278
|
+
}
|
|
279
|
+
|
|
280
|
+
/* Forms
|
|
281
|
+
* ========================================================================== */
|
|
282
|
+
|
|
283
|
+
/**
|
|
284
|
+
* Inherit styling in all browsers (opinionated).
|
|
285
|
+
*/
|
|
286
|
+
|
|
287
|
+
button,
|
|
288
|
+
input,
|
|
289
|
+
select,
|
|
290
|
+
textarea {
|
|
291
|
+
font-family: inherit;
|
|
292
|
+
font-size: inherit;
|
|
293
|
+
line-height: inherit;
|
|
294
|
+
}
|
|
295
|
+
|
|
296
|
+
/**
|
|
297
|
+
* Remove the margin in Safari.
|
|
298
|
+
*/
|
|
299
|
+
|
|
300
|
+
button,
|
|
301
|
+
input,
|
|
302
|
+
select {
|
|
303
|
+
margin: 0;
|
|
304
|
+
}
|
|
305
|
+
|
|
306
|
+
/**
|
|
307
|
+
* 1. Show the overflow in IE.
|
|
308
|
+
* 2. Remove the inheritance of text transform in Edge, Firefox, and IE.
|
|
309
|
+
*/
|
|
310
|
+
|
|
311
|
+
button {
|
|
312
|
+
overflow: visible; /* 1 */
|
|
313
|
+
text-transform: none; /* 2 */
|
|
314
|
+
}
|
|
315
|
+
|
|
316
|
+
/**
|
|
317
|
+
* Correct the inability to style clickable types in iOS and Safari.
|
|
318
|
+
*/
|
|
319
|
+
|
|
320
|
+
button,
|
|
321
|
+
[type="button"],
|
|
322
|
+
[type="reset"],
|
|
323
|
+
[type="submit"] {
|
|
324
|
+
-webkit-appearance: button;
|
|
325
|
+
}
|
|
326
|
+
|
|
327
|
+
/**
|
|
328
|
+
* Correct the padding in Firefox.
|
|
329
|
+
*/
|
|
330
|
+
|
|
331
|
+
fieldset {
|
|
332
|
+
padding: 0.35em 0.75em 0.625em;
|
|
333
|
+
}
|
|
334
|
+
|
|
335
|
+
/**
|
|
336
|
+
* Show the overflow in Edge and IE.
|
|
337
|
+
*/
|
|
338
|
+
|
|
339
|
+
input {
|
|
340
|
+
overflow: visible;
|
|
341
|
+
}
|
|
342
|
+
|
|
343
|
+
/**
|
|
344
|
+
* 1. Correct the text wrapping in Edge and IE.
|
|
345
|
+
* 2. Correct the color inheritance from `fieldset` elements in IE.
|
|
346
|
+
*/
|
|
347
|
+
|
|
348
|
+
legend {
|
|
349
|
+
color: inherit; /* 2 */
|
|
350
|
+
display: table; /* 1 */
|
|
351
|
+
max-width: 100%; /* 1 */
|
|
352
|
+
white-space: normal; /* 1 */
|
|
353
|
+
}
|
|
354
|
+
|
|
355
|
+
/**
|
|
356
|
+
* 1. Add the correct display in Edge and IE.
|
|
357
|
+
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
|
358
|
+
*/
|
|
359
|
+
|
|
360
|
+
progress {
|
|
361
|
+
display: inline-block; /* 1 */
|
|
362
|
+
vertical-align: baseline; /* 2 */
|
|
363
|
+
}
|
|
364
|
+
|
|
365
|
+
/**
|
|
366
|
+
* Remove the inheritance of text transform in Firefox.
|
|
367
|
+
*/
|
|
368
|
+
|
|
369
|
+
select {
|
|
370
|
+
text-transform: none;
|
|
371
|
+
}
|
|
372
|
+
|
|
373
|
+
/**
|
|
374
|
+
* 1. Remove the margin in Firefox and Safari.
|
|
375
|
+
* 2. Remove the default vertical scrollbar in IE.
|
|
376
|
+
* 3. Change the resize direction on textareas in all browsers (opinionated).
|
|
377
|
+
*/
|
|
378
|
+
|
|
379
|
+
textarea {
|
|
380
|
+
margin: 0; /* 1 */
|
|
381
|
+
overflow: auto; /* 2 */
|
|
382
|
+
resize: vertical; /* 3 */
|
|
383
|
+
}
|
|
384
|
+
|
|
385
|
+
/**
|
|
386
|
+
* Remove the padding in IE 10-.
|
|
387
|
+
*/
|
|
388
|
+
|
|
389
|
+
[type="checkbox"],
|
|
390
|
+
[type="radio"] {
|
|
391
|
+
padding: 0;
|
|
392
|
+
}
|
|
393
|
+
|
|
394
|
+
/**
|
|
395
|
+
* 1. Correct the odd appearance in Chrome and Safari.
|
|
396
|
+
* 2. Correct the outline style in Safari.
|
|
397
|
+
*/
|
|
398
|
+
|
|
399
|
+
[type="search"] {
|
|
400
|
+
-webkit-appearance: textfield; /* 1 */
|
|
401
|
+
outline-offset: -2px; /* 2 */
|
|
402
|
+
}
|
|
403
|
+
|
|
404
|
+
/**
|
|
405
|
+
* Correct the cursor style of increment and decrement buttons in Safari.
|
|
406
|
+
*/
|
|
407
|
+
|
|
408
|
+
::-webkit-inner-spin-button,
|
|
409
|
+
::-webkit-outer-spin-button {
|
|
410
|
+
height: auto;
|
|
411
|
+
}
|
|
412
|
+
|
|
413
|
+
/**
|
|
414
|
+
* Correct the text style of placeholders in Chrome, Edge, and Safari.
|
|
415
|
+
*/
|
|
416
|
+
|
|
417
|
+
::-webkit-input-placeholder {
|
|
418
|
+
color: inherit;
|
|
419
|
+
opacity: 0.54;
|
|
420
|
+
}
|
|
421
|
+
|
|
422
|
+
/**
|
|
423
|
+
* Remove the inner padding in Chrome and Safari on macOS.
|
|
424
|
+
*/
|
|
425
|
+
|
|
426
|
+
::-webkit-search-decoration {
|
|
427
|
+
-webkit-appearance: none;
|
|
428
|
+
}
|
|
429
|
+
|
|
430
|
+
/**
|
|
431
|
+
* 1. Correct the inability to style clickable types in iOS and Safari.
|
|
432
|
+
* 2. Change font properties to `inherit` in Safari.
|
|
433
|
+
*/
|
|
434
|
+
|
|
435
|
+
::-webkit-file-upload-button {
|
|
436
|
+
-webkit-appearance: button; /* 1 */
|
|
437
|
+
font: inherit; /* 2 */
|
|
438
|
+
}
|
|
439
|
+
|
|
440
|
+
/**
|
|
441
|
+
* Remove the inner border and padding of focus outlines in Firefox.
|
|
442
|
+
*/
|
|
443
|
+
|
|
444
|
+
::-moz-focus-inner {
|
|
445
|
+
border-style: none;
|
|
446
|
+
padding: 0;
|
|
447
|
+
}
|
|
448
|
+
|
|
449
|
+
/**
|
|
450
|
+
* Restore the focus outline styles unset by the previous rule in Firefox.
|
|
451
|
+
*/
|
|
452
|
+
|
|
453
|
+
:-moz-focusring {
|
|
454
|
+
outline: 1px dotted ButtonText;
|
|
455
|
+
}
|
|
456
|
+
|
|
457
|
+
/* Interactive
|
|
458
|
+
* ========================================================================== */
|
|
459
|
+
|
|
460
|
+
/*
|
|
461
|
+
* Add the correct display in Edge and IE.
|
|
462
|
+
*/
|
|
463
|
+
|
|
464
|
+
details {
|
|
465
|
+
display: block;
|
|
466
|
+
}
|
|
467
|
+
|
|
468
|
+
/*
|
|
469
|
+
* Add the correct styles in Edge, IE, and Safari.
|
|
470
|
+
*/
|
|
471
|
+
|
|
472
|
+
dialog {
|
|
473
|
+
background-color: white;
|
|
474
|
+
border: solid;
|
|
475
|
+
color: black;
|
|
476
|
+
display: block;
|
|
477
|
+
height: -moz-fit-content;
|
|
478
|
+
height: -webkit-fit-content;
|
|
479
|
+
height: fit-content;
|
|
480
|
+
left: 0;
|
|
481
|
+
margin: auto;
|
|
482
|
+
padding: 1em;
|
|
483
|
+
position: absolute;
|
|
484
|
+
right: 0;
|
|
485
|
+
width: -moz-fit-content;
|
|
486
|
+
width: -webkit-fit-content;
|
|
487
|
+
width: fit-content;
|
|
488
|
+
}
|
|
489
|
+
|
|
490
|
+
dialog:not([open]) {
|
|
491
|
+
display: none;
|
|
492
|
+
}
|
|
493
|
+
|
|
494
|
+
/*
|
|
495
|
+
* Add the correct display in all browsers.
|
|
496
|
+
*/
|
|
497
|
+
|
|
498
|
+
summary {
|
|
499
|
+
display: list-item;
|
|
500
|
+
}
|
|
501
|
+
|
|
502
|
+
/* Scripting
|
|
503
|
+
* ========================================================================== */
|
|
504
|
+
|
|
505
|
+
/**
|
|
506
|
+
* Add the correct display in IE 9-.
|
|
507
|
+
*/
|
|
508
|
+
|
|
509
|
+
canvas {
|
|
510
|
+
display: inline-block;
|
|
511
|
+
}
|
|
512
|
+
|
|
513
|
+
/**
|
|
514
|
+
* Add the correct display in IE.
|
|
515
|
+
*/
|
|
516
|
+
|
|
517
|
+
template {
|
|
518
|
+
display: none;
|
|
519
|
+
}
|
|
520
|
+
|
|
521
|
+
/* User interaction
|
|
522
|
+
* ========================================================================== */
|
|
523
|
+
|
|
524
|
+
/*
|
|
525
|
+
* 1. Remove the tapping delay in IE 10.
|
|
526
|
+
* 2. Remove the tapping delay on clickable elements
|
|
527
|
+
in all browsers (opinionated).
|
|
528
|
+
*/
|
|
529
|
+
|
|
530
|
+
a,
|
|
531
|
+
area,
|
|
532
|
+
button,
|
|
533
|
+
input,
|
|
534
|
+
label,
|
|
535
|
+
select,
|
|
536
|
+
summary,
|
|
537
|
+
textarea,
|
|
538
|
+
[tabindex] {
|
|
539
|
+
-ms-touch-action: manipulation; /* 1 */
|
|
540
|
+
touch-action: manipulation; /* 2 */
|
|
541
|
+
}
|
|
542
|
+
|
|
543
|
+
/**
|
|
544
|
+
* Add the correct display in IE 10-.
|
|
545
|
+
*/
|
|
546
|
+
|
|
547
|
+
[hidden] {
|
|
548
|
+
display: none;
|
|
549
|
+
}
|
|
550
|
+
|
|
551
|
+
/* Accessibility
|
|
552
|
+
* ========================================================================== */
|
|
553
|
+
|
|
554
|
+
/**
|
|
555
|
+
* Change the cursor on busy elements in all browsers (opinionated).
|
|
556
|
+
*/
|
|
557
|
+
|
|
558
|
+
[aria-busy="true"] {
|
|
559
|
+
cursor: progress;
|
|
560
|
+
}
|
|
561
|
+
|
|
562
|
+
/*
|
|
563
|
+
* Change the cursor on control elements in all browsers (opinionated).
|
|
564
|
+
*/
|
|
565
|
+
|
|
566
|
+
[aria-controls] {
|
|
567
|
+
cursor: pointer;
|
|
568
|
+
}
|
|
569
|
+
|
|
570
|
+
/*
|
|
571
|
+
* Change the cursor on disabled, not-editable, or otherwise
|
|
572
|
+
* inoperable elements in all browsers (opinionated).
|
|
573
|
+
*/
|
|
574
|
+
|
|
575
|
+
[aria-disabled="true"],
|
|
576
|
+
[disabled] {
|
|
577
|
+
cursor: not-allowed;
|
|
578
|
+
}
|
|
579
|
+
|
|
580
|
+
/*
|
|
581
|
+
* Change the display on visually hidden accessible elements
|
|
582
|
+
* in all browsers (opinionated).
|
|
583
|
+
*/
|
|
584
|
+
|
|
585
|
+
[aria-hidden="false"][hidden]:not(:focus) {
|
|
586
|
+
clip: rect(0, 0, 0, 0);
|
|
587
|
+
display: inherit;
|
|
588
|
+
position: absolute;
|
|
589
|
+
}
|