jekyll-bulma 0.0.1

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.
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"