jekyll-bulma 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (54) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +21 -0
  3. data/README.md +39 -0
  4. data/_layouts/default.html +1 -0
  5. data/_layouts/page.html +5 -0
  6. data/_layouts/post.html +5 -0
  7. data/_sass/base/_all.sass +5 -0
  8. data/_sass/base/generic.sass +127 -0
  9. data/_sass/base/helpers.sass +251 -0
  10. data/_sass/base/minireset.sass +79 -0
  11. data/_sass/bulma.sass +8 -0
  12. data/_sass/components/_all.sass +14 -0
  13. data/_sass/components/breadcrumb.sass +75 -0
  14. data/_sass/components/card.sass +74 -0
  15. data/_sass/components/dropdown.sass +74 -0
  16. data/_sass/components/level.sass +75 -0
  17. data/_sass/components/media.sass +44 -0
  18. data/_sass/components/menu.sass +50 -0
  19. data/_sass/components/message.sass +86 -0
  20. data/_sass/components/modal.sass +111 -0
  21. data/_sass/components/navbar.sass +414 -0
  22. data/_sass/components/pagination.sass +143 -0
  23. data/_sass/components/panel.sass +101 -0
  24. data/_sass/components/tabs.sass +151 -0
  25. data/_sass/elements/_all.sass +16 -0
  26. data/_sass/elements/box.sass +24 -0
  27. data/_sass/elements/button.sass +255 -0
  28. data/_sass/elements/container.sass +25 -0
  29. data/_sass/elements/content.sass +141 -0
  30. data/_sass/elements/form.sass +625 -0
  31. data/_sass/elements/icon.sass +21 -0
  32. data/_sass/elements/image.sass +68 -0
  33. data/_sass/elements/notification.sass +35 -0
  34. data/_sass/elements/other.sass +39 -0
  35. data/_sass/elements/progress.sass +40 -0
  36. data/_sass/elements/table.sass +117 -0
  37. data/_sass/elements/tag.sass +111 -0
  38. data/_sass/elements/title.sass +64 -0
  39. data/_sass/grid/_all.sass +4 -0
  40. data/_sass/grid/columns.sass +477 -0
  41. data/_sass/grid/tiles.sass +32 -0
  42. data/_sass/layout/_all.sass +5 -0
  43. data/_sass/layout/footer.sass +5 -0
  44. data/_sass/layout/hero.sass +155 -0
  45. data/_sass/layout/section.sass +13 -0
  46. data/_sass/utilities/_all.sass +8 -0
  47. data/_sass/utilities/animations.sass +5 -0
  48. data/_sass/utilities/controls.sass +46 -0
  49. data/_sass/utilities/derived-variables.sass +84 -0
  50. data/_sass/utilities/functions.sass +62 -0
  51. data/_sass/utilities/initial-variables.sass +72 -0
  52. data/_sass/utilities/mixins.sass +266 -0
  53. data/assets/main.scss +14 -0
  54. 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 }}
@@ -0,0 +1,5 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ {{ content }}
@@ -0,0 +1,5 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ {{ content }}
@@ -0,0 +1,5 @@
1
+ @charset "utf-8"
2
+
3
+ @import "minireset.sass"
4
+ @import "generic.sass"
5
+ @import "helpers.sass"
@@ -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,8 @@
1
+ @charset "utf-8"
2
+ /*! bulma.io v0.7.1 | MIT License | github.com/jgthms/bulma */
3
+ @import "utilities/_all"
4
+ @import "base/_all"
5
+ @import "elements/_all"
6
+ @import "components/_all"
7
+ @import "grid/_all"
8
+ @import "layout/_all"
@@ -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"