ols-theme 0.1.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 (142) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +21 -0
  3. data/README.md +50 -0
  4. data/_includes/default-footer.html +56 -0
  5. data/_includes/default-header.html +81 -0
  6. data/_includes/detailed-schedule.md +11 -0
  7. data/_includes/external-entities.html +43 -0
  8. data/_includes/overall-schedule.md +27 -0
  9. data/_includes/people.html +89 -0
  10. data/_includes/schedule.md +2 -0
  11. data/_includes/timeline.md +24 -0
  12. data/_includes/toc.html +12 -0
  13. data/_includes/week.md +50 -0
  14. data/_layouts/base.html +66 -0
  15. data/_layouts/default.html +37 -0
  16. data/_layouts/page.html +9 -0
  17. data/_layouts/people.html +373 -0
  18. data/_layouts/post.html +5 -0
  19. data/_layouts/posts.html +51 -0
  20. data/_sass/bulma/CHANGELOG.md +1254 -0
  21. data/_sass/bulma/LICENSE +21 -0
  22. data/_sass/bulma/README.md +124 -0
  23. data/_sass/bulma/bulma.sass +9 -0
  24. data/_sass/bulma/css/bulma.css +10599 -0
  25. data/_sass/bulma/css/bulma.css.map +1 -0
  26. data/_sass/bulma/css/bulma.min.css +1 -0
  27. data/_sass/bulma/package.json +52 -0
  28. data/_sass/bulma/sass/base/_all.sass +5 -0
  29. data/_sass/bulma/sass/base/generic.sass +142 -0
  30. data/_sass/bulma/sass/base/helpers.sass +281 -0
  31. data/_sass/bulma/sass/base/minireset.sass +85 -0
  32. data/_sass/bulma/sass/components/_all.sass +15 -0
  33. data/_sass/bulma/sass/components/breadcrumb.sass +75 -0
  34. data/_sass/bulma/sass/components/card.sass +79 -0
  35. data/_sass/bulma/sass/components/dropdown.sass +81 -0
  36. data/_sass/bulma/sass/components/level.sass +77 -0
  37. data/_sass/bulma/sass/components/list.sass +39 -0
  38. data/_sass/bulma/sass/components/media.sass +48 -0
  39. data/_sass/bulma/sass/components/menu.sass +57 -0
  40. data/_sass/bulma/sass/components/message.sass +87 -0
  41. data/_sass/bulma/sass/components/modal.sass +113 -0
  42. data/_sass/bulma/sass/components/navbar.sass +443 -0
  43. data/_sass/bulma/sass/components/pagination.sass +149 -0
  44. data/_sass/bulma/sass/components/panel.sass +103 -0
  45. data/_sass/bulma/sass/components/tabs.sass +151 -0
  46. data/_sass/bulma/sass/elements/_all.sass +15 -0
  47. data/_sass/bulma/sass/elements/box.sass +24 -0
  48. data/_sass/bulma/sass/elements/button.sass +305 -0
  49. data/_sass/bulma/sass/elements/container.sass +23 -0
  50. data/_sass/bulma/sass/elements/content.sass +155 -0
  51. data/_sass/bulma/sass/elements/form.sass +1 -0
  52. data/_sass/bulma/sass/elements/icon.sass +21 -0
  53. data/_sass/bulma/sass/elements/image.sass +69 -0
  54. data/_sass/bulma/sass/elements/notification.sass +35 -0
  55. data/_sass/bulma/sass/elements/other.sass +39 -0
  56. data/_sass/bulma/sass/elements/progress.sass +67 -0
  57. data/_sass/bulma/sass/elements/table.sass +127 -0
  58. data/_sass/bulma/sass/elements/tag.sass +121 -0
  59. data/_sass/bulma/sass/elements/title.sass +70 -0
  60. data/_sass/bulma/sass/form/_all.sass +8 -0
  61. data/_sass/bulma/sass/form/checkbox-radio.sass +21 -0
  62. data/_sass/bulma/sass/form/file.sass +180 -0
  63. data/_sass/bulma/sass/form/input-textarea.sass +60 -0
  64. data/_sass/bulma/sass/form/select.sass +85 -0
  65. data/_sass/bulma/sass/form/shared.sass +55 -0
  66. data/_sass/bulma/sass/form/tools.sass +205 -0
  67. data/_sass/bulma/sass/grid/_all.sass +4 -0
  68. data/_sass/bulma/sass/grid/columns.sass +504 -0
  69. data/_sass/bulma/sass/grid/tiles.sass +34 -0
  70. data/_sass/bulma/sass/layout/_all.sass +5 -0
  71. data/_sass/bulma/sass/layout/footer.sass +9 -0
  72. data/_sass/bulma/sass/layout/hero.sass +143 -0
  73. data/_sass/bulma/sass/layout/section.sass +13 -0
  74. data/_sass/bulma/sass/utilities/_all.sass +8 -0
  75. data/_sass/bulma/sass/utilities/animations.sass +5 -0
  76. data/_sass/bulma/sass/utilities/controls.sass +50 -0
  77. data/_sass/bulma/sass/utilities/derived-variables.sass +85 -0
  78. data/_sass/bulma/sass/utilities/functions.sass +62 -0
  79. data/_sass/bulma/sass/utilities/initial-variables.sass +76 -0
  80. data/_sass/bulma/sass/utilities/mixins.sass +261 -0
  81. data/assets/css/custom.scss +422 -0
  82. data/assets/images/2019-09-24-application.png +0 -0
  83. data/assets/images/2019-10-18-projects.jpg +0 -0
  84. data/assets/images/2019-10-21-storytelling.jpeg +0 -0
  85. data/assets/images/2019-11-13-difference-with-elife-innovation-leaders.jpg +0 -0
  86. data/assets/images/2019-11-25-blog2.png +0 -0
  87. data/assets/images/2019-11-25-blog3.png +0 -0
  88. data/assets/images/2019-11-25-blog4.png +0 -0
  89. data/assets/images/2019-11-25-blog5.png +0 -0
  90. data/assets/images/2019-11-25-blog6.png +0 -0
  91. data/assets/images/2019-11-25-header-expert.jpeg +0 -0
  92. data/assets/images/2020-ally-training.jpg +0 -0
  93. data/assets/images/2021-04-30-ols-2-blog-2.png +0 -0
  94. data/assets/images/2021-04-30-ols-2-blog.png +0 -0
  95. data/assets/images/2021-12-21-wt-open-research-fund-header.png +0 -0
  96. data/assets/images/2022-01-04-esthers-mentoring-blog-illustration.jpg +0 -0
  97. data/assets/images/2022-01-27-ols-czi-funding.jpg +0 -0
  98. data/assets/images/2022-02-18-for-hire.jpg +0 -0
  99. data/assets/images/2022-04-01-header-image-speed-blod-nadine.jpg +0 -0
  100. data/assets/images/2022-05-13-os-hobby-blog.jpg +0 -0
  101. data/assets/images/2022-07-18-ismaelkg-crinkle.png +0 -0
  102. data/assets/images/2022-07-18-ismaelkg-timeline-image.png +0 -0
  103. data/assets/images/2022-07-18-ismaelkg-watches.jpg +0 -0
  104. data/assets/images/2022-07-18-osmooc-logo.png +0 -0
  105. data/assets/images/2022-07-18-osmooc-modules.png +0 -0
  106. data/assets/images/2022-07-18-tudelft-history.png +0 -0
  107. data/assets/images/2022-07-18-twitter.png +0 -0
  108. data/assets/images/2022-08-adi-goldstein-unsplash.jpg +0 -0
  109. data/assets/images/2022-08-paz-meme.png +0 -0
  110. data/assets/images/2022-08-paz.jpg +0 -0
  111. data/assets/images/2022-12-andrea-sanchez.jpg +0 -0
  112. data/assets/images/2022-12-ecg-grant-announcement.png +0 -0
  113. data/assets/images/2022-12-jon-tyson-unsplash.jpg +0 -0
  114. data/assets/images/2022-12-melissa-black.jpg +0 -0
  115. data/assets/images/2022-12-mitchell-luo-unsplash.jpg +0 -0
  116. data/assets/images/2022-12-ols-resident-fellows.jpg +0 -0
  117. data/assets/images/2022-12-pexels-linda-ellershein.jpg +0 -0
  118. data/assets/images/2022-12-reina-camacho.png +0 -0
  119. data/assets/images/2022-WT-OLS-Job-Description.pdf +0 -0
  120. data/assets/images/2023-02-1-milad-fakurian-0n1pmev3w2A-unsplash.jpg +0 -0
  121. data/assets/images/2023-04-18-introducing-the-new-OLS/colourrefresh.png +0 -0
  122. data/assets/images/2023-04-18-introducing-the-new-OLS/identity-poster.png +0 -0
  123. data/assets/images/2023-04-18-introducing-the-new-OLS/logo-refresh.png +0 -0
  124. data/assets/images/2023-04-18-introducing-the-new-OLS/logomark.png +0 -0
  125. data/assets/images/2023-04-18-introducing-the-new-OLS/open-by-design.png +0 -0
  126. data/assets/images/2023-04-18-introducing-the-new-OLS/open-seeds.png +0 -0
  127. data/assets/images/2023-05-debs.jpg +0 -0
  128. data/assets/images/2023-05-taj.jpg +0 -0
  129. data/assets/images/about.jpg +0 -0
  130. data/assets/images/code-of-conduct.jpg +0 -0
  131. data/assets/images/index.jpg +0 -0
  132. data/assets/images/logo.png +0 -0
  133. data/assets/images/ols-1/project-participants.jpg +0 -0
  134. data/assets/images/organizations/denbi.png +0 -0
  135. data/assets/images/organizations/elixir.png +0 -0
  136. data/assets/images/organizations/mozilla.jpg +0 -0
  137. data/assets/images/posts.jpg +0 -0
  138. data/assets/images/schedule.png +0 -0
  139. data/assets/images/syllabus.jpg +0 -0
  140. data/assets/js/posts.js +21 -0
  141. data/assets/js/scripts.js +52 -0
  142. metadata +197 -0
