mere-blog-theme 0.3 → 0.4

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 (70) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +4 -9
  3. data/_includes/navbar.html +0 -1
  4. data/_layouts/homepage.html +2 -6
  5. data/node_modules/bulma/CHANGELOG.md +207 -2
  6. data/node_modules/bulma/LICENSE +1 -1
  7. data/node_modules/bulma/README.md +15 -9
  8. data/node_modules/bulma/bulma.sass +2 -1
  9. data/node_modules/bulma/css/bulma-rtl.css +11331 -0
  10. data/node_modules/bulma/css/bulma-rtl.css.map +1 -0
  11. data/node_modules/bulma/css/bulma-rtl.min.css +1 -0
  12. data/node_modules/bulma/css/bulma.css +6975 -6243
  13. data/node_modules/bulma/css/bulma.css.map +1 -1
  14. data/node_modules/bulma/css/bulma.min.css +1 -1
  15. data/node_modules/bulma/package.json +23 -19
  16. data/node_modules/bulma/sass/base/_all.sass +0 -1
  17. data/node_modules/bulma/sass/base/generic.sass +2 -2
  18. data/node_modules/bulma/sass/base/helpers.sass +1 -281
  19. data/node_modules/bulma/sass/base/minireset.sass +2 -8
  20. data/node_modules/bulma/sass/components/_all.sass +0 -1
  21. data/node_modules/bulma/sass/components/breadcrumb.sass +4 -4
  22. data/node_modules/bulma/sass/components/card.sass +6 -6
  23. data/node_modules/bulma/sass/components/dropdown.sass +8 -8
  24. data/node_modules/bulma/sass/components/level.sass +2 -2
  25. data/node_modules/bulma/sass/components/media.sass +14 -10
  26. data/node_modules/bulma/sass/components/menu.sass +2 -2
  27. data/node_modules/bulma/sass/components/message.sass +23 -11
  28. data/node_modules/bulma/sass/components/modal.sass +4 -4
  29. data/node_modules/bulma/sass/components/navbar.sass +24 -26
  30. data/node_modules/bulma/sass/components/pagination.sass +7 -6
  31. data/node_modules/bulma/sass/components/panel.sass +29 -13
  32. data/node_modules/bulma/sass/components/tabs.sass +36 -13
  33. data/node_modules/bulma/sass/elements/box.sass +4 -4
  34. data/node_modules/bulma/sass/elements/button.sass +46 -28
  35. data/node_modules/bulma/sass/elements/container.sass +5 -4
  36. data/node_modules/bulma/sass/elements/content.sass +5 -5
  37. data/node_modules/bulma/sass/elements/image.sass +2 -0
  38. data/node_modules/bulma/sass/elements/notification.sass +16 -3
  39. data/node_modules/bulma/sass/elements/progress.sass +1 -1
  40. data/node_modules/bulma/sass/elements/table.sass +9 -7
  41. data/node_modules/bulma/sass/elements/tag.sass +31 -16
  42. data/node_modules/bulma/sass/elements/title.sass +3 -3
  43. data/node_modules/bulma/sass/form/checkbox-radio.sass +1 -1
  44. data/node_modules/bulma/sass/form/file.sass +13 -13
  45. data/node_modules/bulma/sass/form/input-textarea.sass +10 -6
  46. data/node_modules/bulma/sass/form/select.sass +6 -6
  47. data/node_modules/bulma/sass/form/shared.sass +12 -12
  48. data/node_modules/bulma/sass/form/tools.sass +19 -11
  49. data/node_modules/bulma/sass/helpers/_all.sass +10 -0
  50. data/node_modules/bulma/sass/helpers/color.sass +37 -0
  51. data/node_modules/bulma/sass/helpers/float.sass +8 -0
  52. data/node_modules/bulma/sass/helpers/other.sass +8 -0
  53. data/node_modules/bulma/sass/helpers/overflow.sass +2 -0
  54. data/node_modules/bulma/sass/helpers/position.sass +5 -0
  55. data/node_modules/bulma/sass/helpers/spacing.sass +28 -0
  56. data/node_modules/bulma/sass/helpers/typography.sass +98 -0
  57. data/node_modules/bulma/sass/helpers/visibility.sass +122 -0
  58. data/node_modules/bulma/sass/layout/footer.sass +1 -1
  59. data/node_modules/bulma/sass/layout/hero.sass +22 -20
  60. data/node_modules/bulma/sass/utilities/_all.sass +1 -1
  61. data/node_modules/bulma/sass/utilities/controls.sass +3 -3
  62. data/node_modules/bulma/sass/utilities/derived-variables.scss +132 -0
  63. data/node_modules/bulma/sass/utilities/functions.sass +68 -15
  64. data/node_modules/bulma/sass/utilities/initial-variables.sass +5 -3
  65. data/node_modules/bulma/sass/utilities/mixins.sass +29 -5
  66. data/package-lock.json +3 -3
  67. data/package.json +1 -1
  68. metadata +16 -5
  69. data/node_modules/bulma/sass/components/list.sass +0 -39
  70. data/node_modules/bulma/sass/utilities/derived-variables.sass +0 -85
