vitrina 0.2.5 → 0.2.6

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 (187) hide show
  1. checksums.yaml +4 -4
  2. data/.editorconfig +13 -0
  3. data/.github/FUNDING.yml +4 -0
  4. data/.github/ISSUE_TEMPLATE/bug_report.md +38 -0
  5. data/.github/ISSUE_TEMPLATE/feature_request.md +20 -0
  6. data/.github/workflows/gempush.yml +41 -0
  7. data/.gitignore +7 -0
  8. data/.travis.yml +8 -0
  9. data/404.md +5 -0
  10. data/CHANGELOG.md +59 -0
  11. data/Gemfile +9 -0
  12. data/LICENSE +21 -0
  13. data/README.md +407 -0
  14. data/_config.yml +39 -0
  15. data/_data/general.json +133 -0
  16. data/_data/home.json +316 -0
  17. data/_data/links.json +34 -0
  18. data/_data/resume.json +80 -0
  19. data/_includes/foot.html +6 -0
  20. data/_includes/footer.html +21 -0
  21. data/_includes/head.html +13 -0
  22. data/_includes/header.html +63 -0
  23. data/_includes/pagination.html +75 -0
  24. data/_includes/util/grid_columns.html +49 -0
  25. data/_includes/util/item_content.html +8 -0
  26. data/_includes/util/items.html +63 -0
  27. data/_includes/util/navbar_items.html +76 -0
  28. data/_includes/util/prepend_link.html +5 -0
  29. data/_includes/util/timeline_cards.html +20 -0
  30. data/_layouts/blog.html +53 -0
  31. data/_layouts/compress.html +10 -0
  32. data/_layouts/contact.html +80 -0
  33. data/_layouts/default.html +33 -0
  34. data/_layouts/error.html +10 -0
  35. data/_layouts/home.html +103 -0
  36. data/_layouts/papers.html +80 -0
  37. data/_layouts/post.html +33 -0
  38. data/_layouts/projects.html +58 -0
  39. data/_layouts/resume.html +62 -0
  40. data/_papers/A-systematic-review-on-the-productive-effects-of-hobbies.md +15 -0
  41. data/_papers/Applications-of-open-collaboration-in-software-development.md +14 -0
  42. data/_posts/2019-04-03-welcome-human.md +52 -0
  43. data/_projects/Make.md +5 -0
  44. data/_projects/Meet.md +5 -0
  45. data/_projects/Mood.md +5 -0
  46. data/_projects/Take.md +5 -0
  47. data/_projects/Think.md +5 -0
  48. data/_sass/_bulma.scss +3 -0
  49. data/_sass/_fork_awesome.scss +11 -0
  50. data/_sass/code.scss +128 -0
  51. data/_sass/customize.scss +69 -0
  52. data/_sass/elements.scss +489 -0
  53. data/assets/css/styles.scss +15 -0
  54. data/assets/img/card.png +0 -0
  55. data/assets/img/icon.png +0 -0
  56. data/assets/img/logo.png +0 -0
  57. data/assets/img/made-with-bulma.png +0 -0
  58. data/assets/img/make.png +0 -0
  59. data/assets/img/meet.png +0 -0
  60. data/assets/img/mood.png +0 -0
  61. data/assets/img/take.png +0 -0
  62. data/assets/img/think.png +0 -0
  63. data/assets/js/navbar.js +10 -0
  64. data/assets/js/validate.js +77 -0
  65. data/blog/index.html +4 -0
  66. data/contact.md +4 -0
  67. data/index.md +3 -0
  68. data/node_modules/.yarn-integrity +18 -0
  69. data/node_modules/bulma/CHANGELOG.md +1390 -0
  70. data/node_modules/bulma/LICENSE +21 -0
  71. data/node_modules/bulma/README.md +130 -0
  72. data/node_modules/bulma/bulma.sass +9 -0
  73. data/node_modules/bulma/css/bulma.css +10855 -0
  74. data/node_modules/bulma/css/bulma.css.map +1 -0
  75. data/node_modules/bulma/css/bulma.min.css +1 -0
  76. data/node_modules/bulma/package.json +52 -0
  77. data/node_modules/bulma/sass/.DS_Store +0 -0
  78. data/node_modules/bulma/sass/base/_all.sass +5 -0
  79. data/node_modules/bulma/sass/base/generic.sass +142 -0
  80. data/node_modules/bulma/sass/base/helpers.sass +281 -0
  81. data/node_modules/bulma/sass/base/minireset.sass +79 -0
  82. data/node_modules/bulma/sass/components/_all.sass +15 -0
  83. data/node_modules/bulma/sass/components/breadcrumb.sass +75 -0
  84. data/node_modules/bulma/sass/components/card.sass +79 -0
  85. data/node_modules/bulma/sass/components/dropdown.sass +81 -0
  86. data/node_modules/bulma/sass/components/level.sass +77 -0
  87. data/node_modules/bulma/sass/components/list.sass +39 -0
  88. data/node_modules/bulma/sass/components/media.sass +50 -0
  89. data/node_modules/bulma/sass/components/menu.sass +57 -0
  90. data/node_modules/bulma/sass/components/message.sass +99 -0
  91. data/node_modules/bulma/sass/components/modal.sass +113 -0
  92. data/node_modules/bulma/sass/components/navbar.sass +441 -0
  93. data/node_modules/bulma/sass/components/pagination.sass +150 -0
  94. data/node_modules/bulma/sass/components/panel.sass +119 -0
  95. data/node_modules/bulma/sass/components/tabs.sass +151 -0
  96. data/node_modules/bulma/sass/elements/_all.sass +15 -0
  97. data/node_modules/bulma/sass/elements/box.sass +24 -0
  98. data/node_modules/bulma/sass/elements/button.sass +323 -0
  99. data/node_modules/bulma/sass/elements/container.sass +24 -0
  100. data/node_modules/bulma/sass/elements/content.sass +155 -0
  101. data/node_modules/bulma/sass/elements/form.sass +1 -0
  102. data/node_modules/bulma/sass/elements/icon.sass +21 -0
  103. data/node_modules/bulma/sass/elements/image.sass +71 -0
  104. data/node_modules/bulma/sass/elements/notification.sass +43 -0
  105. data/node_modules/bulma/sass/elements/other.sass +39 -0
  106. data/node_modules/bulma/sass/elements/progress.sass +67 -0
  107. data/node_modules/bulma/sass/elements/table.sass +127 -0
  108. data/node_modules/bulma/sass/elements/tag.sass +128 -0
  109. data/node_modules/bulma/sass/elements/title.sass +70 -0
  110. data/node_modules/bulma/sass/form/_all.sass +8 -0
  111. data/node_modules/bulma/sass/form/checkbox-radio.sass +21 -0
  112. data/node_modules/bulma/sass/form/file.sass +180 -0
  113. data/node_modules/bulma/sass/form/input-textarea.sass +64 -0
  114. data/node_modules/bulma/sass/form/select.sass +85 -0
  115. data/node_modules/bulma/sass/form/shared.sass +55 -0
  116. data/node_modules/bulma/sass/form/tools.sass +205 -0
  117. data/node_modules/bulma/sass/grid/_all.sass +4 -0
  118. data/node_modules/bulma/sass/grid/columns.sass +504 -0
  119. data/node_modules/bulma/sass/grid/tiles.sass +34 -0
  120. data/node_modules/bulma/sass/layout/_all.sass +5 -0
  121. data/node_modules/bulma/sass/layout/footer.sass +9 -0
  122. data/node_modules/bulma/sass/layout/hero.sass +145 -0
  123. data/node_modules/bulma/sass/layout/section.sass +13 -0
  124. data/node_modules/bulma/sass/utilities/.DS_Store +0 -0
  125. data/node_modules/bulma/sass/utilities/_all.sass +8 -0
  126. data/node_modules/bulma/sass/utilities/animations.sass +5 -0
  127. data/node_modules/bulma/sass/utilities/controls.sass +50 -0
  128. data/node_modules/bulma/sass/utilities/derived-variables.sass +106 -0
  129. data/node_modules/bulma/sass/utilities/functions.sass +110 -0
  130. data/node_modules/bulma/sass/utilities/initial-variables.sass +77 -0
  131. data/node_modules/bulma/sass/utilities/mixins.sass +261 -0
  132. data/node_modules/fork-awesome/CHANGELOG.md +91 -0
  133. data/node_modules/fork-awesome/CONTRIBUTORS.md +31 -0
  134. data/node_modules/fork-awesome/LICENSES +452 -0
  135. data/node_modules/fork-awesome/README.md +93 -0
  136. data/node_modules/fork-awesome/css/fork-awesome.css +2573 -0
  137. data/node_modules/fork-awesome/css/fork-awesome.min.css +12 -0
  138. data/node_modules/fork-awesome/css/fork-awesome.min.css.map +1 -0
  139. data/node_modules/fork-awesome/css/v5-compat.css +446 -0
  140. data/node_modules/fork-awesome/css/v5-compat.min.css +12 -0
  141. data/node_modules/fork-awesome/css/v5-compat.min.css.map +1 -0
  142. data/node_modules/fork-awesome/fonts/forkawesome-webfont.eot +0 -0
  143. data/node_modules/fork-awesome/fonts/forkawesome-webfont.svg +2849 -0
  144. data/node_modules/fork-awesome/fonts/forkawesome-webfont.ttf +0 -0
  145. data/node_modules/fork-awesome/fonts/forkawesome-webfont.woff +0 -0
  146. data/node_modules/fork-awesome/fonts/forkawesome-webfont.woff2 +0 -0
  147. data/node_modules/fork-awesome/less/animated.less +34 -0
  148. data/node_modules/fork-awesome/less/bordered-pulled.less +25 -0
  149. data/node_modules/fork-awesome/less/core.less +12 -0
  150. data/node_modules/fork-awesome/less/fixed-width.less +6 -0
  151. data/node_modules/fork-awesome/less/fork-awesome.less +27 -0
  152. data/node_modules/fork-awesome/less/icons.less +879 -0
  153. data/node_modules/fork-awesome/less/larger.less +13 -0
  154. data/node_modules/fork-awesome/less/list.less +19 -0
  155. data/node_modules/fork-awesome/less/mixins.less +60 -0
  156. data/node_modules/fork-awesome/less/path.less +15 -0
  157. data/node_modules/fork-awesome/less/rotated-flipped.less +20 -0
  158. data/node_modules/fork-awesome/less/screen-reader.less +5 -0
  159. data/node_modules/fork-awesome/less/stacked.less +20 -0
  160. data/node_modules/fork-awesome/less/v5-compat.less +176 -0
  161. data/node_modules/fork-awesome/less/variables.less +890 -0
  162. data/node_modules/fork-awesome/package.json +49 -0
  163. data/node_modules/fork-awesome/scss/_animated.scss +34 -0
  164. data/node_modules/fork-awesome/scss/_bordered-pulled.scss +25 -0
  165. data/node_modules/fork-awesome/scss/_core.scss +12 -0
  166. data/node_modules/fork-awesome/scss/_fixed-width.scss +6 -0
  167. data/node_modules/fork-awesome/scss/_functions.scss +11 -0
  168. data/node_modules/fork-awesome/scss/_icons.scss +879 -0
  169. data/node_modules/fork-awesome/scss/_larger.scss +13 -0
  170. data/node_modules/fork-awesome/scss/_list.scss +19 -0
  171. data/node_modules/fork-awesome/scss/_mixins.scss +60 -0
  172. data/node_modules/fork-awesome/scss/_path.scss +15 -0
  173. data/node_modules/fork-awesome/scss/_rotated-flipped.scss +20 -0
  174. data/node_modules/fork-awesome/scss/_screen-reader.scss +5 -0
  175. data/node_modules/fork-awesome/scss/_stacked.scss +20 -0
  176. data/node_modules/fork-awesome/scss/_variables.scss +890 -0
  177. data/node_modules/fork-awesome/scss/fork-awesome.scss +28 -0
  178. data/package.json +32 -0
  179. data/papers.md +4 -0
  180. data/projects.md +4 -0
  181. data/resume.md +4 -0
  182. data/screenshot.png +0 -0
  183. data/scripts/build.sh +10 -0
  184. data/scripts/install.sh +4 -0
  185. data/scripts/validate.rb +28 -0
  186. data/vitrina.gemspec +23 -0
  187. metadata +187 -2
