bulma-clean-theme 0.1.1 → 0.1.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (66) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/head.html +1 -1
  3. data/_includes/header.html +3 -3
  4. data/_includes/latest-posts.html +2 -2
  5. data/_includes/pagination.html +2 -2
  6. data/_layouts/blog.html +2 -2
  7. data/_layouts/default.html +1 -1
  8. data/_sass/_main.scss +7 -0
  9. data/assets/css/app.scss +2 -8
  10. data/node_modules/.yarn-integrity +1 -0
  11. data/node_modules/bulma/CHANGELOG.md +1135 -0
  12. data/node_modules/bulma/LICENSE +21 -0
  13. data/node_modules/bulma/README.md +112 -0
  14. data/node_modules/bulma/bulma.sass +8 -0
  15. data/node_modules/bulma/css/bulma.css +10289 -0
  16. data/node_modules/bulma/css/bulma.css.map +1 -0
  17. data/node_modules/bulma/css/bulma.min.css +1 -0
  18. data/node_modules/bulma/package.json +48 -0
  19. data/node_modules/bulma/sass/.DS_Store +0 -0
  20. data/node_modules/bulma/sass/base/_all.sass +5 -0
  21. data/node_modules/bulma/sass/base/generic.sass +127 -0
  22. data/node_modules/bulma/sass/base/helpers.sass +261 -0
  23. data/node_modules/bulma/sass/base/minireset.sass +79 -0
  24. data/node_modules/bulma/sass/components/_all.sass +15 -0
  25. data/node_modules/bulma/sass/components/breadcrumb.sass +75 -0
  26. data/node_modules/bulma/sass/components/card.sass +74 -0
  27. data/node_modules/bulma/sass/components/dropdown.sass +77 -0
  28. data/node_modules/bulma/sass/components/level.sass +75 -0
  29. data/node_modules/bulma/sass/components/list.sass +39 -0
  30. data/node_modules/bulma/sass/components/media.sass +48 -0
  31. data/node_modules/bulma/sass/components/menu.sass +50 -0
  32. data/node_modules/bulma/sass/components/message.sass +86 -0
  33. data/node_modules/bulma/sass/components/modal.sass +113 -0
  34. data/node_modules/bulma/sass/components/navbar.sass +422 -0
  35. data/node_modules/bulma/sass/components/pagination.sass +144 -0
  36. data/node_modules/bulma/sass/components/panel.sass +101 -0
  37. data/node_modules/bulma/sass/components/tabs.sass +151 -0
  38. data/node_modules/bulma/sass/elements/_all.sass +16 -0
  39. data/node_modules/bulma/sass/elements/box.sass +24 -0
  40. data/node_modules/bulma/sass/elements/button.sass +255 -0
  41. data/node_modules/bulma/sass/elements/container.sass +25 -0
  42. data/node_modules/bulma/sass/elements/content.sass +151 -0
  43. data/node_modules/bulma/sass/elements/form.sass +630 -0
  44. data/node_modules/bulma/sass/elements/icon.sass +21 -0
  45. data/node_modules/bulma/sass/elements/image.sass +68 -0
  46. data/node_modules/bulma/sass/elements/notification.sass +35 -0
  47. data/node_modules/bulma/sass/elements/other.sass +39 -0
  48. data/node_modules/bulma/sass/elements/progress.sass +40 -0
  49. data/node_modules/bulma/sass/elements/table.sass +119 -0
  50. data/node_modules/bulma/sass/elements/tag.sass +111 -0
  51. data/node_modules/bulma/sass/elements/title.sass +64 -0
  52. data/node_modules/bulma/sass/grid/_all.sass +4 -0
  53. data/node_modules/bulma/sass/grid/columns.sass +504 -0
  54. data/node_modules/bulma/sass/grid/tiles.sass +32 -0
  55. data/node_modules/bulma/sass/layout/_all.sass +5 -0
  56. data/node_modules/bulma/sass/layout/footer.sass +5 -0
  57. data/node_modules/bulma/sass/layout/hero.sass +158 -0
  58. data/node_modules/bulma/sass/layout/section.sass +13 -0
  59. data/node_modules/bulma/sass/utilities/_all.sass +8 -0
  60. data/node_modules/bulma/sass/utilities/animations.sass +5 -0
  61. data/node_modules/bulma/sass/utilities/controls.sass +49 -0
  62. data/node_modules/bulma/sass/utilities/derived-variables.sass +84 -0
  63. data/node_modules/bulma/sass/utilities/functions.sass +62 -0
  64. data/node_modules/bulma/sass/utilities/initial-variables.sass +72 -0
  65. data/node_modules/bulma/sass/utilities/mixins.sass +261 -0
  66. metadata +59 -2
