jekyll-bulma-feather 0.1.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 (83) hide show
  1. checksums.yaml +7 -0
  2. data/COPYING.md +88 -0
  3. data/README.md +125 -0
  4. data/_includes/feather.html +3 -0
  5. data/_includes/footer.html +14 -0
  6. data/_includes/head.html +12 -0
  7. data/_includes/header.html +8 -0
  8. data/_includes/nav.html +38 -0
  9. data/_layouts/default.html +7 -0
  10. data/_layouts/empty.html +9 -0
  11. data/_layouts/page.html +5 -0
  12. data/_layouts/post.html +5 -0
  13. data/_sass/bulma.scss +1 -0
  14. data/_sass/bulma/bulma-rtl.sass +3 -0
  15. data/_sass/bulma/bulma.sass +10 -0
  16. data/_sass/bulma/sass/base/_all.sass +6 -0
  17. data/_sass/bulma/sass/base/animations.sass +5 -0
  18. data/_sass/bulma/sass/base/generic.sass +145 -0
  19. data/_sass/bulma/sass/base/helpers.sass +1 -0
  20. data/_sass/bulma/sass/base/minireset.sass +79 -0
  21. data/_sass/bulma/sass/components/_all.sass +15 -0
  22. data/_sass/bulma/sass/components/breadcrumb.sass +77 -0
  23. data/_sass/bulma/sass/components/card.sass +102 -0
  24. data/_sass/bulma/sass/components/dropdown.sass +83 -0
  25. data/_sass/bulma/sass/components/level.sass +79 -0
  26. data/_sass/bulma/sass/components/media.sass +59 -0
  27. data/_sass/bulma/sass/components/menu.sass +59 -0
  28. data/_sass/bulma/sass/components/message.sass +101 -0
  29. data/_sass/bulma/sass/components/modal.sass +117 -0
  30. data/_sass/bulma/sass/components/navbar.sass +445 -0
  31. data/_sass/bulma/sass/components/pagination.sass +153 -0
  32. data/_sass/bulma/sass/components/panel.sass +121 -0
  33. data/_sass/bulma/sass/components/tabs.sass +176 -0
  34. data/_sass/bulma/sass/elements/_all.sass +16 -0
  35. data/_sass/bulma/sass/elements/box.sass +26 -0
  36. data/_sass/bulma/sass/elements/button.sass +344 -0
  37. data/_sass/bulma/sass/elements/container.sass +29 -0
  38. data/_sass/bulma/sass/elements/content.sass +157 -0
  39. data/_sass/bulma/sass/elements/form.sass +1 -0
  40. data/_sass/bulma/sass/elements/icon.sass +21 -0
  41. data/_sass/bulma/sass/elements/image.sass +73 -0
  42. data/_sass/bulma/sass/elements/notification.sass +52 -0
  43. data/_sass/bulma/sass/elements/other.sass +41 -0
  44. data/_sass/bulma/sass/elements/progress.sass +73 -0
  45. data/_sass/bulma/sass/elements/table.sass +133 -0
  46. data/_sass/bulma/sass/elements/tag.sass +140 -0
  47. data/_sass/bulma/sass/elements/title.sass +72 -0
  48. data/_sass/bulma/sass/form/_all.sass +9 -0
  49. data/_sass/bulma/sass/form/checkbox-radio.sass +24 -0
  50. data/_sass/bulma/sass/form/file.sass +184 -0
  51. data/_sass/bulma/sass/form/input-textarea.sass +68 -0
  52. data/_sass/bulma/sass/form/select.sass +89 -0
  53. data/_sass/bulma/sass/form/shared.sass +60 -0
  54. data/_sass/bulma/sass/form/tools.sass +217 -0
  55. data/_sass/bulma/sass/grid/_all.sass +5 -0
  56. data/_sass/bulma/sass/grid/columns.sass +513 -0
  57. data/_sass/bulma/sass/grid/tiles.sass +36 -0
  58. data/_sass/bulma/sass/helpers/_all.sass +12 -0
  59. data/_sass/bulma/sass/helpers/color.sass +39 -0
  60. data/_sass/bulma/sass/helpers/flexbox.sass +35 -0
  61. data/_sass/bulma/sass/helpers/float.sass +10 -0
  62. data/_sass/bulma/sass/helpers/other.sass +14 -0
  63. data/_sass/bulma/sass/helpers/overflow.sass +2 -0
  64. data/_sass/bulma/sass/helpers/position.sass +7 -0
  65. data/_sass/bulma/sass/helpers/spacing.sass +31 -0
  66. data/_sass/bulma/sass/helpers/typography.sass +100 -0
  67. data/_sass/bulma/sass/helpers/visibility.sass +122 -0
  68. data/_sass/bulma/sass/layout/_all.sass +6 -0
  69. data/_sass/bulma/sass/layout/footer.sass +11 -0
  70. data/_sass/bulma/sass/layout/hero.sass +149 -0
  71. data/_sass/bulma/sass/layout/section.sass +15 -0
  72. data/_sass/bulma/sass/utilities/_all.sass +8 -0
  73. data/_sass/bulma/sass/utilities/animations.sass +1 -0
  74. data/_sass/bulma/sass/utilities/controls.sass +52 -0
  75. data/_sass/bulma/sass/utilities/derived-variables.sass +110 -0
  76. data/_sass/bulma/sass/utilities/functions.sass +115 -0
  77. data/_sass/bulma/sass/utilities/initial-variables.sass +78 -0
  78. data/_sass/bulma/sass/utilities/mixins.sass +285 -0
  79. data/_sass/jekyll-bulma-feather.scss +213 -0
  80. data/assets/feather-sprite.svg +1 -0
  81. data/assets/jekyll-bulma-feather.svg +125 -0
  82. data/assets/style.scss +5 -0
  83. metadata +166 -0