@@ -0,0 +1,132 @@
1
+ $primary: $turquoise !default;
2
+
3
+ $info : $cyan !default;
4
+ $success: $green !default;
5
+ $warning: $yellow !default;
6
+ $danger : $red !default;
7
+
8
+ $light : $white-ter !default;
9
+ $dark : $grey-darker !default;
10
+
11
+ // Invert colors
12
+
13
+ $orange-invert : findColorInvert($orange) !default;
14
+ $yellow-invert : findColorInvert($yellow) !default;
15
+ $green-invert : findColorInvert($green) !default;
16
+ $turquoise-invert: findColorInvert($turquoise) !default;
17
+ $cyan-invert : findColorInvert($cyan) !default;
18
+ $blue-invert : findColorInvert($blue) !default;
19
+ $purple-invert : findColorInvert($purple) !default;
20
+ $red-invert : findColorInvert($red) !default;
21
+
22
+ $primary-invert : findColorInvert($primary) !default;
23
+ $primary-light : findLightColor($primary) !default;
24
+ $primary-dark : findDarkColor($primary) !default;
25
+ $info-invert : findColorInvert($info) !default;
26
+ $info-light : findLightColor($info) !default;
27
+ $info-dark : findDarkColor($info) !default;
28
+ $success-invert : findColorInvert($success) !default;
29
+ $success-light : findLightColor($success) !default;
30
+ $success-dark : findDarkColor($success) !default;
31
+ $warning-invert : findColorInvert($warning) !default;
32
+ $warning-light : findLightColor($warning) !default;
33
+ $warning-dark : findDarkColor($warning) !default;
34
+ $danger-invert : findColorInvert($danger) !default;
35
+ $danger-light : findLightColor($danger) !default;
36
+ $danger-dark : findDarkColor($danger) !default;
37
+ $light-invert : findColorInvert($light) !default;
38
+ $dark-invert : findColorInvert($dark) !default;
39
+
40
+ // General colors
41
+
42
+ $scheme-main : $white !default;
43
+ $scheme-main-bis : $white-bis !default;
44
+ $scheme-main-ter : $white-ter !default;
45
+ $scheme-invert : $black !default;
46
+ $scheme-invert-bis : $black-bis !default;
47
+ $scheme-invert-ter : $black-ter !default;
48
+
49
+ $background : $white-ter !default;
50
+
51
+ $border : $grey-lighter !default;
52
+ $border-hover : $grey-light !default;
53
+ $border-light : $grey-lightest !default;
54
+ $border-light-hover: $grey-light !default;
55
+
56
+ // Text colors
57
+
58
+ $text : $grey-dark !default;
59
+ $text-invert: findColorInvert($text) !default;
60
+ $text-light : $grey !default;
61
+ $text-strong: $grey-darker !default;
62
+
63
+ // Code colors
64
+
65
+ $code : $red !default;
66
+ $code-background: $background !default;
67
+
68
+ $pre : $text !default;
69
+ $pre-background : $background !default;
70
+
71
+ // Link colors
72
+
73
+ $link : $blue !default;
74
+ $link-invert : findColorInvert($link) !default;
75
+ $link-light : findLightColor($link) !default;
76
+ $link-dark : findDarkColor($link) !default;
77
+ $link-visited : $purple !default;
78
+
79
+ $link-hover : $grey-darker !default;
80
+ $link-hover-border : $grey-light !default;
81
+
82
+ $link-focus : $grey-darker !default;
83
+ $link-focus-border : $blue !default;
84
+
85
+ $link-active : $grey-darker !default;
86
+ $link-active-border: $grey-dark !default;
87
+
88
+ // Typography
89
+
90
+ $family-primary : $family-sans-serif !default;
91
+ $family-secondary: $family-sans-serif !default;
92
+ $family-code : $family-monospace !default;
93
+
94
+ $size-small : $size-7 !default;
95
+ $size-normal: $size-6 !default;
96
+ $size-medium: $size-5 !default;
97
+ $size-large : $size-4 !default;
98
+
99
+ // Lists and maps
100
+ $custom-colors: null !default;
101
+ $custom-shades: null !default;
102
+
103
+ $colors: mergeColorMaps(
104
+ (
105
+ "white" : ($white, $black),
106
+ "black" : ($black, $white),
107
+ "light" : ($light, $light-invert),
108
+ "dark" : ($dark, $dark-invert),
109
+ "primary": ($primary, $primary-invert, $primary-light, $primary-dark),
110
+ "link" : ($link, $link-invert, $link-light, $link-dark),
111
+ "info" : ($info, $info-invert, $info-light, $info-dark),
112
+ "success": ($success, $success-invert, $success-light, $success-dark),
113
+ "warning": ($warning, $warning-invert, $warning-light, $warning-dark),
114
+ "danger" : ($danger, $danger-invert, $danger-light, $danger-dark)),
115
+ $custom-colors
116
+ ) !default;
117
+
118
+ $shades: mergeColorMaps(
119
+ (
120
+ "black-bis" : $black-bis,
121
+ "black-ter" : $black-ter,
122
+ "grey-darker" : $grey-darker,
123
+ "grey-dark" : $grey-dark,
124
+ "grey" : $grey,
125
+ "grey-light" : $grey-light,
126
+ "grey-lighter": $grey-lighter,
127
+ "white-ter" : $white-ter,
128
+ "white-bis" : $white-bis),
129
+ $custom-shades
130
+ ) !default;
131
+
132
+ $sizes: $size-1 $size-2 $size-3 $size-4 $size-5 $size-6 $size-7 !default;
@@ -1,34 +1,53 @@
1
1
  @function mergeColorMaps($bulma-colors, $custom-colors)