@@ -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,68 @@
1
+ $dimensions: 16 24 32 48 64 96 128 !default
2
+
3
+ .image
4
+ display: block
5
+ position: relative
6
+ img
7
+ display: block
8
+ height: auto
9
+ width: 100%
10
+ &.is-rounded
11
+ border-radius: $radius-rounded
12
+ // Ratio
13
+ &.is-square,
14
+ &.is-1by1,
15
+ &.is-5by4,
16
+ &.is-4by3,
17
+ &.is-3by2,
18
+ &.is-5by3,
19
+ &.is-16by9,
20
+ &.is-2by1,
21
+ &.is-3by1,
22
+ &.is-4by5,
23
+ &.is-3by4,
24
+ &.is-2by3,
25
+ &.is-3by5,
26
+ &.is-9by16,
27
+ &.is-1by2,
28
+ &.is-1by3
29
+ img
30
+ @extend %overlay
31
+ height: 100%
32
+ width: 100%
33
+ &.is-square,
34
+ &.is-1by1
35
+ padding-top: 100%
36
+ &.is-5by4
37
+ padding-top: 80%
38
+ &.is-4by3
39
+ padding-top: 75%
40
+ &.is-3by2
41
+ padding-top: 66.6666%
42
+ &.is-5by3
43
+ padding-top: 60%
44
+ &.is-16by9
45
+ padding-top: 56.25%
46
+ &.is-2by1
47
+ padding-top: 50%
48
+ &.is-3by1
49
+ padding-top: 33.3333%
50
+ &.is-4by5
51
+ padding-top: 125%
52
+ &.is-3by4
53
+ padding-top: 133.3333%
54
+ &.is-2by3
55
+ padding-top: 150%
56
+ &.is-3by5
57
+ padding-top: 166.6666%
58
+ &.is-9by16
59
+ padding-top: 177.7777%
60
+ &.is-1by2
61
+ padding-top: 200%
62
+ &.is-1by3
63
+ padding-top: 300%
64
+ // Sizes
65
+ @each $dimension in $dimensions
66
+ &.is-#{$dimension}x#{$dimension}
67
+ height: $dimension * 1px
68
+ width: $dimension * 1px
@@ -0,0 +1,35 @@
1
+ $notification-background-color: $background !default
2
+ $notification-radius: $radius !default
3
+ $notification-padding: 1.25rem 2.5rem 1.25rem 1.5rem !default
4
+
5
+ .notification
6
+ @extend %block
7
+ background-color: $notification-background-color
8
+ border-radius: $notification-radius
9
+ padding: $notification-padding
10
+ position: relative
11
+ a:not(.button):not(.dropdown-item)
12
+ color: currentColor
13
+ text-decoration: underline
14
+ strong
15
+ color: currentColor
16
+ code,
17
+ pre
18
+ background: $white
19
+ pre code
20
+ background: transparent
21
+ & > .delete
22
+ position: absolute
23
+ right: 0.5rem
24
+ top: 0.5rem
25
+ .title,
26
+ .subtitle,
27
+ .content
28
+ color: currentColor
29
+ // Colors
30
+ @each $name, $pair in $colors
31
+ $color: nth($pair, 1)
32
+ $color-invert: nth($pair, 2)
33
+ &.is-#{$name}
34
+ background-color: $color
35
+ color: $color-invert
@@ -0,0 +1,39 @@
1
+ .block
2
+ @extend %block
3
+
4
+ .delete
5
+ @extend %delete
6
+
7
+ .heading
8
+ display: block
9
+ font-size: 11px
10
+ letter-spacing: 1px
11
+ margin-bottom: 5px
12
+ text-transform: uppercase
13
+
14
+ .highlight
15
+ @extend %block
16
+ font-weight: $weight-normal
17
+ max-width: 100%
18
+ overflow: hidden
19
+ padding: 0
20
+ pre
21
+ overflow: auto
22
+ max-width: 100%
23
+
24
+ .loader
25
+ @extend %loader
26
+
27
+ .number
28
+ align-items: center
29
+ background-color: $background
30
+ border-radius: $radius-rounded
31
+ display: inline-flex
32
+ font-size: $size-medium
33
+ height: 2em
34
+ justify-content: center
35
+ margin-right: 1.5rem
36
+ min-width: 2.5em
37
+ padding: 0.25rem 0.5rem
38
+ text-align: center
39
+ vertical-align: top
@@ -0,0 +1,40 @@
1
+ $progress-bar-background-color: $border !default
2
+ $progress-value-background-color: $text !default
3
+
4
+ .progress
5
+ @extend %block
6
+ -moz-appearance: none
7
+ -webkit-appearance: none
8
+ border: none
9
+ border-radius: $radius-rounded
10
+ display: block
11
+ height: $size-normal
12
+ overflow: hidden
13
+ padding: 0
14
+ width: 100%
15
+ &::-webkit-progress-bar
16
+ background-color: $progress-bar-background-color
17
+ &::-webkit-progress-value
18
+ background-color: $progress-value-background-color
19
+ &::-moz-progress-bar
20
+ background-color: $progress-value-background-color
21
+ &::-ms-fill
22
+ background-color: $progress-value-background-color
23
+ border: none
24
+ // Colors
25
+ @each $name, $pair in $colors
26
+ $color: nth($pair, 1)
27
+ &.is-#{$name}
28
+ &::-webkit-progress-value
29
+ background-color: $color
30
+ &::-moz-progress-bar
31
+ background-color: $color
32
+ &::-ms-fill
33
+ background-color: $color
34
+ // Sizes
35
+ &.is-small
36
+ height: $size-small
37
+ &.is-medium
38
+ height: $size-medium
39
+ &.is-large
40
+ height: $size-large
@@ -0,0 +1,119 @@
1
+ $table-color: $grey-darker !default
2
+ $table-background-color: $white !default
3
+
4
+ $table-cell-border: 1px solid $grey-lighter !default
5
+ $table-cell-border-width: 0 0 1px !default
6
+ $table-cell-padding: 0.5em 0.75em !default
7
+ $table-cell-heading-color: $text-strong !default
8
+
9
+ $table-head-cell-border-width: 0 0 2px !default
10
+ $table-head-cell-color: $text-strong !default
11
+ $table-foot-cell-border-width: 2px 0 0 !default
12
+ $table-foot-cell-color: $text-strong !default
13
+
14
+ $table-row-hover-background-color: $white-bis !default
15
+
16
+ $table-row-active-background-color: $primary !default
17
+ $table-row-active-color: $primary-invert !default
18
+
19
+ $table-striped-row-even-background-color: $white-bis !default
20
+ $table-striped-row-even-hover-background-color: $white-ter !default
21
+
22
+ .table
23
+ @extend %block
24
+ background-color: $table-background-color
25
+ color: $table-color
26
+ td,
27
+ th
28
+ border: $table-cell-border
29
+ border-width: $table-cell-border-width
30
+ padding: $table-cell-padding
31
+ vertical-align: top
32
+ // Colors
33
+ @each $name, $pair in $colors
34
+ $color: nth($pair, 1)
35
+ $color-invert: nth($pair, 2)
36
+ &.is-#{$name}
37
+ background-color: $color
38
+ border-color: $color
39
+ color: $color-invert
40
+ // Modifiers
41
+ &.is-narrow
42
+ white-space: nowrap
43
+ width: 1%
44
+ &.is-selected
45
+ background-color: $table-row-active-background-color
46
+ color: $table-row-active-color
47
+ a,
48
+ strong
49
+ color: currentColor
50
+ th
51
+ color: $table-cell-heading-color
52
+ text-align: left
53
+ tr
54
+ &.is-selected
55
+ background-color: $table-row-active-background-color
56
+ color: $table-row-active-color
57
+ a,
58
+ strong
59
+ color: currentColor
60
+ td,
61
+ th
62
+ border-color: $table-row-active-color
63
+ color: currentColor
64
+ thead
65
+ td,
66
+ th
67
+ border-width: $table-head-cell-border-width
68
+ color: $table-head-cell-color
69
+ tfoot
70
+ td,
71
+ th
72
+ border-width: $table-foot-cell-border-width
73
+ color: $table-foot-cell-color
74
+ tbody
75
+ tr
76
+ &:last-child
77
+ td,
78
+ th
79
+ border-bottom-width: 0
80
+ // Modifiers
81
+ &.is-bordered
82
+ td,
83
+ th
84
+ border-width: 1px
85
+ tr
86
+ &:last-child
87
+ td,
88
+ th
89
+ border-bottom-width: 1px
90
+ &.is-fullwidth
91
+ width: 100%
92
+ &.is-hoverable
93
+ tbody
94
+ tr:not(.is-selected)
95
+ &:hover
96
+ background-color: $table-row-hover-background-color
97
+ &.is-striped
98
+ tbody
99
+ tr:not(.is-selected)
100
+ &:hover
101
+ background-color: $table-row-hover-background-color
102
+ &:nth-child(even)
103
+ background-color: $table-striped-row-even-hover-background-color
104
+ &.is-narrow
105
+ td,
106
+ th
107
+ padding: 0.25em 0.5em
108
+ &.is-striped
109
+ tbody
110
+ tr:not(.is-selected)
111
+ &:nth-child(even)
112
+ background-color: $table-striped-row-even-background-color
113
+
114
+ .table-container
115
+ @extend %block
116
+ +overflow-touch
117
+ overflow: auto
118
+ overflow-y: hidden
119
+ max-width: 100%
@@ -0,0 +1,111 @@
1
+ $tag-background-color: $background !default
2
+ $tag-color: $text !default
3
+ $tag-radius: $radius !default
4
+ $tag-delete-margin: 1px !default
5
+
6
+ .tags
7
+ align-items: center
8
+ display: flex
9
+ flex-wrap: wrap
10
+ justify-content: flex-start
11
+ .tag
12
+ margin-bottom: 0.5rem
13
+ &:not(:last-child)
14
+ margin-right: 0.5rem
15
+ &:last-child
16
+ margin-bottom: -0.5rem
17
+ &:not(:last-child)
18
+ margin-bottom: 1rem
19
+ &.has-addons
20
+ .tag
21
+ margin-right: 0
22
+ &:not(:first-child)
23
+ border-bottom-left-radius: 0
24
+ border-top-left-radius: 0
25
+ &:not(:last-child)
26
+ border-bottom-right-radius: 0
27
+ border-top-right-radius: 0
28
+ &.is-centered
29
+ justify-content: center
30
+ .tag
31
+ margin-right: 0.25rem
32
+ margin-left: 0.25rem
33
+ &.is-right
34
+ justify-content: flex-end
35
+ .tag
36
+ &:not(:first-child)
37
+ margin-left: 0.5rem
38
+ &:not(:last-child)
39
+ margin-right: 0
40
+
41
+ .tag:not(body)
42
+ align-items: center
43
+ background-color: $tag-background-color
44
+ border-radius: $tag-radius
45
+ color: $tag-color
46
+ display: inline-flex
47
+ font-size: $size-small
48
+ height: 2em
49
+ justify-content: center
50
+ line-height: 1.5
51
+ padding-left: 0.75em
52
+ padding-right: 0.75em
53
+ white-space: nowrap
54
+ .delete
55
+ margin-left: 0.25rem
56
+ margin-right: -0.375rem
57
+ // Colors
58
+ @each $name, $pair in $colors
59
+ $color: nth($pair, 1)
60
+ $color-invert: nth($pair, 2)
61
+ &.is-#{$name}
62
+ background-color: $color
63
+ color: $color-invert
64
+ // Sizes
65
+ &.is-medium
66
+ font-size: $size-normal
67
+ &.is-large
68
+ font-size: $size-medium
69
+ .icon
70
+ &:first-child:not(:last-child)
71
+ margin-left: -0.375em
72
+ margin-right: 0.1875em
73
+ &:last-child:not(:first-child)
74
+ margin-left: 0.1875em
75
+ margin-right: -0.375em
76
+ &:first-child:last-child
77
+ margin-left: -0.375em
78
+ margin-right: -0.375em
79
+ // Modifiers
80
+ &.is-delete
81
+ margin-left: $tag-delete-margin
82
+ padding: 0
83
+ position: relative
84
+ width: 2em
85
+ &::before,
86
+ &::after
87
+ background-color: currentColor
88
+ content: ""
89
+ display: block
90
+ left: 50%
91
+ position: absolute
92
+ top: 50%
93
+ transform: translateX(-50%) translateY(-50%) rotate(45deg)
94
+ transform-origin: center center
95
+ &::before
96
+ height: 1px
97
+ width: 50%
98
+ &::after
99
+ height: 50%
100
+ width: 1px
101
+ &:hover,
102
+ &:focus
103
+ background-color: darken($tag-background-color, 5%)
104
+ &:active
105
+ background-color: darken($tag-background-color, 10%)
106
+ &.is-rounded
107
+ border-radius: $radius-rounded
108
+
109
+ a.tag
110
+ &:hover
111
+ text-decoration: underline
@@ -0,0 +1,64 @@
1
+ $title-color: $grey-darker !default
2
+ $title-size: $size-3 !default
3
+ $title-weight: $weight-semibold !default
4
+ $title-line-height: 1.125 !default
5
+ $title-strong-color: inherit !default
6
+ $title-strong-weight: inherit !default
7
+ $title-sub-size: 0.75em !default
8
+ $title-sup-size: 0.75em !default
9
+
10
+ $subtitle-color: $grey-dark !default
11
+ $subtitle-size: $size-5 !default
12
+ $subtitle-weight: $weight-normal !default
13
+ $subtitle-line-height: 1.25 !default
14
+ $subtitle-strong-color: $grey-darker !default
15
+ $subtitle-strong-weight: $weight-semibold !default
16
+ $subtitle-negative-margin: -1.25rem !default
17
+
18
+ .title,
19
+ .subtitle
20
+ @extend %block
21
+ word-break: break-word
22
+ em,
23
+ span
24
+ font-weight: inherit
25
+ sub
26
+ font-size: $title-sub-size
27
+ sup
28
+ font-size: $title-sup-size
29
+ .tag
30
+ vertical-align: middle
31
+
32
+ .title
33
+ color: $title-color
34
+ font-size: $title-size
35
+ font-weight: $title-weight
36
+ line-height: $title-line-height
37
+ strong
38
+ color: $title-strong-color
39
+ font-weight: $title-strong-weight
40
+ & + .highlight
41
+ margin-top: -0.75rem
42
+ &:not(.is-spaced) + .subtitle
43
+ margin-top: $subtitle-negative-margin
44
+ // Sizes
45
+ @each $size in $sizes
46
+ $i: index($sizes, $size)
47
+ &.is-#{$i}
48
+ font-size: $size
49
+
50
+ .subtitle
51
+ color: $subtitle-color
52
+ font-size: $subtitle-size
53
+ font-weight: $subtitle-weight
54
+ line-height: $subtitle-line-height
55
+ strong
56
+ color: $subtitle-strong-color
57
+ font-weight: $subtitle-strong-weight
58
+ &:not(.is-spaced) + .title
59
+ margin-top: $subtitle-negative-margin
60
+ // Sizes
61
+ @each $size in $sizes
62
+ $i: index($sizes, $size)
63
+ &.is-#{$i}
64
+ font-size: $size