@@ -0,0 +1,79 @@
1
+ /*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
2
+ // Blocks
3
+ html,
4
+ body,
5
+ p,
6
+ ol,
7
+ ul,
8
+ li,
9
+ dl,
10
+ dt,
11
+ dd,
12
+ blockquote,
13
+ figure,
14
+ fieldset,
15
+ legend,
16
+ textarea,
17
+ pre,
18
+ iframe,
19
+ hr,
20
+ h1,
21
+ h2,
22
+ h3,
23
+ h4,
24
+ h5,
25
+ h6
26
+ margin: 0
27
+ padding: 0
28
+
29
+ // Headings
30
+ h1,
31
+ h2,
32
+ h3,
33
+ h4,
34
+ h5,
35
+ h6
36
+ font-size: 100%
37
+ font-weight: normal
38
+
39
+ // List
40
+ ul
41
+ list-style: none
42
+
43
+ // Form
44
+ button,
45
+ input,
46
+ select,
47
+ textarea
48
+ margin: 0
49
+
50
+ // Box sizing
51
+ html
52
+ box-sizing: border-box
53
+
54
+ *
55
+ &,
56
+ &::before,
57
+ &::after
58
+ box-sizing: inherit
59
+
60
+ // Media
61
+ img,
62
+ video
63
+ height: auto
64
+ max-width: 100%
65
+
66
+ // Iframe
67
+ iframe
68
+ border: 0
69
+
70
+ // Table
71
+ table
72
+ border-collapse: collapse
73
+ border-spacing: 0
74
+
75
+ td,
76
+ th
77
+ padding: 0
78
+ &:not([align])
79
+ text-align: left
@@ -0,0 +1,15 @@
1
+ @charset "utf-8"
2
+
3
+ @import "breadcrumb.sass"
4
+ @import "card.sass"
5
+ @import "dropdown.sass"
6
+ @import "level.sass"
7
+ @import "list.sass"
8
+ @import "media.sass"
9
+ @import "menu.sass"
10
+ @import "message.sass"
11
+ @import "modal.sass"
12
+ @import "navbar.sass"
13
+ @import "pagination.sass"
14
+ @import "panel.sass"
15
+ @import "tabs.sass"
@@ -0,0 +1,75 @@
1
+ $breadcrumb-item-color: $link !default
2
+ $breadcrumb-item-hover-color: $link-hover !default
3
+ $breadcrumb-item-active-color: $text-strong !default
4
+
5
+ $breadcrumb-item-padding-vertical: 0 !default
6
+ $breadcrumb-item-padding-horizontal: 0.75em !default
7
+
8
+ $breadcrumb-item-separator-color: $border-hover !default
9
+
10
+ .breadcrumb
11
+ @extend %block
12
+ @extend %unselectable
13
+ font-size: $size-normal
14
+ white-space: nowrap
15
+ a
16
+ align-items: center
17
+ color: $breadcrumb-item-color
18
+ display: flex
19
+ justify-content: center
20
+ padding: $breadcrumb-item-padding-vertical $breadcrumb-item-padding-horizontal
21
+ &:hover
22
+ color: $breadcrumb-item-hover-color
23
+ li
24
+ align-items: center
25
+ display: flex
26
+ &:first-child a
27
+ padding-left: 0
28
+ &.is-active
29
+ a
30
+ color: $breadcrumb-item-active-color
31
+ cursor: default
32
+ pointer-events: none
33
+ & + li::before
34
+ color: $breadcrumb-item-separator-color
35
+ content: "\0002f"
36
+ ul,
37
+ ol
38
+ align-items: flex-start
39
+ display: flex
40
+ flex-wrap: wrap
41
+ justify-content: flex-start
42
+ .icon
43
+ &:first-child
44
+ margin-right: 0.5em
45
+ &:last-child
46
+ margin-left: 0.5em
47
+ // Alignment
48
+ &.is-centered
49
+ ol,
50
+ ul
51
+ justify-content: center
52
+ &.is-right
53
+ ol,
54
+ ul
55
+ justify-content: flex-end
56
+ // Sizes
57
+ &.is-small
58
+ font-size: $size-small
59
+ &.is-medium
60
+ font-size: $size-medium
61
+ &.is-large
62
+ font-size: $size-large
63
+ // Styles
64
+ &.has-arrow-separator
65
+ li + li::before
66
+ content: "\02192"
67
+ &.has-bullet-separator
68
+ li + li::before
69
+ content: "\02022"
70
+ &.has-dot-separator
71
+ li + li::before
72
+ content: "\000b7"
73
+ &.has-succeeds-separator
74
+ li + li::before
75
+ content: "\0227B"
@@ -0,0 +1,79 @@
1
+ $card-color: $text !default
2
+ $card-background-color: $scheme-main !default
3
+ $card-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02) !default
4
+
5
+ $card-header-background-color: transparent !default
6
+ $card-header-color: $text-strong !default
7
+ $card-header-padding: 0.75rem 1rem !default
8
+ $card-header-shadow: 0 0.125em 0.25em rgba($scheme-invert, 0.1) !default
9
+ $card-header-weight: $weight-bold !default
10
+
11
+ $card-content-background-color: transparent !default
12
+ $card-content-padding: 1.5rem !default
13
+
14
+ $card-footer-background-color: transparent !default
15
+ $card-footer-border-top: 1px solid $border-light !default
16
+ $card-footer-padding: 0.75rem !default
17
+
18
+ $card-media-margin: $block-spacing !default
19
+
20
+ .card
21
+ background-color: $card-background-color
22
+ box-shadow: $card-shadow
23
+ color: $card-color
24
+ max-width: 100%
25
+ position: relative
26
+
27
+ .card-header
28
+ background-color: $card-header-background-color
29
+ align-items: stretch
30
+ box-shadow: $card-header-shadow
31
+ display: flex
32
+
33
+ .card-header-title
34
+ align-items: center
35
+ color: $card-header-color
36
+ display: flex
37
+ flex-grow: 1
38
+ font-weight: $card-header-weight
39
+ padding: $card-header-padding
40
+ &.is-centered
41
+ justify-content: center
42
+
43
+ .card-header-icon
44
+ align-items: center
45
+ cursor: pointer
46
+ display: flex
47
+ justify-content: center
48
+ padding: $card-header-padding
49
+
50
+ .card-image
51
+ display: block
52
+ position: relative
53
+
54
+ .card-content
55
+ background-color: $card-content-background-color
56
+ padding: $card-content-padding
57
+
58
+ .card-footer
59
+ background-color: $card-footer-background-color
60
+ border-top: $card-footer-border-top
61
+ align-items: stretch
62
+ display: flex
63
+
64
+ .card-footer-item
65
+ align-items: center
66
+ display: flex
67
+ flex-basis: 0
68
+ flex-grow: 1
69
+ flex-shrink: 0
70
+ justify-content: center
71
+ padding: $card-footer-padding
72
+ &:not(:last-child)
73
+ border-right: $card-footer-border-top
74
+
75
+ // Combinations
76
+
77
+ .card
78
+ .media:not(:last-child)
79
+ margin-bottom: $card-media-margin
@@ -0,0 +1,81 @@
1
+ $dropdown-menu-min-width: 12rem !default
2
+
3
+ $dropdown-content-background-color: $scheme-main !default
4
+ $dropdown-content-arrow: $link !default
5
+ $dropdown-content-offset: 4px !default
6
+ $dropdown-content-padding-bottom: 0.5rem !default
7
+ $dropdown-content-padding-top: 0.5rem !default
8
+ $dropdown-content-radius: $radius !default
9
+ $dropdown-content-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02) !default
10
+ $dropdown-content-z: 20 !default
11
+
12
+ $dropdown-item-color: $text !default
13
+ $dropdown-item-hover-color: $scheme-invert !default
14
+ $dropdown-item-hover-background-color: $background !default
15
+ $dropdown-item-active-color: $link-invert !default
16
+ $dropdown-item-active-background-color: $link !default
17
+
18
+ $dropdown-divider-background-color: $border-light !default
19
+
20
+ .dropdown
21
+ display: inline-flex
22
+ position: relative
23
+ vertical-align: top
24
+ &.is-active,
25
+ &.is-hoverable:hover
26
+ .dropdown-menu
27
+ display: block
28
+ &.is-right
29
+ .dropdown-menu
30
+ left: auto
31
+ right: 0
32
+ &.is-up
33
+ .dropdown-menu
34
+ bottom: 100%
35
+ padding-bottom: $dropdown-content-offset
36
+ padding-top: initial
37
+ top: auto
38
+
39
+ .dropdown-menu
40
+ display: none
41
+ left: 0
42
+ min-width: $dropdown-menu-min-width
43
+ padding-top: $dropdown-content-offset
44
+ position: absolute
45
+ top: 100%
46
+ z-index: $dropdown-content-z
47
+
48
+ .dropdown-content
49
+ background-color: $dropdown-content-background-color
50
+ border-radius: $dropdown-content-radius
51
+ box-shadow: $dropdown-content-shadow
52
+ padding-bottom: $dropdown-content-padding-bottom
53
+ padding-top: $dropdown-content-padding-top
54
+
55
+ .dropdown-item
56
+ color: $dropdown-item-color
57
+ display: block
58
+ font-size: 0.875rem
59
+ line-height: 1.5
60
+ padding: 0.375rem 1rem
61
+ position: relative
62
+
63
+ a.dropdown-item,
64
+ button.dropdown-item
65
+ padding-right: 3rem
66
+ text-align: left
67
+ white-space: nowrap
68
+ width: 100%
69
+ &:hover
70
+ background-color: $dropdown-item-hover-background-color
71
+ color: $dropdown-item-hover-color
72
+ &.is-active
73
+ background-color: $dropdown-item-active-background-color
74
+ color: $dropdown-item-active-color
75
+
76
+ .dropdown-divider
77
+ background-color: $dropdown-divider-background-color
78
+ border: none
79
+ display: block
80
+ height: 1px
81
+ margin: 0.5rem 0
@@ -0,0 +1,77 @@
1
+ $level-item-spacing: ($block-spacing / 2) !default
2
+
3
+ .level
4
+ @extend %block
5
+ align-items: center
6
+ justify-content: space-between
7
+ code
8
+ border-radius: $radius
9
+ img
10
+ display: inline-block
11
+ vertical-align: top
12
+ // Modifiers
13
+ &.is-mobile
14
+ display: flex
15
+ .level-left,
16
+ .level-right
17
+ display: flex
18
+ .level-left + .level-right
19
+ margin-top: 0
20
+ .level-item
21
+ &:not(:last-child)
22
+ margin-bottom: 0
23
+ margin-right: $level-item-spacing
24
+ &:not(.is-narrow)
25
+ flex-grow: 1
26
+ // Responsiveness
27
+ +tablet
28
+ display: flex
29
+ & > .level-item
30
+ &:not(.is-narrow)
31
+ flex-grow: 1
32
+
33
+ .level-item
34
+ align-items: center
35
+ display: flex
36
+ flex-basis: auto
37
+ flex-grow: 0
38
+ flex-shrink: 0
39
+ justify-content: center
40
+ .title,
41
+ .subtitle
42
+ margin-bottom: 0
43
+ // Responsiveness
44
+ +mobile
45
+ &:not(:last-child)
46
+ margin-bottom: $level-item-spacing
47
+
48
+ .level-left,
49
+ .level-right
50
+ flex-basis: auto
51
+ flex-grow: 0
52
+ flex-shrink: 0
53
+ .level-item
54
+ // Modifiers
55
+ &.is-flexible
56
+ flex-grow: 1
57
+ // Responsiveness
58
+ +tablet
59
+ &:not(:last-child)
60
+ margin-right: $level-item-spacing
61
+
62
+ .level-left
63
+ align-items: center
64
+ justify-content: flex-start
65
+ // Responsiveness
66
+ +mobile
67
+ & + .level-right
68
+ margin-top: 1.5rem
69
+ +tablet
70
+ display: flex
71
+
72
+ .level-right
73
+ align-items: center
74
+ justify-content: flex-end
75
+ // Responsiveness
76
+ +tablet
77
+ display: flex
@@ -0,0 +1,39 @@
1
+ $list-background-color: $scheme-main !default
2
+ $list-shadow: 0 2px 3px rgba($scheme-invert, 0.1), 0 0 0 1px rgba($scheme-invert, 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