2
- // we return at least bulma hardcoded colors
2
+ // We return at least Bulma's hard-coded colors
3
3
  $merged-colors: $bulma-colors
4
4
 
5
- // we want a map as input
5
+ // We want a map as input
6
6
  @if type-of($custom-colors) == 'map'
7
7
  @each $name, $components in $custom-colors
8
- // color name should be a string and colors pair a list with at least one element
8
+ // The color name should be a string
9
+ // and the components either a single color
10
+ // or a colors list with at least one element
9
11
  @if type-of($name) == 'string' and (type-of($components) == 'list' or type-of($components) == 'color') and length($components) >= 1
10
12
  $color-base: null
13
+ $color-invert: null
14
+ $color-light: null
15
+ $color-dark: null
16
+ $value: null
11
17
 
12
- // the param can either be a single color
18
+ // The param can either be a single color
13
19
  // or a list of 2 colors
14
20
  @if type-of($components) == 'color'
15
21
  $color-base: $components
22
+ $color-invert: findColorInvert($color-base)
23
+ $color-light: findLightColor($color-base)
24
+ $color-dark: findDarkColor($color-base)
16
25
  @else if type-of($components) == 'list'
17
26
  $color-base: nth($components, 1)
27
+ // If Invert, Light and Dark are provided
28
+ @if length($components) > 3
29
+ $color-invert: nth($components, 2)
30
+ $color-light: nth($components, 3)
31
+ $color-dark: nth($components, 4)
32
+ // If only Invert and Light are provided
33
+ @else if length($components) > 2
34
+ $color-invert: nth($components, 2)
35
+ $color-light: nth($components, 3)
36
+ $color-dark: findDarkColor($color-base)
37
+ // If only Invert is provided
38
+ @else
39
+ $color-invert: nth($components, 2)
40
+ $color-light: findLightColor($color-base)
41
+ $color-dark: findDarkColor($color-base)
18
42
 
