jekyll-bulma 0.0.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/LICENSE.txt +21 -0
- data/README.md +39 -0
- data/_layouts/default.html +1 -0
- data/_layouts/page.html +5 -0
- data/_layouts/post.html +5 -0
- data/_sass/base/_all.sass +5 -0
- data/_sass/base/generic.sass +127 -0
- data/_sass/base/helpers.sass +251 -0
- data/_sass/base/minireset.sass +79 -0
- data/_sass/bulma.sass +8 -0
- data/_sass/components/_all.sass +14 -0
- data/_sass/components/breadcrumb.sass +75 -0
- data/_sass/components/card.sass +74 -0
- data/_sass/components/dropdown.sass +74 -0
- data/_sass/components/level.sass +75 -0
- data/_sass/components/media.sass +44 -0
- data/_sass/components/menu.sass +50 -0
- data/_sass/components/message.sass +86 -0
- data/_sass/components/modal.sass +111 -0
- data/_sass/components/navbar.sass +414 -0
- data/_sass/components/pagination.sass +143 -0
- data/_sass/components/panel.sass +101 -0
- data/_sass/components/tabs.sass +151 -0
- data/_sass/elements/_all.sass +16 -0
- data/_sass/elements/box.sass +24 -0
- data/_sass/elements/button.sass +255 -0
- data/_sass/elements/container.sass +25 -0
- data/_sass/elements/content.sass +141 -0
- data/_sass/elements/form.sass +625 -0
- data/_sass/elements/icon.sass +21 -0
- data/_sass/elements/image.sass +68 -0
- data/_sass/elements/notification.sass +35 -0
- data/_sass/elements/other.sass +39 -0
- data/_sass/elements/progress.sass +40 -0
- data/_sass/elements/table.sass +117 -0
- data/_sass/elements/tag.sass +111 -0
- data/_sass/elements/title.sass +64 -0
- data/_sass/grid/_all.sass +4 -0
- data/_sass/grid/columns.sass +477 -0
- data/_sass/grid/tiles.sass +32 -0
- data/_sass/layout/_all.sass +5 -0
- data/_sass/layout/footer.sass +5 -0
- data/_sass/layout/hero.sass +155 -0
- data/_sass/layout/section.sass +13 -0
- data/_sass/utilities/_all.sass +8 -0
- data/_sass/utilities/animations.sass +5 -0
- data/_sass/utilities/controls.sass +46 -0
- data/_sass/utilities/derived-variables.sass +84 -0
- data/_sass/utilities/functions.sass +62 -0
- data/_sass/utilities/initial-variables.sass +72 -0
- data/_sass/utilities/mixins.sass +266 -0
- data/assets/main.scss +14 -0
- metadata +138 -0
checksums.yaml
ADDED
@@ -0,0 +1,7 @@
|
|
1
|
+
---
|
2
|
+
SHA256:
|
3
|
+
metadata.gz: 37f56b9d3083cef6830f910fedf61a1e7aa11f1681ad8e2d32ebdda86e7e3542
|
4
|
+
data.tar.gz: 297fd71507bcb0971a4707ce1cfbd07cd5645c09fef08a376d58b406af828dda
|
5
|
+
SHA512:
|
6
|
+
metadata.gz: 16d969b3592246c2a561d44c1aac720900b0f7dd48a4fe78bf27cdd29f9bc0a881da7604deeba059b57ea964af91c72b3b4062343db4dd2887a0118d64d30bfb
|
7
|
+
data.tar.gz: a2aaf692dc37f01e04db3a28df1e39d6254297ba71105d6c3fa94971058862aff81528ea1a444ad25e111a5b6363e35aad50e099131c39e161c86c59501c1fd0
|
data/LICENSE.txt
ADDED
@@ -0,0 +1,21 @@
|
|
1
|
+
The MIT License (MIT)
|
2
|
+
|
3
|
+
Copyright (c) 2018
|
4
|
+
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
7
|
+
in the Software without restriction, including without limitation the rights
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
10
|
+
furnished to do so, subject to the following conditions:
|
11
|
+
|
12
|
+
The above copyright notice and this permission notice shall be included in
|
13
|
+
all copies or substantial portions of the Software.
|
14
|
+
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
21
|
+
THE SOFTWARE.
|
data/README.md
ADDED
@@ -0,0 +1,39 @@
|
|
1
|
+
# jekyll-bulma
|
2
|
+
|
3
|
+
## Installation
|
4
|
+
|
5
|
+
Add this line to your Jekyll site's `Gemfile`:
|
6
|
+
|
7
|
+
```ruby
|
8
|
+
gem "jekyll-bulma"
|
9
|
+
```
|
10
|
+
|
11
|
+
And add this line to your Jekyll site's `_config.yml`:
|
12
|
+
|
13
|
+
```yaml
|
14
|
+
theme: jekyll-bulma
|
15
|
+
```
|
16
|
+
|
17
|
+
And then execute:
|
18
|
+
|
19
|
+
$ bundle
|
20
|
+
|
21
|
+
Or install it yourself as:
|
22
|
+
|
23
|
+
$ gem install jekyll-bulma
|
24
|
+
|
25
|
+
## Usage
|
26
|
+
|
27
|
+
TODO: Write usage instructions here. Describe your available layouts, includes, sass and/or assets.
|
28
|
+
|
29
|
+
## Contributing
|
30
|
+
|
31
|
+
Bug reports and pull requests are welcome on GitHub at https://github.com/[USERNAME]/hello. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
|
32
|
+
|
33
|
+
## Development
|
34
|
+
|
35
|
+
To set up your environment to develop this theme, run `bundle install`.
|
36
|
+
|
37
|
+
## License
|
38
|
+
|
39
|
+
The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
|
@@ -0,0 +1 @@
|
|
1
|
+
{{ content }}
|
data/_layouts/page.html
ADDED
data/_layouts/post.html
ADDED
@@ -0,0 +1,127 @@
|
|
1
|
+
$body-background-color: $white !default
|
2
|
+
$body-size: 16px !default
|
3
|
+
$body-rendering: optimizeLegibility !default
|
4
|
+
$body-family: $family-primary !default
|
5
|
+
$body-color: $text !default
|
6
|
+
$body-weight: $weight-normal !default
|
7
|
+
$body-line-height: 1.5 !default
|
8
|
+
|
9
|
+
$code-family: $family-code !default
|
10
|
+
$code-padding: 0.25em 0.5em 0.25em !default
|
11
|
+
$code-weight: normal !default
|
12
|
+
$code-size: 0.875em !default
|
13
|
+
|
14
|
+
$hr-background-color: $background !default
|
15
|
+
$hr-height: 2px !default
|
16
|
+
$hr-margin: 1.5rem 0 !default
|
17
|
+
|
18
|
+
$strong-color: $text-strong !default
|
19
|
+
$strong-weight: $weight-bold !default
|
20
|
+
|
21
|
+
html
|
22
|
+
background-color: $body-background-color
|
23
|
+
font-size: $body-size
|
24
|
+
-moz-osx-font-smoothing: grayscale
|
25
|
+
-webkit-font-smoothing: antialiased
|
26
|
+
min-width: 300px
|
27
|
+
overflow-x: hidden
|
28
|
+
overflow-y: scroll
|
29
|
+
text-rendering: $body-rendering
|
30
|
+
text-size-adjust: 100%
|
31
|
+
|
32
|
+
article,
|
33
|
+
aside,
|
34
|
+
figure,
|
35
|
+
footer,
|
36
|
+
header,
|
37
|
+
hgroup,
|
38
|
+
section
|
39
|
+
display: block
|
40
|
+
|
41
|
+
body,
|
42
|
+
button,
|
43
|
+
input,
|
44
|
+
select,
|
45
|
+
textarea
|
46
|
+
font-family: $body-family
|
47
|
+
|
48
|
+
code,
|
49
|
+
pre
|
50
|
+
-moz-osx-font-smoothing: auto
|
51
|
+
-webkit-font-smoothing: auto
|
52
|
+
font-family: $code-family
|
53
|
+
|
54
|
+
body
|
55
|
+
color: $body-color
|
56
|
+
font-size: 1rem
|
57
|
+
font-weight: $body-weight
|
58
|
+
line-height: $body-line-height
|
59
|
+
|
60
|
+
// Inline
|
61
|
+
|
62
|
+
a
|
63
|
+
color: $link
|
64
|
+
cursor: pointer
|
65
|
+
text-decoration: none
|
66
|
+
strong
|
67
|
+
color: currentColor
|
68
|
+
&:hover
|
69
|
+
color: $link-hover
|
70
|
+
|
71
|
+
code
|
72
|
+
background-color: $code-background
|
73
|
+
color: $code
|
74
|
+
font-size: $code-size
|
75
|
+
font-weight: $code-weight
|
76
|
+
padding: $code-padding
|
77
|
+
|
78
|
+
hr
|
79
|
+
background-color: $hr-background-color
|
80
|
+
border: none
|
81
|
+
display: block
|
82
|
+
height: $hr-height
|
83
|
+
margin: $hr-margin
|
84
|
+
|
85
|
+
img
|
86
|
+
height: auto
|
87
|
+
max-width: 100%
|
88
|
+
|
89
|
+
input[type="checkbox"],
|
90
|
+
input[type="radio"]
|
91
|
+
vertical-align: baseline
|
92
|
+
|
93
|
+
small
|
94
|
+
font-size: 0.875em
|
95
|
+
|
96
|
+
span
|
97
|
+
font-style: inherit
|
98
|
+
font-weight: inherit
|
99
|
+
|
100
|
+
strong
|
101
|
+
color: $strong-color
|
102
|
+
font-weight: $strong-weight
|
103
|
+
|
104
|
+
// Block
|
105
|
+
|
106
|
+
pre
|
107
|
+
+overflow-touch
|
108
|
+
background-color: $pre-background
|
109
|
+
color: $pre
|
110
|
+
font-size: 0.875em
|
111
|
+
overflow-x: auto
|
112
|
+
padding: 1.25rem 1.5rem
|
113
|
+
white-space: pre
|
114
|
+
word-wrap: normal
|
115
|
+
code
|
116
|
+
background-color: transparent
|
117
|
+
color: currentColor
|
118
|
+
font-size: 1em
|
119
|
+
padding: 0
|
120
|
+
|
121
|
+
table
|
122
|
+
td,
|
123
|
+
th
|
124
|
+
text-align: left
|
125
|
+
vertical-align: top
|
126
|
+
th
|
127
|
+
color: $text-strong
|
@@ -0,0 +1,251 @@
|
|
1
|
+
// Float
|
2
|
+
|
3
|
+
.is-clearfix
|
4
|
+
+clearfix
|
5
|
+
|
6
|
+
.is-pulled-left
|
7
|
+
float: left !important
|
8
|
+
|
9
|
+
.is-pulled-right
|
10
|
+
float: right !important
|
11
|
+
|
12
|
+
// Overflow
|
13
|
+
|
14
|
+
.is-clipped
|
15
|
+
overflow: hidden !important
|
16
|
+
|
17
|
+
// Overlay
|
18
|
+
|
19
|
+
.is-overlay
|
20
|
+
+overlay
|
21
|
+
|
22
|
+
// Typography
|
23
|
+
|
24
|
+
=typography-size($target:'')
|
25
|
+
@each $size in $sizes
|
26
|
+
$i: index($sizes, $size)
|
27
|
+
.is-size-#{$i}#{if($target == '', '', '-' + $target)}
|
28
|
+
font-size: $size !important
|
29
|
+
|
30
|
+
+typography-size()
|
31
|
+
|
32
|
+
+mobile
|
33
|
+
+typography-size('mobile')
|
34
|
+
|
35
|
+
+tablet
|
36
|
+
+typography-size('tablet')
|
37
|
+
|
38
|
+
+touch
|
39
|
+
+typography-size('touch')
|
40
|
+
|
41
|
+
+desktop
|
42
|
+
+typography-size('desktop')
|
43
|
+
|
44
|
+
+widescreen
|
45
|
+
+typography-size('widescreen')
|
46
|
+
|
47
|
+
+fullhd
|
48
|
+
+typography-size('fullhd')
|
49
|
+
|
50
|
+
$alignments: ('centered': 'center', 'justified': 'justify', 'left': 'left', 'right': 'right')
|
51
|
+
|
52
|
+
@each $alignment, $text-align in $alignments
|
53
|
+
.has-text-#{$alignment}
|
54
|
+
text-align: #{$text-align} !important
|
55
|
+
|
56
|
+
@each $alignment, $text-align in $alignments
|
57
|
+
+mobile
|
58
|
+
.has-text-#{$alignment}-mobile
|
59
|
+
text-align: #{$text-align} !important
|
60
|
+
+tablet
|
61
|
+
.has-text-#{$alignment}-tablet
|
62
|
+
text-align: #{$text-align} !important
|
63
|
+
+tablet-only
|
64
|
+
.has-text-#{$alignment}-tablet-only
|
65
|
+
text-align: #{$text-align} !important
|
66
|
+
+touch
|
67
|
+
.has-text-#{$alignment}-touch
|
68
|
+
text-align: #{$text-align} !important
|
69
|
+
+desktop
|
70
|
+
.has-text-#{$alignment}-desktop
|
71
|
+
text-align: #{$text-align} !important
|
72
|
+
+desktop-only
|
73
|
+
.has-text-#{$alignment}-desktop-only
|
74
|
+
text-align: #{$text-align} !important
|
75
|
+
+widescreen
|
76
|
+
.has-text-#{$alignment}-widescreen
|
77
|
+
text-align: #{$text-align} !important
|
78
|
+
+widescreen-only
|
79
|
+
.has-text-#{$alignment}-widescreen-only
|
80
|
+
text-align: #{$text-align} !important
|
81
|
+
+fullhd
|
82
|
+
.has-text-#{$alignment}-fullhd
|
83
|
+
text-align: #{$text-align} !important
|
84
|
+
|
85
|
+
.is-capitalized
|
86
|
+
text-transform: capitalize !important
|
87
|
+
|
88
|
+
.is-lowercase
|
89
|
+
text-transform: lowercase !important
|
90
|
+
|
91
|
+
.is-uppercase
|
92
|
+
text-transform: uppercase !important
|
93
|
+
|
94
|
+
.is-italic
|
95
|
+
font-style: italic !important
|
96
|
+
|
97
|
+
@each $name, $pair in $colors
|
98
|
+
$color: nth($pair, 1)
|
99
|
+
.has-text-#{$name}
|
100
|
+
color: $color !important
|
101
|
+
a.has-text-#{$name}
|
102
|
+
&:hover,
|
103
|
+
&:focus
|
104
|
+
color: darken($color, 10%) !important
|
105
|
+
.has-background-#{$name}
|
106
|
+
background-color: $color !important
|
107
|
+
|
108
|
+
@each $name, $shade in $shades
|
109
|
+
.has-text-#{$name}
|
110
|
+
color: $shade !important
|
111
|
+
.has-background-#{$name}
|
112
|
+
background-color: $shade !important
|
113
|
+
|
114
|
+
.has-text-weight-light
|
115
|
+
font-weight: $weight-light !important
|
116
|
+
.has-text-weight-normal
|
117
|
+
font-weight: $weight-normal !important
|
118
|
+
.has-text-weight-semibold
|
119
|
+
font-weight: $weight-semibold !important
|
120
|
+
.has-text-weight-bold
|
121
|
+
font-weight: $weight-bold !important
|
122
|
+
|
123
|
+
// Visibility
|
124
|
+
|
125
|
+
$displays: 'block' 'flex' 'inline' 'inline-block' 'inline-flex'
|
126
|
+
|
127
|
+
@each $display in $displays
|
128
|
+
.is-#{$display}
|
129
|
+
display: #{$display} !important
|
130
|
+
+mobile
|
131
|
+
.is-#{$display}-mobile
|
132
|
+
display: #{$display} !important
|
133
|
+
+tablet
|
134
|
+
.is-#{$display}-tablet
|
135
|
+
display: #{$display} !important
|
136
|
+
+tablet-only
|
137
|
+
.is-#{$display}-tablet-only
|
138
|
+
display: #{$display} !important
|
139
|
+
+touch
|
140
|
+
.is-#{$display}-touch
|
141
|
+
display: #{$display} !important
|
142
|
+
+desktop
|
143
|
+
.is-#{$display}-desktop
|
144
|
+
display: #{$display} !important
|
145
|
+
+desktop-only
|
146
|
+
.is-#{$display}-desktop-only
|
147
|
+
display: #{$display} !important
|
148
|
+
+widescreen
|
149
|
+
.is-#{$display}-widescreen
|
150
|
+
display: #{$display} !important
|
151
|
+
+widescreen-only
|
152
|
+
.is-#{$display}-widescreen-only
|
153
|
+
display: #{$display} !important
|
154
|
+
+fullhd
|
155
|
+
.is-#{$display}-fullhd
|
156
|
+
display: #{$display} !important
|
157
|
+
|
158
|
+
.is-hidden
|
159
|
+
display: none !important
|
160
|
+
|
161
|
+
+mobile
|
162
|
+
.is-hidden-mobile
|
163
|
+
display: none !important
|
164
|
+
|
165
|
+
+tablet
|
166
|
+
.is-hidden-tablet
|
167
|
+
display: none !important
|
168
|
+
|
169
|
+
+tablet-only
|
170
|
+
.is-hidden-tablet-only
|
171
|
+
display: none !important
|
172
|
+
|
173
|
+
+touch
|
174
|
+
.is-hidden-touch
|
175
|
+
display: none !important
|
176
|
+
|
177
|
+
+desktop
|
178
|
+
.is-hidden-desktop
|
179
|
+
display: none !important
|
180
|
+
|
181
|
+
+desktop-only
|
182
|
+
.is-hidden-desktop-only
|
183
|
+
display: none !important
|
184
|
+
|
185
|
+
+widescreen
|
186
|
+
.is-hidden-widescreen
|
187
|
+
display: none !important
|
188
|
+
|
189
|
+
+widescreen-only
|
190
|
+
.is-hidden-widescreen-only
|
191
|
+
display: none !important
|
192
|
+
|
193
|
+
+fullhd
|
194
|
+
.is-hidden-fullhd
|
195
|
+
display: none !important
|
196
|
+
|
197
|
+
.is-invisible
|
198
|
+
visibility: hidden !important
|
199
|
+
|
200
|
+
+mobile
|
201
|
+
.is-invisible-mobile
|
202
|
+
visibility: hidden !important
|
203
|
+
|
204
|
+
+tablet
|
205
|
+
.is-invisible-tablet
|
206
|
+
visibility: hidden !important
|
207
|
+
|
208
|
+
+tablet-only
|
209
|
+
.is-invisible-tablet-only
|
210
|
+
visibility: hidden !important
|
211
|
+
|
212
|
+
+touch
|
213
|
+
.is-invisible-touch
|
214
|
+
visibility: hidden !important
|
215
|
+
|
216
|
+
+desktop
|
217
|
+
.is-invisible-desktop
|
218
|
+
visibility: hidden !important
|
219
|
+
|
220
|
+
+desktop-only
|
221
|
+
.is-invisible-desktop-only
|
222
|
+
visibility: hidden !important
|
223
|
+
|
224
|
+
+widescreen
|
225
|
+
.is-invisible-widescreen
|
226
|
+
visibility: hidden !important
|
227
|
+
|
228
|
+
+widescreen-only
|
229
|
+
.is-invisible-widescreen-only
|
230
|
+
visibility: hidden !important
|
231
|
+
|
232
|
+
+fullhd
|
233
|
+
.is-invisible-fullhd
|
234
|
+
visibility: hidden !important
|
235
|
+
|
236
|
+
// Other
|
237
|
+
|
238
|
+
.is-marginless
|
239
|
+
margin: 0 !important
|
240
|
+
|
241
|
+
.is-paddingless
|
242
|
+
padding: 0 !important
|
243
|
+
|
244
|
+
.is-radiusless
|
245
|
+
border-radius: 0 !important
|
246
|
+
|
247
|
+
.is-shadowless
|
248
|
+
box-shadow: none !important
|
249
|
+
|
250
|
+
.is-unselectable
|
251
|
+
+unselectable
|
@@ -0,0 +1,79 @@
|
|
1
|
+
/*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */
|
2
|
+
// Blocks
|
3
|
+
html,
|
4
|
+
body,
|
5
|
+
p,
|
6
|
+
ol,
|
7
|
+
ul,
|
8
|
+
li,
|
9
|
+
dl,
|
10
|
+
dt,
|
11
|
+
dd,
|
12
|
+
blockquote,
|
13
|
+
figure,
|
14
|
+
fieldset,
|
15
|
+
legend,
|
16
|
+
textarea,
|
17
|
+
pre,
|
18
|
+
iframe,
|
19
|
+
hr,
|
20
|
+
h1,
|
21
|
+
h2,
|
22
|
+
h3,
|
23
|
+
h4,
|
24
|
+
h5,
|
25
|
+
h6
|
26
|
+
margin: 0
|
27
|
+
padding: 0
|
28
|
+
|
29
|
+
// Headings
|
30
|
+
h1,
|
31
|
+
h2,
|
32
|
+
h3,
|
33
|
+
h4,
|
34
|
+
h5,
|
35
|
+
h6
|
36
|
+
font-size: 100%
|
37
|
+
font-weight: normal
|
38
|
+
|
39
|
+
// List
|
40
|
+
ul
|
41
|
+
list-style: none
|
42
|
+
|
43
|
+
// Form
|
44
|
+
button,
|
45
|
+
input,
|
46
|
+
select,
|
47
|
+
textarea
|
48
|
+
margin: 0
|
49
|
+
|
50
|
+
// Box sizing
|
51
|
+
html
|
52
|
+
box-sizing: border-box
|
53
|
+
|
54
|
+
*
|
55
|
+
&,
|
56
|
+
&::before,
|
57
|
+
&::after
|
58
|
+
box-sizing: inherit
|
59
|
+
|
60
|
+
// Media
|
61
|
+
img,
|
62
|
+
audio,
|
63
|
+
video
|
64
|
+
height: auto
|
65
|
+
max-width: 100%
|
66
|
+
|
67
|
+
// Iframe
|
68
|
+
iframe
|
69
|
+
border: 0
|
70
|
+
|
71
|
+
// Table
|
72
|
+
table
|
73
|
+
border-collapse: collapse
|
74
|
+
border-spacing: 0
|
75
|
+
|
76
|
+
td,
|
77
|
+
th
|
78
|
+
padding: 0
|
79
|
+
text-align: left
|
data/_sass/bulma.sass
ADDED
@@ -0,0 +1,14 @@
|
|
1
|
+
@charset "utf-8"
|
2
|
+
|
3
|
+
@import "breadcrumb.sass"
|
4
|
+
@import "card.sass"
|
5
|
+
@import "dropdown.sass"
|
6
|
+
@import "level.sass"
|
7
|
+
@import "media.sass"
|
8
|
+
@import "menu.sass"
|
9
|
+
@import "message.sass"
|
10
|
+
@import "modal.sass"
|
11
|
+
@import "navbar.sass"
|
12
|
+
@import "pagination.sass"
|
13
|
+
@import "panel.sass"
|
14
|
+
@import "tabs.sass"
|
@@ -0,0 +1,75 @@
|
|
1
|
+
$breadcrumb-item-color: $link !default
|
2
|
+
$breadcrumb-item-hover-color: $link-hover !default
|
3
|
+
$breadcrumb-item-active-color: $text-strong !default
|
4
|
+
|
5
|
+
$breadcrumb-item-padding-vertical: 0 !default
|
6
|
+
$breadcrumb-item-padding-horizontal: 0.75em !default
|
7
|
+
|
8
|
+
$breadcrumb-item-separator-color: $grey-light !default
|
9
|
+
|
10
|
+
.breadcrumb
|
11
|
+
+block
|
12
|
+
+unselectable
|
13
|
+
font-size: $size-normal
|
14
|
+
white-space: nowrap
|
15
|
+
a
|
16
|
+
align-items: center
|
17
|
+
color: $breadcrumb-item-color
|
18
|
+
display: flex
|
19
|
+
justify-content: center
|
20
|
+
padding: $breadcrumb-item-padding-vertical $breadcrumb-item-padding-horizontal
|
21
|
+
&:hover
|
22
|
+
color: $breadcrumb-item-hover-color
|
23
|
+
li
|
24
|
+
align-items: center
|
25
|
+
display: flex
|
26
|
+
&:first-child a
|
27
|
+
padding-left: 0
|
28
|
+
&.is-active
|
29
|
+
a
|
30
|
+
color: $breadcrumb-item-active-color
|
31
|
+
cursor: default
|
32
|
+
pointer-events: none
|
33
|
+
& + li::before
|
34
|
+
color: $breadcrumb-item-separator-color
|
35
|
+
content: "\0002f"
|
36
|
+
ul,
|
37
|
+
ol
|
38
|
+
align-items: flex-start
|
39
|
+
display: flex
|
40
|
+
flex-wrap: wrap
|
41
|
+
justify-content: flex-start
|
42
|
+
.icon
|
43
|
+
&:first-child
|
44
|
+
margin-right: 0.5em
|
45
|
+
&:last-child
|
46
|
+
margin-left: 0.5em
|
47
|
+
// Alignment
|
48
|
+
&.is-centered
|
49
|
+
ol,
|
50
|
+
ul
|
51
|
+
justify-content: center
|
52
|
+
&.is-right
|
53
|
+
ol,
|
54
|
+
ul
|
55
|
+
justify-content: flex-end
|
56
|
+
// Sizes
|
57
|
+
&.is-small
|
58
|
+
font-size: $size-small
|
59
|
+
&.is-medium
|
60
|
+
font-size: $size-medium
|
61
|
+
&.is-large
|
62
|
+
font-size: $size-large
|
63
|
+
// Styles
|
64
|
+
&.has-arrow-separator
|
65
|
+
li + li::before
|
66
|
+
content: "\02192"
|
67
|
+
&.has-bullet-separator
|
68
|
+
li + li::before
|
69
|
+
content: "\02022"
|
70
|
+
&.has-dot-separator
|
71
|
+
li + li::before
|
72
|
+
content: "\000b7"
|
73
|
+
&.has-succeeds-separator
|
74
|
+
li + li::before
|
75
|
+
content: "\0227B"
|