jekyll-bulma-feather 0.1.1

Sign up to get free protection for your applications and to get access to all the features.
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