19
- $color-invert: null
20
- // is an inverted color provided in the list
21
- @if length($components) > 1
22
- $color-invert: nth($components, 2)
43
+ $value: ($color-base, $color-invert, $color-light, $color-dark)
23
44
 
24
- // we only want a color as base color
45
+ // We only want to merge the map if the color base is an actual color
25
46
  @if type-of($color-base) == 'color'
26
- // if inverted color is not provided or is not a color we compute it
27
- @if type-of($color-invert) != 'color'
28
- $color-invert: findColorInvert($color-base)
29
-
30
- // we merge this colors elements as map with bulma colors (we can override them this way, no multiple definition for the same name)
31
- $merged-colors: map_merge($merged-colors, ($name: ($color-base, $color-invert)))
47
+ // We merge this colors elements as map with Bulma's colors map
48
+ // (we can override them this way, no multiple definition for the same name)
49
+ // $merged-colors: map_merge($merged-colors, ($name: ($color-base, $color-invert, $color-light, $color-dark)))
50
+ $merged-colors: map_merge($merged-colors, ($name: $value))
32
51
 
33
52
  @return $merged-colors
34
53
 
@@ -43,6 +62,8 @@
43
62
  @return $value
44
63
 
45
64
  @function colorLuminance($color)
65
+ @if type-of($color) != 'color'
66
+ @return 0.55
46
67
  $color-rgb: ('red': red($color),'green': green($color),'blue': blue($color))
47
68
  @each $name, $value in $color-rgb
48
69
  $adjusted: 0
