vitrina 0.2.2 → 0.3.0

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 (198) 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 +81 -0
  11. data/Gemfile +9 -0
  12. data/LICENSE +21 -0
  13. data/README.md +501 -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 +69 -0
  27. data/_includes/util/navbar_items.html +82 -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 +32 -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 +52 -0
  67. data/index.md +3 -0
  68. data/node_modules/.yarn-integrity +18 -0
  69. data/node_modules/bulma/CHANGELOG.md +1459 -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 +10 -0
  73. data/node_modules/bulma/css/bulma-rtl.css +11331 -0
  74. data/node_modules/bulma/css/bulma-rtl.css.map +1 -0
  75. data/node_modules/bulma/css/bulma-rtl.min.css +1 -0
  76. data/node_modules/bulma/css/bulma.css +11331 -0
  77. data/node_modules/bulma/css/bulma.css.map +1 -0
  78. data/node_modules/bulma/css/bulma.min.css +1 -0
  79. data/node_modules/bulma/package.json +56 -0
  80. data/node_modules/bulma/sass/.DS_Store +0 -0
  81. data/node_modules/bulma/sass/base/_all.sass +4 -0
  82. data/node_modules/bulma/sass/base/generic.sass +142 -0
  83. data/node_modules/bulma/sass/base/helpers.sass +1 -0
  84. data/node_modules/bulma/sass/base/minireset.sass +79 -0
  85. data/node_modules/bulma/sass/components/_all.sass +14 -0
  86. data/node_modules/bulma/sass/components/breadcrumb.sass +75 -0
  87. data/node_modules/bulma/sass/components/card.sass +79 -0
  88. data/node_modules/bulma/sass/components/dropdown.sass +81 -0
  89. data/node_modules/bulma/sass/components/level.sass +77 -0
  90. data/node_modules/bulma/sass/components/media.sass +52 -0
  91. data/node_modules/bulma/sass/components/menu.sass +57 -0
  92. data/node_modules/bulma/sass/components/message.sass +99 -0
  93. data/node_modules/bulma/sass/components/modal.sass +113 -0
  94. data/node_modules/bulma/sass/components/navbar.sass +441 -0
  95. data/node_modules/bulma/sass/components/pagination.sass +150 -0
  96. data/node_modules/bulma/sass/components/panel.sass +119 -0
  97. data/node_modules/bulma/sass/components/tabs.sass +174 -0
  98. data/node_modules/bulma/sass/elements/_all.sass +15 -0
  99. data/node_modules/bulma/sass/elements/box.sass +24 -0
  100. data/node_modules/bulma/sass/elements/button.sass +323 -0
  101. data/node_modules/bulma/sass/elements/container.sass +24 -0
  102. data/node_modules/bulma/sass/elements/content.sass +155 -0
  103. data/node_modules/bulma/sass/elements/form.sass +1 -0
  104. data/node_modules/bulma/sass/elements/icon.sass +21 -0
  105. data/node_modules/bulma/sass/elements/image.sass +71 -0
  106. data/node_modules/bulma/sass/elements/notification.sass +48 -0
  107. data/node_modules/bulma/sass/elements/other.sass +39 -0
  108. data/node_modules/bulma/sass/elements/progress.sass +67 -0
  109. data/node_modules/bulma/sass/elements/table.sass +129 -0
  110. data/node_modules/bulma/sass/elements/tag.sass +136 -0
  111. data/node_modules/bulma/sass/elements/title.sass +70 -0
  112. data/node_modules/bulma/sass/form/_all.sass +8 -0
  113. data/node_modules/bulma/sass/form/checkbox-radio.sass +21 -0
  114. data/node_modules/bulma/sass/form/file.sass +180 -0
  115. data/node_modules/bulma/sass/form/input-textarea.sass +64 -0
  116. data/node_modules/bulma/sass/form/select.sass +85 -0
  117. data/node_modules/bulma/sass/form/shared.sass +55 -0
  118. data/node_modules/bulma/sass/form/tools.sass +213 -0
  119. data/node_modules/bulma/sass/grid/_all.sass +4 -0
  120. data/node_modules/bulma/sass/grid/columns.sass +504 -0
  121. data/node_modules/bulma/sass/grid/tiles.sass +34 -0
  122. data/node_modules/bulma/sass/helpers/_all.sass +10 -0
  123. data/node_modules/bulma/sass/helpers/color.sass +37 -0
  124. data/node_modules/bulma/sass/helpers/float.sass +8 -0
  125. data/node_modules/bulma/sass/helpers/other.sass +8 -0
  126. data/node_modules/bulma/sass/helpers/overflow.sass +2 -0
  127. data/node_modules/bulma/sass/helpers/position.sass +5 -0
  128. data/node_modules/bulma/sass/helpers/spacing.sass +28 -0
  129. data/node_modules/bulma/sass/helpers/typography.sass +98 -0
  130. data/node_modules/bulma/sass/helpers/visibility.sass +122 -0
  131. data/node_modules/bulma/sass/layout/_all.sass +5 -0
  132. data/node_modules/bulma/sass/layout/footer.sass +9 -0
  133. data/node_modules/bulma/sass/layout/hero.sass +145 -0
  134. data/node_modules/bulma/sass/layout/section.sass +13 -0
  135. data/node_modules/bulma/sass/utilities/.DS_Store +0 -0
  136. data/node_modules/bulma/sass/utilities/_all.sass +8 -0
  137. data/node_modules/bulma/sass/utilities/animations.sass +5 -0
  138. data/node_modules/bulma/sass/utilities/controls.sass +50 -0
  139. data/node_modules/bulma/sass/utilities/derived-variables.scss +132 -0
  140. data/node_modules/bulma/sass/utilities/functions.sass +115 -0
  141. data/node_modules/bulma/sass/utilities/initial-variables.sass +78 -0
  142. data/node_modules/bulma/sass/utilities/mixins.sass +285 -0
  143. data/node_modules/fork-awesome/CHANGELOG.md +91 -0
  144. data/node_modules/fork-awesome/CONTRIBUTORS.md +31 -0
  145. data/node_modules/fork-awesome/LICENSES +452 -0
  146. data/node_modules/fork-awesome/README.md +93 -0
  147. data/node_modules/fork-awesome/css/fork-awesome.css +2573 -0
  148. data/node_modules/fork-awesome/css/fork-awesome.min.css +12 -0
  149. data/node_modules/fork-awesome/css/fork-awesome.min.css.map +1 -0
  150. data/node_modules/fork-awesome/css/v5-compat.css +446 -0
  151. data/node_modules/fork-awesome/css/v5-compat.min.css +12 -0
  152. data/node_modules/fork-awesome/css/v5-compat.min.css.map +1 -0
  153. data/node_modules/fork-awesome/fonts/forkawesome-webfont.eot +0 -0
  154. data/node_modules/fork-awesome/fonts/forkawesome-webfont.svg +2849 -0
  155. data/node_modules/fork-awesome/fonts/forkawesome-webfont.ttf +0 -0
  156. data/node_modules/fork-awesome/fonts/forkawesome-webfont.woff +0 -0
  157. data/node_modules/fork-awesome/fonts/forkawesome-webfont.woff2 +0 -0
  158. data/node_modules/fork-awesome/less/animated.less +34 -0
  159. data/node_modules/fork-awesome/less/bordered-pulled.less +25 -0
  160. data/node_modules/fork-awesome/less/core.less +12 -0
  161. data/node_modules/fork-awesome/less/fixed-width.less +6 -0
  162. data/node_modules/fork-awesome/less/fork-awesome.less +27 -0
  163. data/node_modules/fork-awesome/less/icons.less +879 -0
  164. data/node_modules/fork-awesome/less/larger.less +13 -0
  165. data/node_modules/fork-awesome/less/list.less +19 -0
  166. data/node_modules/fork-awesome/less/mixins.less +60 -0
  167. data/node_modules/fork-awesome/less/path.less +15 -0
  168. data/node_modules/fork-awesome/less/rotated-flipped.less +20 -0
  169. data/node_modules/fork-awesome/less/screen-reader.less +5 -0
  170. data/node_modules/fork-awesome/less/stacked.less +20 -0
  171. data/node_modules/fork-awesome/less/v5-compat.less +176 -0
  172. data/node_modules/fork-awesome/less/variables.less +890 -0
  173. data/node_modules/fork-awesome/package.json +49 -0
  174. data/node_modules/fork-awesome/scss/_animated.scss +34 -0
  175. data/node_modules/fork-awesome/scss/_bordered-pulled.scss +25 -0
  176. data/node_modules/fork-awesome/scss/_core.scss +12 -0
  177. data/node_modules/fork-awesome/scss/_fixed-width.scss +6 -0
  178. data/node_modules/fork-awesome/scss/_functions.scss +11 -0
  179. data/node_modules/fork-awesome/scss/_icons.scss +879 -0
  180. data/node_modules/fork-awesome/scss/_larger.scss +13 -0
  181. data/node_modules/fork-awesome/scss/_list.scss +19 -0
  182. data/node_modules/fork-awesome/scss/_mixins.scss +60 -0
  183. data/node_modules/fork-awesome/scss/_path.scss +15 -0
  184. data/node_modules/fork-awesome/scss/_rotated-flipped.scss +20 -0
  185. data/node_modules/fork-awesome/scss/_screen-reader.scss +5 -0
  186. data/node_modules/fork-awesome/scss/_stacked.scss +20 -0
  187. data/node_modules/fork-awesome/scss/_variables.scss +890 -0
  188. data/node_modules/fork-awesome/scss/fork-awesome.scss +28 -0
  189. data/package.json +32 -0
  190. data/papers.md +4 -0
  191. data/projects.md +4 -0
  192. data/resume.md +4 -0
  193. data/screenshot.png +0 -0
  194. data/scripts/build.sh +10 -0
  195. data/scripts/install.sh +4 -0
  196. data/scripts/validate.rb +28 -0
  197. data/vitrina.gemspec +23 -0
  198. metadata +199 -3
