geekyll 0.0.9
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 +7 -0
- data/LICENSE.txt +21 -0
- data/README.md +48 -0
- data/_includes/footer.html +20 -0
- data/_includes/head.html +27 -0
- data/_includes/header.html +18 -0
- data/_includes/image.html +14 -0
- data/_includes/javascripts.html +7 -0
- data/_includes/navigation.html +16 -0
- data/_includes/social.html +15 -0
- data/_layouts/default.html +10 -0
- data/_layouts/index.html +48 -0
- data/_layouts/page.html +23 -0
- data/_layouts/post.html +5 -0
- data/_layouts/root.html +14 -0
- data/_sass/geekyll/_icons.scss +9 -0
- data/_sass/geekyll/_layout.scss +233 -0
- data/_sass/geekyll/_pages.scss +232 -0
- data/_sass/geekyll/_typography.scss +4 -0
- data/_sass/geekyll/bootstrap4alpha4/_alert.scss +56 -0
- data/_sass/geekyll/bootstrap4alpha4/_animation.scss +27 -0
- data/_sass/geekyll/bootstrap4alpha4/_breadcrumb.scss +38 -0
- data/_sass/geekyll/bootstrap4alpha4/_button-group.scss +234 -0
- data/_sass/geekyll/bootstrap4alpha4/_buttons.scss +176 -0
- data/_sass/geekyll/bootstrap4alpha4/_card.scss +320 -0
- data/_sass/geekyll/bootstrap4alpha4/_carousel.scss +253 -0
- data/_sass/geekyll/bootstrap4alpha4/_close.scss +31 -0
- data/_sass/geekyll/bootstrap4alpha4/_code.scss +57 -0
- data/_sass/geekyll/bootstrap4alpha4/_custom-forms.scss +265 -0
- data/_sass/geekyll/bootstrap4alpha4/_custom.scss +4 -0
- data/_sass/geekyll/bootstrap4alpha4/_dropdown.scss +179 -0
- data/_sass/geekyll/bootstrap4alpha4/_forms.scss +364 -0
- data/_sass/geekyll/bootstrap4alpha4/_grid.scss +39 -0
- data/_sass/geekyll/bootstrap4alpha4/_images.scss +52 -0
- data/_sass/geekyll/bootstrap4alpha4/_input-group.scss +188 -0
- data/_sass/geekyll/bootstrap4alpha4/_jumbotron.scss +20 -0
- data/_sass/geekyll/bootstrap4alpha4/_list-group.scss +123 -0
- data/_sass/geekyll/bootstrap4alpha4/_media.scss +81 -0
- data/_sass/geekyll/bootstrap4alpha4/_mixins.scss +54 -0
- data/_sass/geekyll/bootstrap4alpha4/_modal.scss +132 -0
- data/_sass/geekyll/bootstrap4alpha4/_nav.scss +157 -0
- data/_sass/geekyll/bootstrap4alpha4/_navbar.scss +256 -0
- data/_sass/geekyll/bootstrap4alpha4/_normalize.scss +424 -0
- data/_sass/geekyll/bootstrap4alpha4/_pagination.scss +73 -0
- data/_sass/geekyll/bootstrap4alpha4/_popover.scss +147 -0
- data/_sass/geekyll/bootstrap4alpha4/_print.scss +116 -0
- data/_sass/geekyll/bootstrap4alpha4/_progress.scss +145 -0
- data/_sass/geekyll/bootstrap4alpha4/_reboot.scss +393 -0
- data/_sass/geekyll/bootstrap4alpha4/_responsive-embed.scss +39 -0
- data/_sass/geekyll/bootstrap4alpha4/_tables.scss +196 -0
- data/_sass/geekyll/bootstrap4alpha4/_tags.scss +77 -0
- data/_sass/geekyll/bootstrap4alpha4/_tooltip.scss +87 -0
- data/_sass/geekyll/bootstrap4alpha4/_type.scss +150 -0
- data/_sass/geekyll/bootstrap4alpha4/_utilities.scss +9 -0
- data/_sass/geekyll/bootstrap4alpha4/_variables.scss +830 -0
- data/_sass/geekyll/bootstrap4alpha4/bootstrap-flex.scss +8 -0
- data/_sass/geekyll/bootstrap4alpha4/bootstrap-grid.scss +23 -0
- data/_sass/geekyll/bootstrap4alpha4/bootstrap-reboot.scss +11 -0
- data/_sass/geekyll/bootstrap4alpha4/bootstrap.scss +54 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_alert.scss +14 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_background-variant.scss +13 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_border-radius.scss +35 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_breakpoints.scss +86 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_buttons.scss +113 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_cards.scss +44 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_clearfix.scss +7 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_forms.scss +86 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_gradients.scss +43 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_grid-framework.scss +70 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_grid.scss +84 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_hover.scss +60 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_image.scss +34 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_list-group.scss +30 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_lists.scss +7 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_nav-divider.scss +10 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_navbar-align.scss +9 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_pagination.scss +21 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_progress.scss +23 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_pulls.scss +6 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_reset-filter.scss +8 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_reset-text.scss +17 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_resize.scss +6 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_screen-reader.scss +32 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_size.scss +6 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_tab-focus.scss +9 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_table-row.scss +30 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_tag.scss +11 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_text-emphasis.scss +12 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_text-hide.scss +8 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_text-truncate.scss +8 -0
- data/_sass/geekyll/bootstrap4alpha4/utilities/_background.scss +19 -0
- data/_sass/geekyll/bootstrap4alpha4/utilities/_clearfix.scss +3 -0
- data/_sass/geekyll/bootstrap4alpha4/utilities/_display.scss +13 -0
- data/_sass/geekyll/bootstrap4alpha4/utilities/_flex.scss +37 -0
- data/_sass/geekyll/bootstrap4alpha4/utilities/_pulls.scss +13 -0
- data/_sass/geekyll/bootstrap4alpha4/utilities/_screenreaders.scss +11 -0
- data/_sass/geekyll/bootstrap4alpha4/utilities/_spacing.scss +43 -0
- data/_sass/geekyll/bootstrap4alpha4/utilities/_text.scss +51 -0
- data/_sass/geekyll/bootstrap4alpha4/utilities/_visibility.scss +55 -0
- data/_sass/geekyll/reset.scss +9 -0
- data/_sass/geekyll/social.scss +5 -0
- data/_sass/geekyll.scss +39 -0
- data/screenshot.png +0 -0
- metadata +188 -0
@@ -0,0 +1,196 @@
|
|
1
|
+
//
|
2
|
+
// Basic Bootstrap table
|
3
|
+
//
|
4
|
+
|
5
|
+
.table {
|
6
|
+
width: 100%;
|
7
|
+
max-width: 100%;
|
8
|
+
margin-bottom: $spacer;
|
9
|
+
|
10
|
+
th,
|
11
|
+
td {
|
12
|
+
padding: $table-cell-padding;
|
13
|
+
vertical-align: top;
|
14
|
+
border-top: $table-border-width solid $table-border-color;
|
15
|
+
}
|
16
|
+
|
17
|
+
thead th {
|
18
|
+
vertical-align: bottom;
|
19
|
+
border-bottom: (2 * $table-border-width) solid $table-border-color;
|
20
|
+
}
|
21
|
+
|
22
|
+
tbody + tbody {
|
23
|
+
border-top: (2 * $table-border-width) solid $table-border-color;
|
24
|
+
}
|
25
|
+
|
26
|
+
.table {
|
27
|
+
background-color: $body-bg;
|
28
|
+
}
|
29
|
+
}
|
30
|
+
|
31
|
+
|
32
|
+
//
|
33
|
+
// Condensed table w/ half padding
|
34
|
+
//
|
35
|
+
|
36
|
+
.table-sm {
|
37
|
+
th,
|
38
|
+
td {
|
39
|
+
padding: $table-sm-cell-padding;
|
40
|
+
}
|
41
|
+
}
|
42
|
+
|
43
|
+
|
44
|
+
// Bordered version
|
45
|
+
//
|
46
|
+
// Add borders all around the table and between all the columns.
|
47
|
+
|
48
|
+
.table-bordered {
|
49
|
+
border: $table-border-width solid $table-border-color;
|
50
|
+
|
51
|
+
th,
|
52
|
+
td {
|
53
|
+
border: $table-border-width solid $table-border-color;
|
54
|
+
}
|
55
|
+
|
56
|
+
thead {
|
57
|
+
th,
|
58
|
+
td {
|
59
|
+
border-bottom-width: (2 * $table-border-width);
|
60
|
+
}
|
61
|
+
}
|
62
|
+
}
|
63
|
+
|
64
|
+
|
65
|
+
// Zebra-striping
|
66
|
+
//
|
67
|
+
// Default zebra-stripe styles (alternating gray and transparent backgrounds)
|
68
|
+
|
69
|
+
.table-striped {
|
70
|
+
tbody tr:nth-of-type(odd) {
|
71
|
+
background-color: $table-bg-accent;
|
72
|
+
}
|
73
|
+
}
|
74
|
+
|
75
|
+
|
76
|
+
// Hover effect
|
77
|
+
//
|
78
|
+
// Placed here since it has to come after the potential zebra striping
|
79
|
+
|
80
|
+
.table-hover {
|
81
|
+
tbody tr {
|
82
|
+
@include hover {
|
83
|
+
background-color: $table-bg-hover;
|
84
|
+
}
|
85
|
+
}
|
86
|
+
}
|
87
|
+
|
88
|
+
|
89
|
+
// Table backgrounds
|
90
|
+
//
|
91
|
+
// Exact selectors below required to override `.table-striped` and prevent
|
92
|
+
// inheritance to nested tables.
|
93
|
+
|
94
|
+
// Generate the contextual variants
|
95
|
+
@include table-row-variant(active, $table-bg-active);
|
96
|
+
@include table-row-variant(success, $state-success-bg);
|
97
|
+
@include table-row-variant(info, $state-info-bg);
|
98
|
+
@include table-row-variant(warning, $state-warning-bg);
|
99
|
+
@include table-row-variant(danger, $state-danger-bg);
|
100
|
+
|
101
|
+
|
102
|
+
// Inverse styles
|
103
|
+
//
|
104
|
+
// Same table markup, but inverted color scheme: dark background and light text.
|
105
|
+
|
106
|
+
.thead-inverse {
|
107
|
+
th {
|
108
|
+
color: #fff;
|
109
|
+
background-color: $gray-dark;
|
110
|
+
}
|
111
|
+
}
|
112
|
+
|
113
|
+
.thead-default {
|
114
|
+
th {
|
115
|
+
color: $gray;
|
116
|
+
background-color: $gray-lighter;
|
117
|
+
}
|
118
|
+
}
|
119
|
+
|
120
|
+
.table-inverse {
|
121
|
+
color: $gray-lighter;
|
122
|
+
background-color: $gray-dark;
|
123
|
+
|
124
|
+
th,
|
125
|
+
td,
|
126
|
+
thead th {
|
127
|
+
border-color: $gray;
|
128
|
+
}
|
129
|
+
|
130
|
+
&.table-bordered {
|
131
|
+
border: 0;
|
132
|
+
}
|
133
|
+
}
|
134
|
+
|
135
|
+
|
136
|
+
|
137
|
+
// Responsive tables
|
138
|
+
//
|
139
|
+
// Wrap your tables in `.table-responsive` and we'll make them mobile friendly
|
140
|
+
// by enabling horizontal scrolling. Only applies <768px. Everything above that
|
141
|
+
// will display normally.
|
142
|
+
|
143
|
+
.table-responsive {
|
144
|
+
display: block;
|
145
|
+
width: 100%;
|
146
|
+
min-height: .01%; // Workaround for IE9 bug (see https://github.com/twbs/bootstrap/issues/14837)
|
147
|
+
overflow-x: auto;
|
148
|
+
|
149
|
+
// TODO: find out if we need this still.
|
150
|
+
//
|
151
|
+
// border: $table-border-width solid $table-border-color;
|
152
|
+
// -ms-overflow-style: -ms-autohiding-scrollbar; // See https://github.com/twbs/bootstrap/pull/10057
|
153
|
+
}
|
154
|
+
|
155
|
+
|
156
|
+
.table-reflow {
|
157
|
+
thead {
|
158
|
+
float: left;
|
159
|
+
}
|
160
|
+
|
161
|
+
tbody {
|
162
|
+
display: block;
|
163
|
+
white-space: nowrap;
|
164
|
+
}
|
165
|
+
|
166
|
+
th,
|
167
|
+
td {
|
168
|
+
border-top: $table-border-width solid $table-border-color;
|
169
|
+
border-left: $table-border-width solid $table-border-color;
|
170
|
+
|
171
|
+
&:last-child {
|
172
|
+
border-right: $table-border-width solid $table-border-color;
|
173
|
+
}
|
174
|
+
}
|
175
|
+
|
176
|
+
thead,
|
177
|
+
tbody,
|
178
|
+
tfoot {
|
179
|
+
&:last-child {
|
180
|
+
tr:last-child th,
|
181
|
+
tr:last-child td {
|
182
|
+
border-bottom: $table-border-width solid $table-border-color;
|
183
|
+
}
|
184
|
+
}
|
185
|
+
}
|
186
|
+
|
187
|
+
tr {
|
188
|
+
float: left;
|
189
|
+
|
190
|
+
th,
|
191
|
+
td {
|
192
|
+
display: block !important;
|
193
|
+
border: $table-border-width solid $table-border-color;
|
194
|
+
}
|
195
|
+
}
|
196
|
+
}
|
@@ -0,0 +1,77 @@
|
|
1
|
+
// Base class
|
2
|
+
//
|
3
|
+
// Requires one of the contextual, color modifier classes for `color` and
|
4
|
+
// `background-color`.
|
5
|
+
|
6
|
+
.tag {
|
7
|
+
display: inline-block;
|
8
|
+
padding: $tag-padding-y $tag-padding-x;
|
9
|
+
font-size: $tag-font-size;
|
10
|
+
font-weight: $tag-font-weight;
|
11
|
+
line-height: 1;
|
12
|
+
color: $tag-color;
|
13
|
+
text-align: center;
|
14
|
+
white-space: nowrap;
|
15
|
+
vertical-align: baseline;
|
16
|
+
@include border-radius();
|
17
|
+
|
18
|
+
// Empty tags collapse automatically
|
19
|
+
&:empty {
|
20
|
+
display: none;
|
21
|
+
}
|
22
|
+
}
|
23
|
+
|
24
|
+
// Quick fix for tags in buttons
|
25
|
+
.btn .tag {
|
26
|
+
position: relative;
|
27
|
+
top: -1px;
|
28
|
+
}
|
29
|
+
|
30
|
+
// scss-lint:disable QualifyingElement
|
31
|
+
// Add hover effects, but only for links
|
32
|
+
a.tag {
|
33
|
+
@include hover-focus {
|
34
|
+
color: $tag-link-hover-color;
|
35
|
+
text-decoration: none;
|
36
|
+
cursor: pointer;
|
37
|
+
}
|
38
|
+
}
|
39
|
+
// scss-lint:enable QualifyingElement
|
40
|
+
|
41
|
+
// Pill tags
|
42
|
+
//
|
43
|
+
// Make them extra rounded with a modifier to replace v3's badges.
|
44
|
+
|
45
|
+
.tag-pill {
|
46
|
+
padding-right: $tag-pill-padding-x;
|
47
|
+
padding-left: $tag-pill-padding-x;
|
48
|
+
@include border-radius($tag-pill-border-radius);
|
49
|
+
}
|
50
|
+
|
51
|
+
// Colors
|
52
|
+
//
|
53
|
+
// Contextual variations (linked tags get darker on :hover).
|
54
|
+
|
55
|
+
.tag-default {
|
56
|
+
@include tag-variant($tag-default-bg);
|
57
|
+
}
|
58
|
+
|
59
|
+
.tag-primary {
|
60
|
+
@include tag-variant($tag-primary-bg);
|
61
|
+
}
|
62
|
+
|
63
|
+
.tag-success {
|
64
|
+
@include tag-variant($tag-success-bg);
|
65
|
+
}
|
66
|
+
|
67
|
+
.tag-info {
|
68
|
+
@include tag-variant($tag-info-bg);
|
69
|
+
}
|
70
|
+
|
71
|
+
.tag-warning {
|
72
|
+
@include tag-variant($tag-warning-bg);
|
73
|
+
}
|
74
|
+
|
75
|
+
.tag-danger {
|
76
|
+
@include tag-variant($tag-danger-bg);
|
77
|
+
}
|
@@ -0,0 +1,87 @@
|
|
1
|
+
// Base class
|
2
|
+
.tooltip {
|
3
|
+
position: absolute;
|
4
|
+
z-index: $zindex-tooltip;
|
5
|
+
display: block;
|
6
|
+
// Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.
|
7
|
+
// So reset our font and text properties to avoid inheriting weird values.
|
8
|
+
@include reset-text();
|
9
|
+
font-size: $font-size-sm;
|
10
|
+
// Allow breaking very long words so they don't overflow the tooltip's bounds
|
11
|
+
word-wrap: break-word;
|
12
|
+
opacity: 0;
|
13
|
+
|
14
|
+
&.in { opacity: $tooltip-opacity; }
|
15
|
+
|
16
|
+
&.tooltip-top,
|
17
|
+
&.bs-tether-element-attached-bottom {
|
18
|
+
padding: $tooltip-arrow-width 0;
|
19
|
+
margin-top: -$tooltip-margin;
|
20
|
+
|
21
|
+
.tooltip-arrow {
|
22
|
+
bottom: 0;
|
23
|
+
left: 50%;
|
24
|
+
margin-left: -$tooltip-arrow-width;
|
25
|
+
border-width: $tooltip-arrow-width $tooltip-arrow-width 0;
|
26
|
+
border-top-color: $tooltip-arrow-color;
|
27
|
+
}
|
28
|
+
}
|
29
|
+
&.tooltip-right,
|
30
|
+
&.bs-tether-element-attached-left {
|
31
|
+
padding: 0 $tooltip-arrow-width;
|
32
|
+
margin-left: $tooltip-margin;
|
33
|
+
|
34
|
+
.tooltip-arrow {
|
35
|
+
top: 50%;
|
36
|
+
left: 0;
|
37
|
+
margin-top: -$tooltip-arrow-width;
|
38
|
+
border-width: $tooltip-arrow-width $tooltip-arrow-width $tooltip-arrow-width 0;
|
39
|
+
border-right-color: $tooltip-arrow-color;
|
40
|
+
}
|
41
|
+
}
|
42
|
+
&.tooltip-bottom,
|
43
|
+
&.bs-tether-element-attached-top {
|
44
|
+
padding: $tooltip-arrow-width 0;
|
45
|
+
margin-top: $tooltip-margin;
|
46
|
+
|
47
|
+
.tooltip-arrow {
|
48
|
+
top: 0;
|
49
|
+
left: 50%;
|
50
|
+
margin-left: -$tooltip-arrow-width;
|
51
|
+
border-width: 0 $tooltip-arrow-width $tooltip-arrow-width;
|
52
|
+
border-bottom-color: $tooltip-arrow-color;
|
53
|
+
}
|
54
|
+
}
|
55
|
+
&.tooltip-left,
|
56
|
+
&.bs-tether-element-attached-right {
|
57
|
+
padding: 0 $tooltip-arrow-width;
|
58
|
+
margin-left: -$tooltip-margin;
|
59
|
+
|
60
|
+
.tooltip-arrow {
|
61
|
+
top: 50%;
|
62
|
+
right: 0;
|
63
|
+
margin-top: -$tooltip-arrow-width;
|
64
|
+
border-width: $tooltip-arrow-width 0 $tooltip-arrow-width $tooltip-arrow-width;
|
65
|
+
border-left-color: $tooltip-arrow-color;
|
66
|
+
}
|
67
|
+
}
|
68
|
+
}
|
69
|
+
|
70
|
+
// Wrapper for the tooltip content
|
71
|
+
.tooltip-inner {
|
72
|
+
max-width: $tooltip-max-width;
|
73
|
+
padding: $tooltip-padding-y $tooltip-padding-x;
|
74
|
+
color: $tooltip-color;
|
75
|
+
text-align: center;
|
76
|
+
background-color: $tooltip-bg;
|
77
|
+
@include border-radius($border-radius);
|
78
|
+
}
|
79
|
+
|
80
|
+
// Arrows
|
81
|
+
.tooltip-arrow {
|
82
|
+
position: absolute;
|
83
|
+
width: 0;
|
84
|
+
height: 0;
|
85
|
+
border-color: transparent;
|
86
|
+
border-style: solid;
|
87
|
+
}
|
@@ -0,0 +1,150 @@
|
|
1
|
+
//
|
2
|
+
// Headings
|
3
|
+
//
|
4
|
+
|
5
|
+
h1, h2, h3, h4, h5, h6,
|
6
|
+
.h1, .h2, .h3, .h4, .h5, .h6 {
|
7
|
+
margin-bottom: $headings-margin-bottom;
|
8
|
+
font-family: $headings-font-family;
|
9
|
+
font-weight: $headings-font-weight;
|
10
|
+
line-height: $headings-line-height;
|
11
|
+
color: $headings-color;
|
12
|
+
}
|
13
|
+
|
14
|
+
h1, .h1 { font-size: $font-size-h1; }
|
15
|
+
h2, .h2 { font-size: $font-size-h2; }
|
16
|
+
h3, .h3 { font-size: $font-size-h3; }
|
17
|
+
h4, .h4 { font-size: $font-size-h4; }
|
18
|
+
h5, .h5 { font-size: $font-size-h5; }
|
19
|
+
h6, .h6 { font-size: $font-size-h6; }
|
20
|
+
|
21
|
+
.lead {
|
22
|
+
font-size: $lead-font-size;
|
23
|
+
font-weight: $lead-font-weight;
|
24
|
+
}
|
25
|
+
|
26
|
+
// Type display classes
|
27
|
+
.display-1 {
|
28
|
+
font-size: $display1-size;
|
29
|
+
font-weight: $display1-weight;
|
30
|
+
}
|
31
|
+
.display-2 {
|
32
|
+
font-size: $display2-size;
|
33
|
+
font-weight: $display2-weight;
|
34
|
+
}
|
35
|
+
.display-3 {
|
36
|
+
font-size: $display3-size;
|
37
|
+
font-weight: $display3-weight;
|
38
|
+
}
|
39
|
+
.display-4 {
|
40
|
+
font-size: $display4-size;
|
41
|
+
font-weight: $display4-weight;
|
42
|
+
}
|
43
|
+
|
44
|
+
|
45
|
+
//
|
46
|
+
// Horizontal rules
|
47
|
+
//
|
48
|
+
|
49
|
+
hr {
|
50
|
+
margin-top: $spacer-y;
|
51
|
+
margin-bottom: $spacer-y;
|
52
|
+
border: 0;
|
53
|
+
border-top: $hr-border-width solid $hr-border-color;
|
54
|
+
}
|
55
|
+
|
56
|
+
|
57
|
+
//
|
58
|
+
// Emphasis
|
59
|
+
//
|
60
|
+
|
61
|
+
small,
|
62
|
+
.small {
|
63
|
+
font-size: $small-font-size;
|
64
|
+
font-weight: normal;
|
65
|
+
}
|
66
|
+
|
67
|
+
mark,
|
68
|
+
.mark {
|
69
|
+
padding: $mark-padding;
|
70
|
+
background-color: $mark-bg;
|
71
|
+
}
|
72
|
+
|
73
|
+
|
74
|
+
//
|
75
|
+
// Lists
|
76
|
+
//
|
77
|
+
|
78
|
+
.list-unstyled {
|
79
|
+
@include list-unstyled;
|
80
|
+
}
|
81
|
+
|
82
|
+
// Inline turns list items into inline-block
|
83
|
+
.list-inline {
|
84
|
+
@include list-unstyled;
|
85
|
+
}
|
86
|
+
.list-inline-item {
|
87
|
+
display: inline-block;
|
88
|
+
|
89
|
+
&:not(:last-child) {
|
90
|
+
margin-right: $list-inline-padding;
|
91
|
+
}
|
92
|
+
}
|
93
|
+
|
94
|
+
|
95
|
+
//
|
96
|
+
// Misc
|
97
|
+
//
|
98
|
+
|
99
|
+
// Builds on `abbr`
|
100
|
+
.initialism {
|
101
|
+
font-size: 90%;
|
102
|
+
text-transform: uppercase;
|
103
|
+
}
|
104
|
+
|
105
|
+
// Blockquotes
|
106
|
+
.blockquote {
|
107
|
+
padding: ($spacer / 2) $spacer;
|
108
|
+
margin-bottom: $spacer;
|
109
|
+
font-size: $blockquote-font-size;
|
110
|
+
border-left: $blockquote-border-width solid $blockquote-border-color;
|
111
|
+
}
|
112
|
+
|
113
|
+
.blockquote-footer {
|
114
|
+
display: block;
|
115
|
+
font-size: 80%; // back to default font-size
|
116
|
+
color: $blockquote-small-color;
|
117
|
+
|
118
|
+
&::before {
|
119
|
+
content: "\2014 \00A0"; // em dash, nbsp
|
120
|
+
}
|
121
|
+
}
|
122
|
+
|
123
|
+
// Opposite alignment of blockquote
|
124
|
+
.blockquote-reverse {
|
125
|
+
padding-right: $spacer;
|
126
|
+
padding-left: 0;
|
127
|
+
text-align: right;
|
128
|
+
border-right: $blockquote-border-width solid $blockquote-border-color;
|
129
|
+
border-left: 0;
|
130
|
+
}
|
131
|
+
|
132
|
+
.blockquote-reverse .blockquote-footer {
|
133
|
+
&::before {
|
134
|
+
content: "";
|
135
|
+
}
|
136
|
+
&::after {
|
137
|
+
content: "\00A0 \2014"; // nbsp, em dash
|
138
|
+
}
|
139
|
+
}
|
140
|
+
|
141
|
+
@if not $enable-flex {
|
142
|
+
// Clean up some horizontal `<dl>`s built with grids
|
143
|
+
// scss-lint:disable QualifyingElement
|
144
|
+
dl.row {
|
145
|
+
> dd + dt {
|
146
|
+
clear: left;
|
147
|
+
}
|
148
|
+
}
|
149
|
+
// scss-lint:enable QualifyingElement
|
150
|
+
}
|
@@ -0,0 +1,9 @@
|
|
1
|
+
@import "utilities/background";
|
2
|
+
@import "utilities/clearfix";
|
3
|
+
@import "utilities/display";
|
4
|
+
@import "utilities/flex";
|
5
|
+
@import "utilities/pulls";
|
6
|
+
@import "utilities/screenreaders";
|
7
|
+
@import "utilities/spacing";
|
8
|
+
@import "utilities/text";
|
9
|
+
@import "utilities/visibility";
|