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 @@
1
+ @warn "The form.sass file is DEPRECATED. It has moved into its own /form folder. Please import sass/form/_all instead."
@@ -0,0 +1,21 @@
1
+ $icon-dimensions: 1.5rem !default
2
+ $icon-dimensions-small: 1rem !default
3
+ $icon-dimensions-medium: 2rem !default
4
+ $icon-dimensions-large: 3rem !default
5
+
6
+ .icon
7
+ align-items: center
8
+ display: inline-flex
9
+ justify-content: center
10
+ height: $icon-dimensions
11
+ width: $icon-dimensions
12
+ // Sizes
13
+ &.is-small
14
+ height: $icon-dimensions-small
15
+ width: $icon-dimensions-small
16
+ &.is-medium
17
+ height: $icon-dimensions-medium
18
+ width: $icon-dimensions-medium
19
+ &.is-large
20
+ height: $icon-dimensions-large
21
+ width: $icon-dimensions-large
@@ -0,0 +1,73 @@
1
+ @import "../utilities/mixins"
2
+
3
+ $dimensions: 16 24 32 48 64 96 128 !default
4
+
5
+ .image
6
+ display: block
7
+ position: relative
8
+ img
9
+ display: block
10
+ height: auto
11
+ width: 100%
12
+ &.is-rounded
13
+ border-radius: $radius-rounded
14
+ &.is-fullwidth
15
+ width: 100%
16
+ // Ratio
17
+ &.is-square,
18
+ &.is-1by1,
19
+ &.is-5by4,
20
+ &.is-4by3,
21
+ &.is-3by2,
22
+ &.is-5by3,
23
+ &.is-16by9,
24
+ &.is-2by1,
25
+ &.is-3by1,
26
+ &.is-4by5,
27
+ &.is-3by4,
28
+ &.is-2by3,
29
+ &.is-3by5,
30
+ &.is-9by16,
31
+ &.is-1by2,
32
+ &.is-1by3
33
+ img,
34
+ .has-ratio
35
+ @extend %overlay
36
+ height: 100%
37
+ width: 100%
38
+ &.is-square,
39
+ &.is-1by1
40
+ padding-top: 100%
41
+ &.is-5by4
42
+ padding-top: 80%
43
+ &.is-4by3
44
+ padding-top: 75%
45
+ &.is-3by2
46
+ padding-top: 66.6666%
47
+ &.is-5by3
48
+ padding-top: 60%
49
+ &.is-16by9
50
+ padding-top: 56.25%
51
+ &.is-2by1
52
+ padding-top: 50%
53
+ &.is-3by1
54
+ padding-top: 33.3333%
55
+ &.is-4by5
56
+ padding-top: 125%
57
+ &.is-3by4
58
+ padding-top: 133.3333%
59
+ &.is-2by3
60
+ padding-top: 150%
61
+ &.is-3by5
62
+ padding-top: 166.6666%
63
+ &.is-9by16
64
+ padding-top: 177.7777%
65
+ &.is-1by2
66
+ padding-top: 200%
67
+ &.is-1by3
68
+ padding-top: 300%
69
+ // Sizes
70
+ @each $dimension in $dimensions
71
+ &.is-#{$dimension}x#{$dimension}
72
+ height: $dimension * 1px
73
+ width: $dimension * 1px
@@ -0,0 +1,52 @@
1
+ @import "../utilities/mixins"
2
+
3
+ $notification-background-color: $background !default
4
+ $notification-code-background-color: $scheme-main !default
5
+ $notification-radius: $radius !default
6
+ $notification-padding: 1.25rem 2.5rem 1.25rem 1.5rem !default
7
+ $notification-padding-ltr: 1.25rem 2.5rem 1.25rem 1.5rem !default
8
+ $notification-padding-rtl: 1.25rem 1.5rem 1.25rem 2.5rem !default
9
+
10
+ $notification-colors: $colors !default
11
+
12
+ .notification
13
+ @extend %block
14
+ background-color: $notification-background-color
15
+ border-radius: $notification-radius
16
+ position: relative
17
+ +ltr
18
+ padding: $notification-padding-ltr
19
+ +rtl
20
+ padding: $notification-padding-rtl
21
+ a:not(.button):not(.dropdown-item)
22
+ color: currentColor
23
+ text-decoration: underline
24
+ strong
25
+ color: currentColor
26
+ code,
27
+ pre
28
+ background: $notification-code-background-color
29
+ pre code
30
+ background: transparent
31
+ & > .delete
32
+ +ltr-position(0.5rem)
33
+ position: absolute
34
+ top: 0.5rem
35
+ .title,
36
+ .subtitle,
37
+ .content
38
+ color: currentColor
39
+ // Colors
40
+ @each $name, $pair in $notification-colors
41
+ $color: nth($pair, 1)
42
+ $color-invert: nth($pair, 2)
43
+ &.is-#{$name}
44
+ background-color: $color
45
+ color: $color-invert
46
+ // If light and dark colors are provided
47
+ @if length($pair) >= 4
48
+ $color-light: nth($pair, 3)
49
+ $color-dark: nth($pair, 4)
50
+ &.is-light
51
+ background-color: $color-light
52
+ color: $color-dark
@@ -0,0 +1,41 @@
1
+ @import "../utilities/mixins"
2
+
3
+ .block
4
+ @extend %block
5
+
6
+ .delete
7
+ @extend %delete
8
+
9
+ .heading
10
+ display: block
11
+ font-size: 11px
12
+ letter-spacing: 1px
13
+ margin-bottom: 5px
14
+ text-transform: uppercase
15
+
16
+ .highlight
17
+ @extend %block
18
+ font-weight: $weight-normal
19
+ max-width: 100%
20
+ overflow: hidden
21
+ padding: 0
22
+ pre
23
+ overflow: auto
24
+ max-width: 100%
25
+
26
+ .loader
27
+ @extend %loader
28
+
29
+ .number
30
+ align-items: center
31
+ background-color: $background
32
+ border-radius: $radius-rounded
33
+ display: inline-flex
34
+ font-size: $size-medium
35
+ height: 2em
36
+ justify-content: center
37
+ margin-right: 1.5rem
38
+ min-width: 2.5em
39
+ padding: 0.25rem 0.5rem
40
+ text-align: center
41
+ vertical-align: top
@@ -0,0 +1,73 @@
1
+ @import "../utilities/mixins"
2
+
3
+ $progress-bar-background-color: $border-light !default
4
+ $progress-value-background-color: $text !default
5
+ $progress-border-radius: $radius-rounded !default
6
+
7
+ $progress-indeterminate-duration: 1.5s !default
8
+
9
+ $progress-colors: $colors !default
10
+
11
+ .progress
12
+ @extend %block
13
+ -moz-appearance: none
14
+ -webkit-appearance: none
15
+ border: none
16
+ border-radius: $progress-border-radius
17
+ display: block
18
+ height: $size-normal
19
+ overflow: hidden
20
+ padding: 0
21
+ width: 100%
22
+ &::-webkit-progress-bar
23
+ background-color: $progress-bar-background-color
24
+ &::-webkit-progress-value
25
+ background-color: $progress-value-background-color
26
+ &::-moz-progress-bar
27
+ background-color: $progress-value-background-color
28
+ &::-ms-fill
29
+ background-color: $progress-value-background-color
30
+ border: none
31
+ // Colors
32
+ @each $name, $pair in $progress-colors
33
+ $color: nth($pair, 1)
34
+ &.is-#{$name}
35
+ &::-webkit-progress-value
36
+ background-color: $color
37
+ &::-moz-progress-bar
38
+ background-color: $color
39
+ &::-ms-fill
40
+ background-color: $color
41
+ &:indeterminate
42
+ background-image: linear-gradient(to right, $color 30%, $progress-bar-background-color 30%)
43
+
44
+ &:indeterminate
45
+ animation-duration: $progress-indeterminate-duration
46
+ animation-iteration-count: infinite
47
+ animation-name: moveIndeterminate
48
+ animation-timing-function: linear
49
+ background-color: $progress-bar-background-color
50
+ background-image: linear-gradient(to right, $text 30%, $progress-bar-background-color 30%)
51
+ background-position: top left
52
+ background-repeat: no-repeat
53
+ background-size: 150% 150%
54
+ &::-webkit-progress-bar
55
+ background-color: transparent
56
+ &::-moz-progress-bar
57
+ background-color: transparent
58
+ &::-ms-fill
59
+ animation-name: none
60
+
61
+ // Sizes
62
+ &.is-small
63
+ height: $size-small
64
+ &.is-medium
65
+ height: $size-medium
66
+ &.is-large
67
+ height: $size-large
68
+
69
+ @keyframes moveIndeterminate
70
+ from
71
+ background-position: 200% 0
72
+ to
73
+ background-position: -200% 0
@@ -0,0 +1,133 @@
1
+ @import "../utilities/mixins"
2
+
3
+ $table-color: $text-strong !default
4
+ $table-background-color: $scheme-main !default
5
+
6
+ $table-cell-border: 1px solid $border !default
7
+ $table-cell-border-width: 0 0 1px !default
8
+ $table-cell-padding: 0.5em 0.75em !default
9
+ $table-cell-heading-color: $text-strong !default
10
+
11
+ $table-head-cell-border-width: 0 0 2px !default
12
+ $table-head-cell-color: $text-strong !default
13
+ $table-foot-cell-border-width: 2px 0 0 !default
14
+ $table-foot-cell-color: $text-strong !default
15
+
16
+ $table-head-background-color: transparent !default
17
+ $table-body-background-color: transparent !default
18
+ $table-foot-background-color: transparent !default
19
+
20
+ $table-row-hover-background-color: $scheme-main-bis !default
21
+
22
+ $table-row-active-background-color: $primary !default
23
+ $table-row-active-color: $primary-invert !default
24
+
25
+ $table-striped-row-even-background-color: $scheme-main-bis !default
26
+ $table-striped-row-even-hover-background-color: $scheme-main-ter !default
27
+
28
+ $table-colors: $colors !default
29
+
30
+ .table
31
+ @extend %block
32
+ background-color: $table-background-color
33
+ color: $table-color
34
+ td,
35
+ th
36
+ border: $table-cell-border
37
+ border-width: $table-cell-border-width
38
+ padding: $table-cell-padding
39
+ vertical-align: top
40
+ // Colors
41
+ @each $name, $pair in $table-colors
42
+ $color: nth($pair, 1)
43
+ $color-invert: nth($pair, 2)
44
+ &.is-#{$name}
45
+ background-color: $color
46
+ border-color: $color
47
+ color: $color-invert
48
+ // Modifiers
49
+ &.is-narrow
50
+ white-space: nowrap
51
+ width: 1%
52
+ &.is-selected
53
+ background-color: $table-row-active-background-color
54
+ color: $table-row-active-color
55
+ a,
56
+ strong
57
+ color: currentColor
58
+ &.is-vcentered
59
+ vertical-align: middle
60
+ th
61
+ color: $table-cell-heading-color
62
+ &:not([align])
63
+ text-align: inherit
64
+ tr
65
+ &.is-selected
66
+ background-color: $table-row-active-background-color
67
+ color: $table-row-active-color
68
+ a,
69
+ strong
70
+ color: currentColor
71
+ td,
72
+ th
73
+ border-color: $table-row-active-color
74
+ color: currentColor
75
+ thead
76
+ background-color: $table-head-background-color
77
+ td,
78
+ th
79
+ border-width: $table-head-cell-border-width
80
+ color: $table-head-cell-color
81
+ tfoot
82
+ background-color: $table-foot-background-color
83
+ td,
84
+ th
85
+ border-width: $table-foot-cell-border-width
86
+ color: $table-foot-cell-color
87
+ tbody
88
+ background-color: $table-body-background-color
89
+ tr
90
+ &:last-child
91
+ td,
92
+ th
93
+ border-bottom-width: 0
94
+ // Modifiers
95
+ &.is-bordered
96
+ td,
97
+ th
98
+ border-width: 1px
99
+ tr
100
+ &:last-child
101
+ td,
102
+ th
103
+ border-bottom-width: 1px
104
+ &.is-fullwidth
105
+ width: 100%
106
+ &.is-hoverable
107
+ tbody
108
+ tr:not(.is-selected)
109
+ &:hover
110
+ background-color: $table-row-hover-background-color
111
+ &.is-striped
112
+ tbody
113
+ tr:not(.is-selected)
114
+ &:hover
115
+ background-color: $table-row-hover-background-color
116
+ &:nth-child(even)
117
+ background-color: $table-striped-row-even-hover-background-color
118
+ &.is-narrow
119
+ td,
120
+ th
121
+ padding: 0.25em 0.5em
122
+ &.is-striped
123
+ tbody
124
+ tr:not(.is-selected)
125
+ &:nth-child(even)
126
+ background-color: $table-striped-row-even-background-color
127
+
128
+ .table-container
129
+ @extend %block
130
+ +overflow-touch
131
+ overflow: auto
132
+ overflow-y: hidden
133
+ max-width: 100%
@@ -0,0 +1,140 @@
1
+ @import "../utilities/mixins"
2
+
3
+ $tag-background-color: $background !default
4
+ $tag-color: $text !default
5
+ $tag-radius: $radius !default
6
+ $tag-delete-margin: 1px !default
7
+
8
+ $tag-colors: $colors !default
9
+
10
+ .tags
11
+ align-items: center
12
+ display: flex
13
+ flex-wrap: wrap
14
+ justify-content: flex-start
15
+ .tag
16
+ margin-bottom: 0.5rem
17
+ &:not(:last-child)
18
+ +ltr-property("margin", 0.5rem)
19
+ &:last-child
20
+ margin-bottom: -0.5rem
21
+ &:not(:last-child)
22
+ margin-bottom: 1rem
23
+ // Sizes
24
+ &.are-medium
25
+ .tag:not(.is-normal):not(.is-large)
26
+ font-size: $size-normal
27
+ &.are-large
28
+ .tag:not(.is-normal):not(.is-medium)
29
+ font-size: $size-medium
30
+ &.is-centered
31
+ justify-content: center
32
+ .tag
33
+ margin-right: 0.25rem
34
+ margin-left: 0.25rem
35
+ &.is-right
36
+ justify-content: flex-end
37
+ .tag
38
+ &:not(:first-child)
39
+ margin-left: 0.5rem
40
+ &:not(:last-child)
41
+ margin-right: 0
42
+ &.has-addons
43
+ .tag
44
+ +ltr-property("margin", 0)
45
+ &:not(:first-child)
46
+ +ltr-property("margin", 0, false)
47
+ +ltr
48
+ border-top-left-radius: 0
49
+ border-bottom-left-radius: 0
50
+ +rtl
51
+ border-top-right-radius: 0
52
+ border-bottom-right-radius: 0
53
+ &:not(:last-child)
54
+ +ltr
55
+ border-top-right-radius: 0
56
+ border-bottom-right-radius: 0
57
+ +rtl
58
+ border-top-left-radius: 0
59
+ border-bottom-left-radius: 0
60
+
61
+ .tag:not(body)
62
+ align-items: center
63
+ background-color: $tag-background-color
64
+ border-radius: $tag-radius
65
+ color: $tag-color
66
+ display: inline-flex
67
+ font-size: $size-small
68
+ height: 2em
69
+ justify-content: center
70
+ line-height: 1.5
71
+ padding-left: 0.75em
72
+ padding-right: 0.75em
73
+ white-space: nowrap
74
+ .delete
75
+ +ltr-property("margin", 0.25rem, false)
76
+ +ltr-property("margin", -0.375rem)
77
+ // Colors
78
+ @each $name, $pair in $tag-colors
79
+ $color: nth($pair, 1)
80
+ $color-invert: nth($pair, 2)
81
+ &.is-#{$name}
82
+ background-color: $color
83
+ color: $color-invert
84
+ // If a light and dark colors are provided
85
+ @if length($pair) > 3
86
+ $color-light: nth($pair, 3)
87
+ $color-dark: nth($pair, 4)
88
+ &.is-light
89
+ background-color: $color-light
90
+ color: $color-dark
91
+ // Sizes
92
+ &.is-normal
93
+ font-size: $size-small
94
+ &.is-medium
95
+ font-size: $size-normal
96
+ &.is-large
97
+ font-size: $size-medium
98
+ .icon
99
+ &:first-child:not(:last-child)
100
+ +ltr-property("margin", -0.375em, false)
101
+ +ltr-property("margin", 0.1875em)
102
+ &:last-child:not(:first-child)
103
+ +ltr-property("margin", 0.1875em, false)
104
+ +ltr-property("margin", -0.375em)
105
+ &:first-child:last-child
106
+ +ltr-property("margin", -0.375em, false)
107
+ +ltr-property("margin", -0.375em)
108
+ // Modifiers
109
+ &.is-delete
110
+ +ltr-property("margin", $tag-delete-margin, false)
111
+ padding: 0
112
+ position: relative
113
+ width: 2em
114
+ &::before,
115
+ &::after
116
+ background-color: currentColor
117
+ content: ""
118
+ display: block
119
+ left: 50%
120
+ position: absolute
121
+ top: 50%
122
+ transform: translateX(-50%) translateY(-50%) rotate(45deg)
123
+ transform-origin: center center
124
+ &::before
125
+ height: 1px
126
+ width: 50%
127
+ &::after
128
+ height: 50%
129
+ width: 1px
130
+ &:hover,
131
+ &:focus
132
+ background-color: darken($tag-background-color, 5%)
133
+ &:active
134
+ background-color: darken($tag-background-color, 10%)
135
+ &.is-rounded
136
+ border-radius: $radius-rounded
137
+
138
+ a.tag
139
+ &:hover
140
+ text-decoration: underline