@@ -60,3 +81,35 @@
60
81
  @return rgba(#000, 0.7)
61
82
  @else
62
83
  @return #fff
84
+
85
+ @function findLightColor($color)
86
+ @if type-of($color) == 'color'
87
+ $l: 96%
88
+ @if lightness($color) > 96%
89
+ $l: lightness($color)
90
+ @return change-color($color, $lightness: $l)
91
+ @return $background
92
+
93
+ @function findDarkColor($color)
94
+ @if type-of($color) == 'color'
95
+ $base-l: 29%
96
+ $luminance: colorLuminance($color)
97
+ $luminance-delta: (0.53 - $luminance)
98
+ $target-l: round($base-l + ($luminance-delta * 53))
99
+ @return change-color($color, $lightness: max($base-l, $target-l))
100
+ @return $text-strong
101
+
102
+ @function bulmaRgba($color, $alpha)
103
+ @if type-of($color) != 'color'
104
+ @return $color
105
+ @return rgba($color, $alpha)
106
+
107
+ @function bulmaDarken($color, $amount)
108
+ @if type-of($color) != 'color'
109
+ @return $color
110
+ @return darken($color, $amount)
111
+
112
+ @function bulmaLighten($color, $amount)
113
+ @if type-of($color) != 'color'
114
+ @return $color
115
+ @return lighten($color, $amount)
@@ -9,6 +9,7 @@ $grey-dark: hsl(0, 0%, 29%) !default
9
9
  $grey: hsl(0, 0%, 48%) !default
10
10
  $grey-light: hsl(0, 0%, 71%) !default
11
11
  $grey-lighter: hsl(0, 0%, 86%) !default
12
+ $grey-lightest: hsl(0, 0%, 93%) !default
12
13
 
13
14
  $white-ter: hsl(0, 0%, 96%) !default
14
15
  $white-bis: hsl(0, 0%, 98%) !default
@@ -16,12 +17,12 @@ $white: hsl(0, 0%, 100%) !default
16
17
 
17
18
  $orange: hsl(14, 100%, 53%) !default
18
19
  $yellow: hsl(48, 100%, 67%) !default
19
- $green: hsl(141, 71%, 48%) !default
20
+ $green: hsl(141, 53%, 53%) !default
20
21
  $turquoise: hsl(171, 100%, 41%) !default
21
- $cyan: hsl(204, 86%, 53%) !default
22
+ $cyan: hsl(204, 71%, 53%) !default
22
23
  $blue: hsl(217, 71%, 53%) !default
23
24
  $purple: hsl(271, 100%, 71%) !default
24
- $red: hsl(348, 100%, 61%) !default
25
+ $red: hsl(348, 86%, 61%) !default
25
26
 
26
27
  // Typography
27
28
 
@@ -74,3 +75,4 @@ $speed: 86ms !default
74
75
  // Flags
75
76
 
76
77
  $variable-columns: true !default
78
+ $rtl: false !default
@@ -48,7 +48,7 @@
48
48
  &:nth-child(3)
49
49
  top: calc(50% + 4px)
50
50
  &:hover
51
- background-color: rgba(black, 0.05)
51
+ background-color: bulmaRgba(black, 0.05)
52
52
  // Modifers
53
53
  &.is-active
54
54
  span
@@ -128,6 +128,30 @@
128
128
  @media screen and (min-width: $fullhd)
129
129
  @content
130
130
 
131
+ =ltr
132
+ @if not $rtl
133
+ @content
134
+
135
+ =rtl
136
+ @if $rtl
137
+ @content
138
+
139
+ =ltr-property($property, $spacing, $right: true)
140
+ $normal: if($right, "right", "left")
141
+ $opposite: if($right, "left", "right")
142
+ @if $rtl
143
+ #{$property}-#{$opposite}: $spacing
144
+ @else
145
+ #{$property}-#{$normal}: $spacing
146
+
147
+ =ltr-position($spacing, $right: true)
148
+ $normal: if($right, "right", "left")
149
+ $opposite: if($right, "left", "right")
150
+ @if $rtl
151
+ #{$opposite}: $spacing
152
+ @else
153
+ #{$normal}: $spacing
154
+
131
155
  // Placeholders
132
156
 
133
157
  =unselectable
@@ -170,7 +194,7 @@
170
194
  @extend %unselectable
171
195
  -moz-appearance: none
172
196
  -webkit-appearance: none
173
- background-color: rgba($black, 0.2)
197
+ background-color: bulmaRgba($scheme-invert, 0.2)
174
198
  border: none
175
199
  border-radius: $radius-rounded
176
200
  cursor: pointer
@@ -190,7 +214,7 @@
190
214
  width: 20px
191
215
  &::before,
192
216
  &::after
193
- background-color: $white
217
+ background-color: $scheme-main
194
218
  content: ""
195
219
  display: block
196
220
  left: 50%
@@ -206,9 +230,9 @@
206
230
  width: 2px
207
231
  &:hover,
208
232
  &:focus
209
- background-color: rgba($black, 0.3)
233
+ background-color: bulmaRgba($scheme-invert, 0.3)
210
234
  &:active
211
- background-color: rgba($black, 0.4)
235
+ background-color: bulmaRgba($scheme-invert, 0.4)
212
236
  // Sizes
213
237
  &.is-small
214
238
  height: 16px
@@ -5,9 +5,9 @@
5
5
  "requires": true,
6
6
  "dependencies": {
7
7
  "bulma": {
8
- "version": "0.7.5",
9
- "resolved": "https://registry.npmjs.org/bulma/-/bulma-0.7.5.tgz",
10
- "integrity": "sha512-cX98TIn0I6sKba/DhW0FBjtaDpxTelU166pf7ICXpCCuplHWyu6C9LYZmL5PEsnePIeJaiorsTEzzNk3Tsm1hw=="
8
+ "version": "0.9.0",
9
+ "resolved": "https://registry.npmjs.org/bulma/-/bulma-0.9.0.tgz",
10
+ "integrity": "sha512-rV75CJkubNUroAt0qCRkjznZLoaXq/ctfMXsMvKSL84UetbSyx5REl96e8GoQ04G4Tkw0XF3STECffTOQrbzOQ=="
11
11
  }
12
12
  }
13
13
  }
@@ -12,6 +12,6 @@
12
12
  "author": "chrisrhymes",
13
13
  "license": "MIT",
14
14
  "dependencies": {
15
- "bulma": "^0.7.5"
15
+ "bulma": "^0.9"
16
16
  }
17
17
  }
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: mere-blog-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: '0.3'
4
+ version: '0.4'
5
5
  platform: ruby
6
6
  authors:
7
7
  - chrisrhymes
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2019-12-16 00:00:00.000000000 Z
11
+ date: 2020-08-22 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -171,6 +171,9 @@ files:
171
171
  - node_modules/bulma/LICENSE
172
172
  - node_modules/bulma/README.md
173
173
  - node_modules/bulma/bulma.sass