@@ -0,0 +1,136 @@
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
+ +ltr-property("margin", 0.5rem)
15
+ &:last-child
16
+ margin-bottom: -0.5rem
17
+ &:not(:last-child)
18
+ margin-bottom: 1rem
19
+ // Sizes
20
+ &.are-medium
21
+ .tag:not(.is-normal):not(.is-large)
22
+ font-size: $size-normal
23
+ &.are-large
24
+ .tag:not(.is-normal):not(.is-medium)
25
+ font-size: $size-medium
26
+ &.is-centered
27
+ justify-content: center
28
+ .tag
29
+ margin-right: 0.25rem
30
+ margin-left: 0.25rem
31
+ &.is-right
32
+ justify-content: flex-end
33
+ .tag
34
+ &:not(:first-child)
35
+ margin-left: 0.5rem
36
+ &:not(:last-child)
37
+ margin-right: 0
38
+ &.has-addons
39
+ .tag
40
+ +ltr-property("margin", 0)
41
+ &:not(:first-child)
42
+ +ltr-property("margin", 0, false)
43
+ +ltr
44
+ border-top-left-radius: 0
45
+ border-bottom-left-radius: 0
46
+ +rtl
47
+ border-top-right-radius: 0
48
+ border-bottom-right-radius: 0
49
+ &:not(:last-child)
50
+ +ltr
51
+ border-top-right-radius: 0
52
+ border-bottom-right-radius: 0
53
+ +rtl
54
+ border-top-left-radius: 0
55
+ border-bottom-left-radius: 0
56
+
57
+ .tag:not(body)
58
+ align-items: center
59
+ background-color: $tag-background-color
60
+ border-radius: $tag-radius
61
+ color: $tag-color
62
+ display: inline-flex
63
+ font-size: $size-small
64
+ height: 2em
65
+ justify-content: center
66
+ line-height: 1.5
67
+ padding-left: 0.75em
68
+ padding-right: 0.75em
69
+ white-space: nowrap
70
+ .delete
71
+ +ltr-property("margin", 0.25rem, false)
72
+ +ltr-property("margin", -0.375rem)
73
+ // Colors
74
+ @each $name, $pair in $colors
75
+ $color: nth($pair, 1)
76
+ $color-invert: nth($pair, 2)
77
+ &.is-#{$name}
78
+ background-color: $color
79
+ color: $color-invert
80
+ // If a light and dark colors are provided
81
+ @if length($pair) > 3
82
+ $color-light: nth($pair, 3)
83
+ $color-dark: nth($pair, 4)
84
+ &.is-light
85
+ background-color: $color-light
86
+ color: $color-dark
87
+ // Sizes
88
+ &.is-normal
89
+ font-size: $size-small
90
+ &.is-medium
91
+ font-size: $size-normal
92
+ &.is-large
93
+ font-size: $size-medium
94
+ .icon
95
+ &:first-child:not(:last-child)
96
+ +ltr-property("margin", -0.375em, false)
97
+ +ltr-property("margin", 0.1875em)
98
+ &:last-child:not(:first-child)
99
+ +ltr-property("margin", 0.1875em, false)
100
+ +ltr-property("margin", -0.375em)
101
+ &:first-child:last-child
102
+ +ltr-property("margin", -0.375em, false)
103
+ +ltr-property("margin", -0.375em)
104
+ // Modifiers
105
+ &.is-delete
106
+ +ltr-property("margin", $tag-delete-margin, false)
107
+ padding: 0
108
+ position: relative
109
+ width: 2em
110
+ &::before,
111
+ &::after
112
+ background-color: currentColor
113
+ content: ""
114
+ display: block
115
+ left: 50%
116
+ position: absolute
117
+ top: 50%
118
+ transform: translateX(-50%) translateY(-50%) rotate(45deg)
119
+ transform-origin: center center
120
+ &::before
121
+ height: 1px
122
+ width: 50%
123
+ &::after
124
+ height: 50%
125
+ width: 1px
126
+ &:hover,
127
+ &:focus
128
+ background-color: darken($tag-background-color, 5%)
129
+ &:active
130
+ background-color: darken($tag-background-color, 10%)
131
+ &.is-rounded
132
+ border-radius: $radius-rounded
133
+
134
+ a.tag
135
+ &:hover
136
+ text-decoration: underline
@@ -0,0 +1,70 @@
1
+ $title-color: $text-strong !default
2
+ $title-family: false !default
3
+ $title-size: $size-3 !default
4
+ $title-weight: $weight-semibold !default
5
+ $title-line-height: 1.125 !default
6
+ $title-strong-color: inherit !default
7
+ $title-strong-weight: inherit !default
8
+ $title-sub-size: 0.75em !default
9
+ $title-sup-size: 0.75em !default
10
+
11
+ $subtitle-color: $text !default
12
+ $subtitle-family: false !default
13
+ $subtitle-size: $size-5 !default
14
+ $subtitle-weight: $weight-normal !default
15
+ $subtitle-line-height: 1.25 !default
16
+ $subtitle-strong-color: $text-strong !default
17
+ $subtitle-strong-weight: $weight-semibold !default
18
+ $subtitle-negative-margin: -1.25rem !default
19
+
20
+ .title,
21
+ .subtitle
22
+ @extend %block
23
+ word-break: break-word
24
+ em,
25
+ span
26
+ font-weight: inherit
27
+ sub
28
+ font-size: $title-sub-size
29
+ sup
30
+ font-size: $title-sup-size
31
+ .tag
32
+ vertical-align: middle
33
+
34
+ .title
35
+ color: $title-color
36
+ @if $title-family
37
+ font-family: $title-family
38
+ font-size: $title-size
39
+ font-weight: $title-weight
40
+ line-height: $title-line-height
41
+ strong
42
+ color: $title-strong-color
43
+ font-weight: $title-strong-weight
44
+ & + .highlight
45
+ margin-top: -0.75rem
46
+ &:not(.is-spaced) + .subtitle
47
+ margin-top: $subtitle-negative-margin
48
+ // Sizes
49
+ @each $size in $sizes
50
+ $i: index($sizes, $size)
51
+ &.is-#{$i}
52
+ font-size: $size
53
+
54
+ .subtitle
55
+ color: $subtitle-color
56
+ @if $subtitle-family
57
+ font-family: $subtitle-family
58
+ font-size: $subtitle-size
59
+ font-weight: $subtitle-weight
60
+ line-height: $subtitle-line-height
61
+ strong
62
+ color: $subtitle-strong-color
63
+ font-weight: $subtitle-strong-weight
64
+ &:not(.is-spaced) + .title
65
+ margin-top: $subtitle-negative-margin
66
+ // Sizes
67
+ @each $size in $sizes
68
+ $i: index($sizes, $size)
69
+ &.is-#{$i}
70
+ font-size: $size
@@ -0,0 +1,8 @@
1
+ @charset "utf-8"
2
+
3
+ @import "shared.sass"
4
+ @import "input-textarea.sass"
5
+ @import "checkbox-radio.sass"
6
+ @import "select.sass"
7
+ @import "file.sass"
8
+ @import "tools.sass"
@@ -0,0 +1,21 @@
1
+ %checkbox-radio
2
+ cursor: pointer
3
+ display: inline-block
4
+ line-height: 1.25
5
+ position: relative
6
+ input
7
+ cursor: pointer
8
+ &:hover
9
+ color: $input-hover-color
10
+ &[disabled],
11
+ fieldset[disabled] &
12
+ color: $input-disabled-color
13
+ cursor: not-allowed
14
+
15
+ .checkbox
16
+ @extend %checkbox-radio
17
+
18
+ .radio
19
+ @extend %checkbox-radio
20
+ & + .radio
21
+ +ltr-property("margin", 0.5em, false)
@@ -0,0 +1,180 @@
1
+ $file-border-color: $border !default
2
+ $file-radius: $radius !default
3
+
4
+ $file-cta-background-color: $scheme-main-ter !default
5
+ $file-cta-color: $text !default
6
+ $file-cta-hover-color: $text-strong !default
7
+ $file-cta-active-color: $text-strong !default
8
+
9
+ $file-name-border-color: $border !default
10
+ $file-name-border-style: solid !default
11
+ $file-name-border-width: 1px 1px 1px 0 !default
12
+ $file-name-max-width: 16em !default
13
+
14
+ .file
15
+ @extend %unselectable
16
+ align-items: stretch
17
+ display: flex
18
+ justify-content: flex-start
19
+ position: relative
20
+ // Colors
21
+ @each $name, $pair in $colors
22
+ $color: nth($pair, 1)
23
+ $color-invert: nth($pair, 2)
24
+ &.is-#{$name}
25
+ .file-cta
26
+ background-color: $color
27
+ border-color: transparent
28
+ color: $color-invert
29
+ &:hover,
30
+ &.is-hovered
31
+ .file-cta
32
+ background-color: bulmaDarken($color, 2.5%)
33
+ border-color: transparent
34
+ color: $color-invert
35
+ &:focus,
36
+ &.is-focused
37
+ .file-cta
38
+ border-color: transparent
39
+ box-shadow: 0 0 0.5em bulmaRgba($color, 0.25)
40
+ color: $color-invert
41
+ &:active,
42
+ &.is-active
43
+ .file-cta
44
+ background-color: bulmaDarken($color, 5%)
45
+ border-color: transparent
46
+ color: $color-invert
47
+ // Sizes
48
+ &.is-small
49
+ font-size: $size-small
50
+ &.is-medium
51
+ font-size: $size-medium
52
+ .file-icon
53
+ .fa
54
+ font-size: 21px
55
+ &.is-large
56
+ font-size: $size-large
57
+ .file-icon
58
+ .fa
59
+ font-size: 28px
60
+ // Modifiers
61
+ &.has-name
62
+ .file-cta
63
+ border-bottom-right-radius: 0
64
+ border-top-right-radius: 0
65
+ .file-name
66
+ border-bottom-left-radius: 0
67
+ border-top-left-radius: 0
68
+ &.is-empty
69
+ .file-cta
70
+ border-radius: $file-radius
71
+ .file-name
72
+ display: none
73
+ &.is-boxed
74
+ .file-label
75
+ flex-direction: column
76
+ .file-cta
77
+ flex-direction: column
78
+ height: auto
79
+ padding: 1em 3em
80
+ .file-name
81
+ border-width: 0 1px 1px
82
+ .file-icon
83
+ height: 1.5em
84
+ width: 1.5em
85
+ .fa
86
+ font-size: 21px
87
+ &.is-small
88
+ .file-icon .fa
89
+ font-size: 14px
90
+ &.is-medium
91
+ .file-icon .fa
92
+ font-size: 28px
93
+ &.is-large
94
+ .file-icon .fa
95
+ font-size: 35px
96
+ &.has-name
97
+ .file-cta
98
+ border-radius: $file-radius $file-radius 0 0
99
+ .file-name
100
+ border-radius: 0 0 $file-radius $file-radius
101
+ border-width: 0 1px 1px
102
+ &.is-centered
103
+ justify-content: center
104
+ &.is-fullwidth
105
+ .file-label
106
+ width: 100%
107
+ .file-name
108
+ flex-grow: 1
109
+ max-width: none
110
+ &.is-right
111
+ justify-content: flex-end
112
+ .file-cta
113
+ border-radius: 0 $file-radius $file-radius 0
114
+ .file-name
115
+ border-radius: $file-radius 0 0 $file-radius
116
+ border-width: 1px 0 1px 1px
117
+ order: -1
118
+
119
+ .file-label
120
+ align-items: stretch
121
+ display: flex
122
+ cursor: pointer
123
+ justify-content: flex-start
124
+ overflow: hidden
125
+ position: relative
126
+ &:hover
127
+ .file-cta
128
+ background-color: bulmaDarken($file-cta-background-color, 2.5%)
129
+ color: $file-cta-hover-color
130
+ .file-name
131
+ border-color: bulmaDarken($file-name-border-color, 2.5%)
132
+ &:active
133
+ .file-cta
134
+ background-color: bulmaDarken($file-cta-background-color, 5%)
135
+ color: $file-cta-active-color
136
+ .file-name
137
+ border-color: bulmaDarken($file-name-border-color, 5%)
138
+
139
+ .file-input
140
+ height: 100%
141
+ left: 0
142
+ opacity: 0
143
+ outline: none
144
+ position: absolute
145
+ top: 0
146
+ width: 100%
147
+
148
+ .file-cta,
149
+ .file-name
150
+ @extend %control
151
+ border-color: $file-border-color
152
+ border-radius: $file-radius
153
+ font-size: 1em
154
+ padding-left: 1em
155
+ padding-right: 1em
156
+ white-space: nowrap
157
+
158
+ .file-cta
159
+ background-color: $file-cta-background-color
160
+ color: $file-cta-color
161
+
162
+ .file-name
163
+ border-color: $file-name-border-color
164
+ border-style: $file-name-border-style
165
+ border-width: $file-name-border-width
166
+ display: block
167
+ max-width: $file-name-max-width
168
+ overflow: hidden
169
+ text-align: inherit
170
+ text-overflow: ellipsis
171
+
172
+ .file-icon
173
+ align-items: center
174
+ display: flex
175
+ height: 1em
176
+ justify-content: center
177
+ +ltr-property("margin", 0.5em)
178
+ width: 1em
179
+ .fa
180
+ font-size: 14px
@@ -0,0 +1,64 @@
1
+ $textarea-padding: $control-padding-horizontal !default
2
+ $textarea-max-height: 40em !default
3
+ $textarea-min-height: 8em !default
4
+
5
+ %input-textarea
6
+ @extend %input
7
+ box-shadow: $input-shadow
8
+ max-width: 100%
9
+ width: 100%
10
+ &[readonly]
11
+ box-shadow: none
12
+ // Colors
13
+ @each $name, $pair in $colors
14
+ $color: nth($pair, 1)
15
+ &.is-#{$name}
16
+ border-color: $color
17
+ &:focus,
18
+ &.is-focused,
19
+ &:active,
20
+ &.is-active
21
+ box-shadow: $input-focus-box-shadow-size bulmaRgba($color, 0.25)
22
+ // Sizes
23
+ &.is-small
24
+ +control-small
25
+ &.is-medium
26
+ +control-medium
27
+ &.is-large
28
+ +control-large
29
+ // Modifiers
30
+ &.is-fullwidth
31
+ display: block
32
+ width: 100%
33
+ &.is-inline
34
+ display: inline
35
+ width: auto
36
+
37
+ .input
38
+ @extend %input-textarea
39
+ &.is-rounded
40
+ border-radius: $radius-rounded
41
+ padding-left: calc(#{$control-padding-horizontal} + 0.375em)
42
+ padding-right: calc(#{$control-padding-horizontal} + 0.375em)
43
+ &.is-static
44
+ background-color: transparent
45
+ border-color: transparent
46
+ box-shadow: none
47
+ padding-left: 0
48
+ padding-right: 0
49
+
50
+ .textarea
51
+ @extend %input-textarea
52
+ display: block
53
+ max-width: 100%
54
+ min-width: 100%
55
+ padding: $textarea-padding
56
+ resize: vertical
57
+ &:not([rows])
58
+ max-height: $textarea-max-height
59
+ min-height: $textarea-min-height
60
+ &[rows]
61
+ height: initial
62
+ // Modifiers
63
+ &.has-fixed-size
64
+ resize: none