@@ -0,0 +1,69 @@
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
+ .has-ratio
31
+ @extend %overlay
32
+ height: 100%
33
+ width: 100%
34
+ &.is-square,
35
+ &.is-1by1
36
+ padding-top: 100%
37
+ &.is-5by4
38
+ padding-top: 80%
39
+ &.is-4by3
40
+ padding-top: 75%
41
+ &.is-3by2
42
+ padding-top: 66.6666%
43
+ &.is-5by3
44
+ padding-top: 60%
45
+ &.is-16by9
46
+ padding-top: 56.25%
47
+ &.is-2by1
48
+ padding-top: 50%
49
+ &.is-3by1
50
+ padding-top: 33.3333%
51
+ &.is-4by5
52
+ padding-top: 125%
53
+ &.is-3by4
54
+ padding-top: 133.3333%
55
+ &.is-2by3
56
+ padding-top: 150%
57
+ &.is-3by5
58
+ padding-top: 166.6666%
59
+ &.is-9by16
60
+ padding-top: 177.7777%
61
+ &.is-1by2
62
+ padding-top: 200%
63
+ &.is-1by3
64
+ padding-top: 300%
65
+ // Sizes
66
+ @each $dimension in $dimensions
67
+ &.is-#{$dimension}x#{$dimension}
68
+ height: $dimension * 1px
69
+ 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,67 @@
1
+ $progress-bar-background-color: $border !default
2
+ $progress-value-background-color: $text !default
3
+ $progress-border-radius: $radius-rounded !default
4
+
5
+ $progress-indeterminate-duration: 1.5s !default
6
+
7
+ .progress
8
+ @extend %block
9
+ -moz-appearance: none
10
+ -webkit-appearance: none
11
+ border: none
12
+ border-radius: $progress-border-radius
13
+ display: block
14
+ height: $size-normal
15
+ overflow: hidden
16
+ padding: 0
17
+ width: 100%
18
+ &::-webkit-progress-bar
19
+ background-color: $progress-bar-background-color
20
+ &::-webkit-progress-value
21
+ background-color: $progress-value-background-color
22
+ &::-moz-progress-bar
23
+ background-color: $progress-value-background-color
24
+ &::-ms-fill
25
+ background-color: $progress-value-background-color
26
+ border: none
27
+ // Colors
28
+ @each $name, $pair in $colors
29
+ $color: nth($pair, 1)
30
+ &.is-#{$name}
31
+ &::-webkit-progress-value
32
+ background-color: $color
33
+ &::-moz-progress-bar
34
+ background-color: $color
35
+ &::-ms-fill
36
+ background-color: $color
37
+ &:indeterminate
38
+ background-image: linear-gradient(to right, $color 30%, $progress-bar-background-color 30%)
39
+
40
+ &:indeterminate
41
+ animation-duration: $progress-indeterminate-duration
42
+ animation-iteration-count: infinite
43
+ animation-name: moveIndeterminate
44
+ animation-timing-function: linear
45
+ background-color: $progress-bar-background-color
46
+ background-image: linear-gradient(to right, $text 30%, $progress-bar-background-color 30%)
47
+ background-position: top left
48
+ background-repeat: no-repeat
49
+ background-size: 150% 150%
50
+ &::-webkit-progress-bar
51
+ background-color: transparent
52
+ &::-moz-progress-bar
53
+ background-color: transparent
54
+
55
+ // Sizes
56
+ &.is-small
57
+ height: $size-small
58
+ &.is-medium
59
+ height: $size-medium
60
+ &.is-large
61
+ height: $size-large
62
+
63
+ @keyframes moveIndeterminate
64
+ from
65
+ background-position: 200% 0
66
+ to
67
+ background-position: -200% 0
@@ -0,0 +1,127 @@
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-head-background-color: transparent !default
15
+ $table-body-background-color: transparent !default
16
+ $table-foot-background-color: transparent !default
17
+
18
+ $table-row-hover-background-color: $white-bis !default
19
+
20
+ $table-row-active-background-color: $primary !default
21
+ $table-row-active-color: $primary-invert !default
22
+
23
+ $table-striped-row-even-background-color: $white-bis !default
24
+ $table-striped-row-even-hover-background-color: $white-ter !default
25
+
26
+ .table
27
+ @extend %block
28
+ background-color: $table-background-color
29
+ color: $table-color
30
+ td,
31
+ th
32
+ border: $table-cell-border
33
+ border-width: $table-cell-border-width
34
+ padding: $table-cell-padding
35
+ vertical-align: top
36
+ // Colors
37
+ @each $name, $pair in $colors
38
+ $color: nth($pair, 1)
39
+ $color-invert: nth($pair, 2)
40
+ &.is-#{$name}
41
+ background-color: $color
42
+ border-color: $color
43
+ color: $color-invert
44
+ // Modifiers
45
+ &.is-narrow
46
+ white-space: nowrap
47
+ width: 1%
48
+ &.is-selected
49
+ background-color: $table-row-active-background-color
50
+ color: $table-row-active-color
51
+ a,
52
+ strong
53
+ color: currentColor
54
+ th
55
+ color: $table-cell-heading-color
56
+ &:not([align])
57
+ text-align: left
58
+ tr
59
+ &.is-selected
60
+ background-color: $table-row-active-background-color
61
+ color: $table-row-active-color
62
+ a,
63
+ strong
64
+ color: currentColor
65
+ td,
66
+ th
67
+ border-color: $table-row-active-color
68
+ color: currentColor
69
+ thead
70
+ background-color: $table-head-background-color
71
+ td,
72
+ th
73
+ border-width: $table-head-cell-border-width
74
+ color: $table-head-cell-color
75
+ tfoot
76
+ background-color: $table-foot-background-color
77
+ td,
78
+ th
79
+ border-width: $table-foot-cell-border-width
80
+ color: $table-foot-cell-color
81
+ tbody
82
+ background-color: $table-body-background-color
83
+ tr
84
+ &:last-child
85
+ td,
86
+ th
87
+ border-bottom-width: 0
88
+ // Modifiers
89
+ &.is-bordered
90
+ td,
91
+ th
92
+ border-width: 1px
93
+ tr
94
+ &:last-child
95
+ td,
96
+ th
97
+ border-bottom-width: 1px
98
+ &.is-fullwidth
99
+ width: 100%
100
+ &.is-hoverable
101
+ tbody
102
+ tr:not(.is-selected)
103
+ &:hover
104
+ background-color: $table-row-hover-background-color
105
+ &.is-striped
106
+ tbody
107
+ tr:not(.is-selected)
108
+ &:hover
109
+ background-color: $table-row-hover-background-color
110
+ &:nth-child(even)
111
+ background-color: $table-striped-row-even-hover-background-color
112
+ &.is-narrow
113
+ td,
114
+ th
115
+ padding: 0.25em 0.5em
116
+ &.is-striped
117
+ tbody
118
+ tr:not(.is-selected)
119
+ &:nth-child(even)
120
+ background-color: $table-striped-row-even-background-color
121
+
122
+ .table-container
123
+ @extend %block
124
+ +overflow-touch
125
+ overflow: auto
126
+ overflow-y: hidden
127
+ max-width: 100%
@@ -0,0 +1,121 @@
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
+ // 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
+ margin-right: 0
41
+ &:not(:first-child)
42
+ margin-left: 0
43
+ border-bottom-left-radius: 0
44
+ border-top-left-radius: 0
45
+ &:not(:last-child)
46
+ border-bottom-right-radius: 0
47
+ border-top-right-radius: 0
48
+
49
+ .tag:not(body)
50
+ align-items: center
51
+ background-color: $tag-background-color
52
+ border-radius: $tag-radius
53
+ color: $tag-color
54
+ display: inline-flex
55
+ font-size: $size-small
56
+ height: 2em
57
+ justify-content: center
58
+ line-height: 1.5
59
+ padding-left: 0.75em
60
+ padding-right: 0.75em
61
+ white-space: nowrap
62
+ .delete
63
+ margin-left: 0.25rem
64
+ margin-right: -0.375rem
65
+ // Colors
66
+ @each $name, $pair in $colors
67
+ $color: nth($pair, 1)
68
+ $color-invert: nth($pair, 2)
69
+ &.is-#{$name}
70
+ background-color: $color
71
+ color: $color-invert
72
+ // Sizes
73
+ &.is-normal
74
+ font-size: $size-small
75
+ &.is-medium
76
+ font-size: $size-normal
77
+ &.is-large
78
+ font-size: $size-medium
79
+ .icon
80
+ &:first-child:not(:last-child)
81
+ margin-left: -0.375em
82
+ margin-right: 0.1875em
83
+ &:last-child:not(:first-child)
84
+ margin-left: 0.1875em
85
+ margin-right: -0.375em
86
+ &:first-child:last-child
87
+ margin-left: -0.375em
88
+ margin-right: -0.375em
89
+ // Modifiers
90
+ &.is-delete
91
+ margin-left: $tag-delete-margin
92
+ padding: 0
93
+ position: relative
94
+ width: 2em
95
+ &::before,
96
+ &::after
97
+ background-color: currentColor
98
+ content: ""
99
+ display: block
100
+ left: 50%
101
+ position: absolute
102
+ top: 50%
103
+ transform: translateX(-50%) translateY(-50%) rotate(45deg)
104
+ transform-origin: center center
105
+ &::before
106
+ height: 1px
107
+ width: 50%
108
+ &::after
109
+ height: 50%
110
+ width: 1px
111
+ &:hover,
112
+ &:focus
113
+ background-color: darken($tag-background-color, 5%)
114
+ &:active
115
+ background-color: darken($tag-background-color, 10%)
116
+ &.is-rounded
117
+ border-radius: $radius-rounded
118
+
119
+ a.tag
120
+ &:hover
121
+ text-decoration: underline
@@ -0,0 +1,70 @@
1
+ $title-color: $grey-darker !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: $grey-dark !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: $grey-darker !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
+ margin-left: 0.5em