174
+ - node_modules/bulma/css/bulma-rtl.css
175
+ - node_modules/bulma/css/bulma-rtl.css.map
176
+ - node_modules/bulma/css/bulma-rtl.min.css
174
177
  - node_modules/bulma/css/bulma.css
175
178
  - node_modules/bulma/css/bulma.css.map
176
179
  - node_modules/bulma/css/bulma.min.css
@@ -184,7 +187,6 @@ files:
184
187
  - node_modules/bulma/sass/components/card.sass
185
188
  - node_modules/bulma/sass/components/dropdown.sass
186
189
  - node_modules/bulma/sass/components/level.sass
187
- - node_modules/bulma/sass/components/list.sass
188
190
  - node_modules/bulma/sass/components/media.sass
189
191
  - node_modules/bulma/sass/components/menu.sass
190
192
  - node_modules/bulma/sass/components/message.sass
@@ -217,6 +219,15 @@ files:
217
219
  - node_modules/bulma/sass/grid/_all.sass
218
220
  - node_modules/bulma/sass/grid/columns.sass
219
221
  - node_modules/bulma/sass/grid/tiles.sass
222
+ - node_modules/bulma/sass/helpers/_all.sass
223
+ - node_modules/bulma/sass/helpers/color.sass
224
+ - node_modules/bulma/sass/helpers/float.sass
225
+ - node_modules/bulma/sass/helpers/other.sass
226
+ - node_modules/bulma/sass/helpers/overflow.sass
227
+ - node_modules/bulma/sass/helpers/position.sass
228
+ - node_modules/bulma/sass/helpers/spacing.sass
229
+ - node_modules/bulma/sass/helpers/typography.sass
230
+ - node_modules/bulma/sass/helpers/visibility.sass
220
231
  - node_modules/bulma/sass/layout/_all.sass
221
232
  - node_modules/bulma/sass/layout/footer.sass
222
233
  - node_modules/bulma/sass/layout/hero.sass
@@ -224,7 +235,7 @@ files:
224
235
  - node_modules/bulma/sass/utilities/_all.sass
225
236
  - node_modules/bulma/sass/utilities/animations.sass
226
237
  - node_modules/bulma/sass/utilities/controls.sass
227
- - node_modules/bulma/sass/utilities/derived-variables.sass
238
+ - node_modules/bulma/sass/utilities/derived-variables.scss
228
239
  - node_modules/bulma/sass/utilities/functions.sass
229
240
  - node_modules/bulma/sass/utilities/initial-variables.sass
230
241
  - node_modules/bulma/sass/utilities/mixins.sass
@@ -249,7 +260,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
249
260
  - !ruby/object:Gem::Version
250
261
  version: '0'
251
262
  requirements: []
252
- rubygems_version: 3.0.3
263
+ rubygems_version: 3.1.2
253
264
  signing_key:
254
265
  specification_version: 4
255
266
  summary: Mere is a minimal and simple blog theme, and nothing more, for use with Jekyll
@@ -1,39 +0,0 @@
1
- $list-background-color: $white !default
2
- $list-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) !default
3
- $list-radius: $radius !default
4
-
5
- $list-item-border: 1px solid $border !default
6
- $list-item-color: $text !default
7
- $list-item-active-background-color: $link !default
8
- $list-item-active-color: $link-invert !default
9
- $list-item-hover-background-color: $background !default
10
-
11
- .list
12
- @extend %block
13
- background-color: $list-background-color
14
- border-radius: $list-radius
15
- box-shadow: $list-shadow
16
- // &.is-hoverable > .list-item:hover:not(.is-active)
17
- // background-color: $list-item-hover-background-color
18
- // cursor: pointer
19
-
20
- .list-item
21
- display: block
22
- padding: 0.5em 1em
23
- &:not(a)
24
- color: $list-item-color
25
- &:first-child
26
- border-top-left-radius: $list-radius
27
- border-top-right-radius: $list-radius
28
- &:last-child
29
- border-bottom-left-radius: $list-radius
30
- border-bottom-right-radius: $list-radius
31
- &:not(:last-child)
32
- border-bottom: $list-item-border
33
- &.is-active
34
- background-color: $list-item-active-background-color
35
- color: $list-item-active-color
36
-
37
- a.list-item
38
- background-color: $list-item-hover-background-color
39
- cursor: pointer