@@ -0,0 +1,72 @@
1
+ @import "../utilities/mixins"
2
+
3
+ $title-color: $text-strong !default
4
+ $title-family: false !default
5
+ $title-size: $size-3 !default
6
+ $title-weight: $weight-semibold !default
7
+ $title-line-height: 1.125 !default
8
+ $title-strong-color: inherit !default
9
+ $title-strong-weight: inherit !default
10
+ $title-sub-size: 0.75em !default
11
+ $title-sup-size: 0.75em !default
12
+
13
+ $subtitle-color: $text !default
14
+ $subtitle-family: false !default
15
+ $subtitle-size: $size-5 !default
16
+ $subtitle-weight: $weight-normal !default
17
+ $subtitle-line-height: 1.25 !default
18
+ $subtitle-strong-color: $text-strong !default
19
+ $subtitle-strong-weight: $weight-semibold !default
20
+ $subtitle-negative-margin: -1.25rem !default
21
+
22
+ .title,
23
+ .subtitle
24
+ @extend %block
25
+ word-break: break-word
26
+ em,
27
+ span
28
+ font-weight: inherit
29
+ sub
30
+ font-size: $title-sub-size
31
+ sup
32
+ font-size: $title-sup-size
33
+ .tag
34
+ vertical-align: middle
35
+
36
+ .title
37
+ color: $title-color
38
+ @if $title-family
39
+ font-family: $title-family
40
+ font-size: $title-size
41
+ font-weight: $title-weight
42
+ line-height: $title-line-height
43
+ strong
44
+ color: $title-strong-color
45
+ font-weight: $title-strong-weight
46
+ & + .highlight
47
+ margin-top: -0.75rem
48
+ &:not(.is-spaced) + .subtitle
49
+ margin-top: $subtitle-negative-margin
50
+ // Sizes
51
+ @each $size in $sizes
52
+ $i: index($sizes, $size)
53
+ &.is-#{$i}
54
+ font-size: $size
55
+
56
+ .subtitle
57
+ color: $subtitle-color
58
+ @if $subtitle-family
59
+ font-family: $subtitle-family
60
+ font-size: $subtitle-size
61
+ font-weight: $subtitle-weight
62
+ line-height: $subtitle-line-height
63
+ strong
64
+ color: $subtitle-strong-color
65
+ font-weight: $subtitle-strong-weight
66
+ &:not(.is-spaced) + .title
67
+ margin-top: $subtitle-negative-margin
68
+ // Sizes
69
+ @each $size in $sizes
70
+ $i: index($sizes, $size)
71
+ &.is-#{$i}
72
+ font-size: $size
@@ -0,0 +1,9 @@
1
+ /* Bulma Form */
2
+ @charset "utf-8"
3
+
4
+ @import "shared.sass"
5
+ @import "input-textarea.sass"
6
+ @import "checkbox-radio.sass"
7
+ @import "select.sass"
8
+ @import "file.sass"
9
+ @import "tools.sass"
@@ -0,0 +1,24 @@
1
+ @import "shared"
2
+
3
+ %checkbox-radio
4
+ cursor: pointer
5
+ display: inline-block
6
+ line-height: 1.25
7
+ position: relative
8
+ input
9
+ cursor: pointer
10
+ &:hover
11
+ color: $input-hover-color
12
+ &[disabled],
13
+ fieldset[disabled] &,
14
+ input[disabled]
15
+ color: $input-disabled-color
16
+ cursor: not-allowed
17
+
18
+ .checkbox
19
+ @extend %checkbox-radio
20
+
21
+ .radio
22
+ @extend %checkbox-radio
23
+ & + .radio
24
+ +ltr-property("margin", 0.5em, false)
@@ -0,0 +1,184 @@
1
+ @import "shared"
2
+
3
+ $file-border-color: $border !default
4
+ $file-radius: $radius !default
5
+
6
+ $file-cta-background-color: $scheme-main-ter !default
7
+ $file-cta-color: $text !default
8
+ $file-cta-hover-color: $text-strong !default
9
+ $file-cta-active-color: $text-strong !default
10
+
11
+ $file-name-border-color: $border !default
12
+ $file-name-border-style: solid !default
13
+ $file-name-border-width: 1px 1px 1px 0 !default
14
+ $file-name-max-width: 16em !default
15
+
16
+ $file-colors: $form-colors !default
17
+
18
+ .file
19
+ @extend %unselectable
20
+ align-items: stretch
21
+ display: flex
22
+ justify-content: flex-start
23
+ position: relative
24
+ // Colors
25
+ @each $name, $pair in $file-colors
26
+ $color: nth($pair, 1)
27
+ $color-invert: nth($pair, 2)
28
+ &.is-#{$name}
29
+ .file-cta
30
+ background-color: $color
31
+ border-color: transparent
32
+ color: $color-invert
33
+ &:hover,
34
+ &.is-hovered
35
+ .file-cta
36
+ background-color: bulmaDarken($color, 2.5%)
37
+ border-color: transparent
38
+ color: $color-invert
39
+ &:focus,
40
+ &.is-focused
41
+ .file-cta
42
+ border-color: transparent
43
+ box-shadow: 0 0 0.5em bulmaRgba($color, 0.25)
44
+ color: $color-invert
45
+ &:active,
46
+ &.is-active
47
+ .file-cta
48
+ background-color: bulmaDarken($color, 5%)
49
+ border-color: transparent
50
+ color: $color-invert
51
+ // Sizes
52
+ &.is-small
53
+ font-size: $size-small
54
+ &.is-medium
55
+ font-size: $size-medium
56
+ .file-icon
57
+ .fa
58
+ font-size: 21px
59
+ &.is-large
60
+ font-size: $size-large
61
+ .file-icon
62
+ .fa
63
+ font-size: 28px
64
+ // Modifiers
65
+ &.has-name
66
+ .file-cta
67
+ border-bottom-right-radius: 0
68
+ border-top-right-radius: 0
69
+ .file-name
70
+ border-bottom-left-radius: 0
71
+ border-top-left-radius: 0
72
+ &.is-empty
73
+ .file-cta
74
+ border-radius: $file-radius
75
+ .file-name
76
+ display: none
77
+ &.is-boxed
78
+ .file-label
79
+ flex-direction: column
80
+ .file-cta
81
+ flex-direction: column
82
+ height: auto
83
+ padding: 1em 3em
84
+ .file-name
85
+ border-width: 0 1px 1px
86
+ .file-icon
87
+ height: 1.5em
88
+ width: 1.5em
89
+ .fa
90
+ font-size: 21px
91
+ &.is-small
92
+ .file-icon .fa
93
+ font-size: 14px
94
+ &.is-medium
95
+ .file-icon .fa
96
+ font-size: 28px
97
+ &.is-large
98
+ .file-icon .fa
99
+ font-size: 35px
100
+ &.has-name
101
+ .file-cta
102
+ border-radius: $file-radius $file-radius 0 0
103
+ .file-name
104
+ border-radius: 0 0 $file-radius $file-radius
105
+ border-width: 0 1px 1px
106
+ &.is-centered
107
+ justify-content: center
108
+ &.is-fullwidth
109
+ .file-label
110
+ width: 100%
111
+ .file-name
112
+ flex-grow: 1
113
+ max-width: none
114
+ &.is-right
115
+ justify-content: flex-end
116
+ .file-cta
117
+ border-radius: 0 $file-radius $file-radius 0
118
+ .file-name
119
+ border-radius: $file-radius 0 0 $file-radius
120
+ border-width: 1px 0 1px 1px
121
+ order: -1
122
+
123
+ .file-label
124
+ align-items: stretch
125
+ display: flex
126
+ cursor: pointer
127
+ justify-content: flex-start
128
+ overflow: hidden
129
+ position: relative
130
+ &:hover
131
+ .file-cta
132
+ background-color: bulmaDarken($file-cta-background-color, 2.5%)
133
+ color: $file-cta-hover-color
134
+ .file-name
135
+ border-color: bulmaDarken($file-name-border-color, 2.5%)
136
+ &:active
137
+ .file-cta
138
+ background-color: bulmaDarken($file-cta-background-color, 5%)
139
+ color: $file-cta-active-color
140
+ .file-name
141
+ border-color: bulmaDarken($file-name-border-color, 5%)
142
+
143
+ .file-input
144
+ height: 100%
145
+ left: 0
146
+ opacity: 0
147
+ outline: none
148
+ position: absolute
149
+ top: 0
150
+ width: 100%
151
+
152
+ .file-cta,
153
+ .file-name
154
+ @extend %control
155
+ border-color: $file-border-color
156
+ border-radius: $file-radius
157
+ font-size: 1em
158
+ padding-left: 1em
159
+ padding-right: 1em
160
+ white-space: nowrap
161
+
162
+ .file-cta
163
+ background-color: $file-cta-background-color
164
+ color: $file-cta-color
165
+
166
+ .file-name
167
+ border-color: $file-name-border-color
168
+ border-style: $file-name-border-style
169
+ border-width: $file-name-border-width
170
+ display: block
171
+ max-width: $file-name-max-width
172
+ overflow: hidden
173
+ text-align: inherit
174
+ text-overflow: ellipsis
175
+
176
+ .file-icon
177
+ align-items: center
178
+ display: flex
179
+ height: 1em
180
+ justify-content: center
181
+ +ltr-property("margin", 0.5em)
182
+ width: 1em
183
+ .fa
184
+ font-size: 14px
@@ -0,0 +1,68 @@
1
+ @import "shared"
2
+
3
+ $textarea-padding: $control-padding-horizontal !default
4
+ $textarea-max-height: 40em !default
5
+ $textarea-min-height: 8em !default
6
+
7
+ $textarea-colors: $form-colors !default
8
+
9
+ %input-textarea
10
+ @extend %input
11
+ box-shadow: $input-shadow
12
+ max-width: 100%
13
+ width: 100%
14
+ &[readonly]
15
+ box-shadow: none
16
+ // Colors
17
+ @each $name, $pair in $textarea-colors
18
+ $color: nth($pair, 1)
19
+ &.is-#{$name}
20
+ border-color: $color
21
+ &:focus,
22
+ &.is-focused,
23
+ &:active,
24
+ &.is-active
25
+ box-shadow: $input-focus-box-shadow-size bulmaRgba($color, 0.25)
26
+ // Sizes
27
+ &.is-small
28
+ +control-small
29
+ &.is-medium
30
+ +control-medium
31
+ &.is-large
32
+ +control-large
33
+ // Modifiers
34
+ &.is-fullwidth
35
+ display: block
36
+ width: 100%
37
+ &.is-inline
38
+ display: inline
39
+ width: auto
40
+
41
+ .input
42
+ @extend %input-textarea
43
+ &.is-rounded
44
+ border-radius: $radius-rounded
45
+ padding-left: calc(#{$control-padding-horizontal} + 0.375em)
46
+ padding-right: calc(#{$control-padding-horizontal} + 0.375em)
47
+ &.is-static
48
+ background-color: transparent
49
+ border-color: transparent
50
+ box-shadow: none
51
+ padding-left: 0
52
+ padding-right: 0
53
+
54
+ .textarea
55
+ @extend %input-textarea
56
+ display: block
57
+ max-width: 100%
58
+ min-width: 100%
59
+ padding: $textarea-padding
60
+ resize: vertical
61
+ &:not([rows])
62
+ max-height: $textarea-max-height
63
+ min-height: $textarea-min-height
64
+ &[rows]
65
+ height: initial
66
+ // Modifiers
67
+ &.has-fixed-size
68
+ resize: none
@@ -0,0 +1,89 @@
1
+ @import "shared"
2
+
3
+ $select-colors: $form-colors !default
4
+
5
+ .select
6
+ display: inline-block
7
+ max-width: 100%
8
+ position: relative
9
+ vertical-align: top
10
+ &:not(.is-multiple)
11
+ height: $input-height
12
+ &:not(.is-multiple):not(.is-loading)
13
+ &::after
14
+ @extend %arrow
15
+ border-color: $input-arrow
16
+ +ltr-position(1.125em)
17
+ z-index: 4
18
+ &.is-rounded
19
+ select
20
+ border-radius: $radius-rounded
21
+ +ltr-property("padding", 1em, false)
22
+ select
23
+ @extend %input
24
+ cursor: pointer
25
+ display: block
26
+ font-size: 1em
27
+ max-width: 100%
28
+ outline: none
29
+ &::-ms-expand
30
+ display: none
31
+ &[disabled]:hover,
32
+ fieldset[disabled] &:hover
33
+ border-color: $input-disabled-border-color
34
+ &:not([multiple])
35
+ +ltr-property("padding", 2.5em)
36
+ &[multiple]
37
+ height: auto
38
+ padding: 0
39
+ option
40
+ padding: 0.5em 1em
41
+ // States
42
+ &:not(.is-multiple):not(.is-loading):hover
43
+ &::after
44
+ border-color: $input-hover-color
45
+ // Colors
46
+ @each $name, $pair in $select-colors
47
+ $color: nth($pair, 1)
48
+ &.is-#{$name}
49
+ &:not(:hover)::after
50
+ border-color: $color
51
+ select
52
+ border-color: $color
53
+ &:hover,
54
+ &.is-hovered
55
+ border-color: bulmaDarken($color, 5%)
56
+ &:focus,
57
+ &.is-focused,
58
+ &:active,
59
+ &.is-active
60
+ box-shadow: $input-focus-box-shadow-size bulmaRgba($color, 0.25)
61
+ // Sizes
62
+ &.is-small
63
+ +control-small
64
+ &.is-medium
65
+ +control-medium
66
+ &.is-large
67
+ +control-large
68
+ // Modifiers
69
+ &.is-disabled
70
+ &::after
71
+ border-color: $input-disabled-color
72
+ &.is-fullwidth
73
+ width: 100%
74
+ select
75
+ width: 100%
76
+ &.is-loading
77
+ &::after
78
+ @extend %loader
79
+ margin-top: 0
80
+ position: absolute
81
+ +ltr-position(0.625em)
82
+ top: 0.625em
83
+ transform: none
84
+ &.is-small:after
85
+ font-size: $size-small
86
+ &.is-medium:after
87
+ font-size: $size-medium
88
+ &.is-large:after
89
+ font-size: $size-large