bulma-rails 0.9.3 → 1.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (144) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +49 -14
  3. data/app/assets/stylesheets/bulma.scss +4 -0
  4. data/app/assets/stylesheets/sass/_index.scss +10 -0
  5. data/app/assets/stylesheets/sass/base/_index.scss +6 -0
  6. data/app/assets/stylesheets/sass/base/animations.scss +15 -0
  7. data/app/assets/stylesheets/sass/base/generic.scss +239 -0
  8. data/app/assets/stylesheets/sass/base/minireset.scss +92 -0
  9. data/app/assets/stylesheets/sass/base/skeleton.scss +126 -0
  10. data/app/assets/stylesheets/sass/components/_index.scss +13 -0
  11. data/app/assets/stylesheets/sass/components/breadcrumb.scss +139 -0
  12. data/app/assets/stylesheets/sass/components/card.scss +162 -0
  13. data/app/assets/stylesheets/sass/components/dropdown.scss +188 -0
  14. data/app/assets/stylesheets/sass/components/menu.scss +165 -0
  15. data/app/assets/stylesheets/sass/components/message.scss +183 -0
  16. data/app/assets/stylesheets/sass/components/modal.scss +164 -0
  17. data/app/assets/stylesheets/sass/components/navbar.scss +788 -0
  18. data/app/assets/stylesheets/sass/components/pagination.scss +379 -0
  19. data/app/assets/stylesheets/sass/components/panel.scss +218 -0
  20. data/app/assets/stylesheets/sass/components/tabs.scss +273 -0
  21. data/app/assets/stylesheets/sass/elements/_index.scss +16 -0
  22. data/app/assets/stylesheets/sass/elements/block.scss +6 -0
  23. data/app/assets/stylesheets/sass/elements/box.scss +59 -0
  24. data/app/assets/stylesheets/sass/elements/button.scss +640 -0
  25. data/app/assets/stylesheets/sass/elements/content.scss +283 -0
  26. data/app/assets/stylesheets/sass/elements/delete.scss +6 -0
  27. data/app/assets/stylesheets/sass/elements/icon.scss +67 -0
  28. data/app/assets/stylesheets/sass/elements/image.scss +62 -0
  29. data/app/assets/stylesheets/sass/elements/loader.scss +15 -0
  30. data/app/assets/stylesheets/sass/elements/notification.scss +105 -0
  31. data/app/assets/stylesheets/sass/elements/progress.scss +115 -0
  32. data/app/assets/stylesheets/sass/elements/table.scss +261 -0
  33. data/app/assets/stylesheets/sass/elements/tag.scss +219 -0
  34. data/app/assets/stylesheets/sass/elements/title.scss +128 -0
  35. data/app/assets/stylesheets/sass/form/_index.scss +9 -0
  36. data/app/assets/stylesheets/sass/form/checkbox-radio.scss +32 -0
  37. data/app/assets/stylesheets/sass/form/file.scss +330 -0
  38. data/app/assets/stylesheets/sass/form/input-textarea.scss +123 -0
  39. data/app/assets/stylesheets/sass/form/select.scss +143 -0
  40. data/app/assets/stylesheets/sass/form/shared.scss +172 -0
  41. data/app/assets/stylesheets/sass/form/tools.scss +341 -0
  42. data/app/assets/stylesheets/sass/grid/_index.scss +5 -0
  43. data/app/assets/stylesheets/sass/grid/columns-v2.scss +957 -0
  44. data/app/assets/stylesheets/sass/grid/columns.scss +877 -0
  45. data/app/assets/stylesheets/sass/grid/grid.scss +209 -0
  46. data/app/assets/stylesheets/sass/helpers/_index.scss +15 -0
  47. data/app/assets/stylesheets/sass/helpers/aspect-ratio.scss +10 -0
  48. data/app/assets/stylesheets/sass/helpers/border.scss +15 -0
  49. data/app/assets/stylesheets/sass/helpers/color.scss +364 -0
  50. data/app/assets/stylesheets/sass/helpers/flexbox.scss +62 -0
  51. data/app/assets/stylesheets/sass/helpers/float.scss +28 -0
  52. data/app/assets/stylesheets/sass/helpers/gap.scss +24 -0
  53. data/app/assets/stylesheets/sass/helpers/other.scss +19 -0
  54. data/app/assets/stylesheets/sass/helpers/overflow.scss +21 -0
  55. data/app/assets/stylesheets/sass/helpers/position.scss +19 -0
  56. data/app/assets/stylesheets/sass/helpers/spacing.scss +64 -0
  57. data/app/assets/stylesheets/sass/helpers/typography.scss +168 -0
  58. data/app/assets/stylesheets/sass/helpers/visibility.scss +221 -0
  59. data/app/assets/stylesheets/sass/layout/_index.scss +9 -0
  60. data/app/assets/stylesheets/sass/layout/container.scss +51 -0
  61. data/app/assets/stylesheets/sass/layout/footer.scss +23 -0
  62. data/app/assets/stylesheets/sass/layout/hero.scss +270 -0
  63. data/app/assets/stylesheets/sass/layout/level.scss +107 -0
  64. data/app/assets/stylesheets/sass/layout/media.scss +106 -0
  65. data/app/assets/stylesheets/sass/layout/section.scss +34 -0
  66. data/app/assets/stylesheets/sass/themes/_index.scss +35 -0
  67. data/app/assets/stylesheets/sass/themes/dark.scss +56 -0
  68. data/app/assets/stylesheets/sass/themes/light.scss +145 -0
  69. data/app/assets/stylesheets/sass/themes/setup.scss +174 -0
  70. data/app/assets/stylesheets/sass/utilities/_index.scss +7 -0
  71. data/app/assets/stylesheets/sass/utilities/controls.scss +85 -0
  72. data/app/assets/stylesheets/sass/utilities/css-variables.scss +425 -0
  73. data/app/assets/stylesheets/sass/utilities/derived-variables.scss +112 -0
  74. data/app/assets/stylesheets/sass/utilities/extends.scss +34 -0
  75. data/app/assets/stylesheets/sass/utilities/functions.scss +258 -0
  76. data/app/assets/stylesheets/sass/utilities/initial-variables.scss +155 -0
  77. data/app/assets/stylesheets/sass/utilities/mixins.scss +460 -0
  78. data/bulma-rails.gemspec +4 -6
  79. metadata +84 -74
  80. data/app/assets/stylesheets/bulma.sass +0 -10
  81. data/app/assets/stylesheets/sass/base/_all.sass +0 -6
  82. data/app/assets/stylesheets/sass/base/animations.sass +0 -5
  83. data/app/assets/stylesheets/sass/base/generic.sass +0 -145
  84. data/app/assets/stylesheets/sass/base/helpers.sass +0 -1
  85. data/app/assets/stylesheets/sass/base/minireset.sass +0 -79
  86. data/app/assets/stylesheets/sass/components/_all.sass +0 -15
  87. data/app/assets/stylesheets/sass/components/breadcrumb.sass +0 -77
  88. data/app/assets/stylesheets/sass/components/card.sass +0 -103
  89. data/app/assets/stylesheets/sass/components/dropdown.sass +0 -83
  90. data/app/assets/stylesheets/sass/components/level.sass +0 -79
  91. data/app/assets/stylesheets/sass/components/media.sass +0 -59
  92. data/app/assets/stylesheets/sass/components/menu.sass +0 -59
  93. data/app/assets/stylesheets/sass/components/message.sass +0 -101
  94. data/app/assets/stylesheets/sass/components/modal.sass +0 -117
  95. data/app/assets/stylesheets/sass/components/navbar.sass +0 -446
  96. data/app/assets/stylesheets/sass/components/pagination.sass +0 -166
  97. data/app/assets/stylesheets/sass/components/panel.sass +0 -121
  98. data/app/assets/stylesheets/sass/components/tabs.sass +0 -176
  99. data/app/assets/stylesheets/sass/elements/_all.sass +0 -16
  100. data/app/assets/stylesheets/sass/elements/box.sass +0 -26
  101. data/app/assets/stylesheets/sass/elements/button.sass +0 -345
  102. data/app/assets/stylesheets/sass/elements/container.sass +0 -29
  103. data/app/assets/stylesheets/sass/elements/content.sass +0 -159
  104. data/app/assets/stylesheets/sass/elements/form.sass +0 -1
  105. data/app/assets/stylesheets/sass/elements/icon.sass +0 -46
  106. data/app/assets/stylesheets/sass/elements/image.sass +0 -73
  107. data/app/assets/stylesheets/sass/elements/notification.sass +0 -52
  108. data/app/assets/stylesheets/sass/elements/other.sass +0 -31
  109. data/app/assets/stylesheets/sass/elements/progress.sass +0 -73
  110. data/app/assets/stylesheets/sass/elements/table.sass +0 -133
  111. data/app/assets/stylesheets/sass/elements/tag.sass +0 -140
  112. data/app/assets/stylesheets/sass/elements/title.sass +0 -70
  113. data/app/assets/stylesheets/sass/form/_all.sass +0 -9
  114. data/app/assets/stylesheets/sass/form/checkbox-radio.sass +0 -22
  115. data/app/assets/stylesheets/sass/form/file.sass +0 -184
  116. data/app/assets/stylesheets/sass/form/input-textarea.sass +0 -66
  117. data/app/assets/stylesheets/sass/form/select.sass +0 -87
  118. data/app/assets/stylesheets/sass/form/shared.sass +0 -60
  119. data/app/assets/stylesheets/sass/form/tools.sass +0 -215
  120. data/app/assets/stylesheets/sass/grid/_all.sass +0 -5
  121. data/app/assets/stylesheets/sass/grid/columns.sass +0 -513
  122. data/app/assets/stylesheets/sass/grid/tiles.sass +0 -36
  123. data/app/assets/stylesheets/sass/helpers/_all.sass +0 -12
  124. data/app/assets/stylesheets/sass/helpers/color.sass +0 -39
  125. data/app/assets/stylesheets/sass/helpers/flexbox.sass +0 -35
  126. data/app/assets/stylesheets/sass/helpers/float.sass +0 -10
  127. data/app/assets/stylesheets/sass/helpers/other.sass +0 -14
  128. data/app/assets/stylesheets/sass/helpers/overflow.sass +0 -2
  129. data/app/assets/stylesheets/sass/helpers/position.sass +0 -7
  130. data/app/assets/stylesheets/sass/helpers/spacing.sass +0 -31
  131. data/app/assets/stylesheets/sass/helpers/typography.sass +0 -103
  132. data/app/assets/stylesheets/sass/helpers/visibility.sass +0 -122
  133. data/app/assets/stylesheets/sass/layout/_all.sass +0 -6
  134. data/app/assets/stylesheets/sass/layout/footer.sass +0 -11
  135. data/app/assets/stylesheets/sass/layout/hero.sass +0 -153
  136. data/app/assets/stylesheets/sass/layout/section.sass +0 -17
  137. data/app/assets/stylesheets/sass/utilities/_all.sass +0 -9
  138. data/app/assets/stylesheets/sass/utilities/animations.sass +0 -1
  139. data/app/assets/stylesheets/sass/utilities/controls.sass +0 -49
  140. data/app/assets/stylesheets/sass/utilities/derived-variables.sass +0 -114
  141. data/app/assets/stylesheets/sass/utilities/extends.sass +0 -25
  142. data/app/assets/stylesheets/sass/utilities/functions.sass +0 -136
  143. data/app/assets/stylesheets/sass/utilities/initial-variables.sass +0 -78
  144. data/app/assets/stylesheets/sass/utilities/mixins.sass +0 -280
@@ -1,6 +0,0 @@
1
- /* Bulma Base */
2
- @charset "utf-8"
3
-
4
- @import "minireset"
5
- @import "generic"
6
- @import "animations"
@@ -1,5 +0,0 @@
1
- @keyframes spinAround
2
- from
3
- transform: rotate(0deg)
4
- to
5
- transform: rotate(359deg)
@@ -1,145 +0,0 @@
1
- @import "../utilities/mixins"
2
-
3
- $body-background-color: $scheme-main !default
4
- $body-size: 16px !default
5
- $body-min-width: 300px !default
6
- $body-rendering: optimizeLegibility !default
7
- $body-family: $family-primary !default
8
- $body-overflow-x: hidden !default
9
- $body-overflow-y: scroll !default
10
-
11
- $body-color: $text !default
12
- $body-font-size: 1em !default
13
- $body-weight: $weight-normal !default
14
- $body-line-height: 1.5 !default
15
-
16
- $code-family: $family-code !default
17
- $code-padding: 0.25em 0.5em 0.25em !default
18
- $code-weight: normal !default
19
- $code-size: 0.875em !default
20
-
21
- $small-font-size: 0.875em !default
22
-
23
- $hr-background-color: $background !default
24
- $hr-height: 2px !default
25
- $hr-margin: 1.5rem 0 !default
26
-
27
- $strong-color: $text-strong !default
28
- $strong-weight: $weight-bold !default
29
-
30
- $pre-font-size: 0.875em !default
31
- $pre-padding: 1.25rem 1.5rem !default
32
- $pre-code-font-size: 1em !default
33
-
34
- html
35
- background-color: $body-background-color
36
- font-size: $body-size
37
- -moz-osx-font-smoothing: grayscale
38
- -webkit-font-smoothing: antialiased
39
- min-width: $body-min-width
40
- overflow-x: $body-overflow-x
41
- overflow-y: $body-overflow-y
42
- text-rendering: $body-rendering
43
- text-size-adjust: 100%
44
-
45
- article,
46
- aside,
47
- figure,
48
- footer,
49
- header,
50
- hgroup,
51
- section
52
- display: block
53
-
54
- body,
55
- button,
56
- input,
57
- optgroup,
58
- select,
59
- textarea
60
- font-family: $body-family
61
-
62
- code,
63
- pre
64
- -moz-osx-font-smoothing: auto
65
- -webkit-font-smoothing: auto
66
- font-family: $code-family
67
-
68
- body
69
- color: $body-color
70
- font-size: $body-font-size
71
- font-weight: $body-weight
72
- line-height: $body-line-height
73
-
74
- // Inline
75
-
76
- a
77
- color: $link
78
- cursor: pointer
79
- text-decoration: none
80
- strong
81
- color: currentColor
82
- &:hover
83
- color: $link-hover
84
-
85
- code
86
- background-color: $code-background
87
- color: $code
88
- font-size: $code-size
89
- font-weight: $code-weight
90
- padding: $code-padding
91
-
92
- hr
93
- background-color: $hr-background-color
94
- border: none
95
- display: block
96
- height: $hr-height
97
- margin: $hr-margin
98
-
99
- img
100
- height: auto
101
- max-width: 100%
102
-
103
- input[type="checkbox"],
104
- input[type="radio"]
105
- vertical-align: baseline
106
-
107
- small
108
- font-size: $small-font-size
109
-
110
- span
111
- font-style: inherit
112
- font-weight: inherit
113
-
114
- strong
115
- color: $strong-color
116
- font-weight: $strong-weight
117
-
118
- // Block
119
-
120
- fieldset
121
- border: none
122
-
123
- pre
124
- +overflow-touch
125
- background-color: $pre-background
126
- color: $pre
127
- font-size: $pre-font-size
128
- overflow-x: auto
129
- padding: $pre-padding
130
- white-space: pre
131
- word-wrap: normal
132
- code
133
- background-color: transparent
134
- color: currentColor
135
- font-size: $pre-code-font-size
136
- padding: 0
137
-
138
- table
139
- td,
140
- th
141
- vertical-align: top
142
- &:not([align])
143
- text-align: inherit
144
- th
145
- color: $text-strong
@@ -1 +0,0 @@
1
- @warn "The helpers.sass file is DEPRECATED. It has moved into its own /helpers folder. Please import sass/helpers/_all instead."
@@ -1,79 +0,0 @@
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: inherit
@@ -1,15 +0,0 @@
1
- /* Bulma Components */
2
- @charset "utf-8"
3
-
4
- @import "breadcrumb"
5
- @import "card"
6
- @import "dropdown"
7
- @import "level"
8
- @import "media"
9
- @import "menu"
10
- @import "message"
11
- @import "modal"
12
- @import "navbar"
13
- @import "pagination"
14
- @import "panel"
15
- @import "tabs"
@@ -1,77 +0,0 @@
1
- @import "../utilities/mixins"
2
-
3
- $breadcrumb-item-color: $link !default
4
- $breadcrumb-item-hover-color: $link-hover !default
5
- $breadcrumb-item-active-color: $text-strong !default
6
-
7
- $breadcrumb-item-padding-vertical: 0 !default
8
- $breadcrumb-item-padding-horizontal: 0.75em !default
9
-
10
- $breadcrumb-item-separator-color: $border-hover !default
11
-
12
- .breadcrumb
13
- @extend %block
14
- @extend %unselectable
15
- font-size: $size-normal
16
- white-space: nowrap
17
- a
18
- align-items: center
19
- color: $breadcrumb-item-color
20
- display: flex
21
- justify-content: center
22
- padding: $breadcrumb-item-padding-vertical $breadcrumb-item-padding-horizontal
23
- &:hover
24
- color: $breadcrumb-item-hover-color
25
- li
26
- align-items: center
27
- display: flex
28
- &:first-child a
29
- +ltr-property("padding", 0, false)
30
- &.is-active
31
- a
32
- color: $breadcrumb-item-active-color
33
- cursor: default
34
- pointer-events: none
35
- & + li::before
36
- color: $breadcrumb-item-separator-color
37
- content: "\0002f"
38
- ul,
39
- ol
40
- align-items: flex-start
41
- display: flex
42
- flex-wrap: wrap
43
- justify-content: flex-start
44
- .icon
45
- &:first-child
46
- +ltr-property("margin", 0.5em)
47
- &:last-child
48
- +ltr-property("margin", 0.5em, false)
49
- // Alignment
50
- &.is-centered
51
- ol,
52
- ul
53
- justify-content: center
54
- &.is-right
55
- ol,
56
- ul
57
- justify-content: flex-end
58
- // Sizes
59
- &.is-small
60
- font-size: $size-small
61
- &.is-medium
62
- font-size: $size-medium
63
- &.is-large
64
- font-size: $size-large
65
- // Styles
66
- &.has-arrow-separator
67
- li + li::before
68
- content: "\02192"
69
- &.has-bullet-separator
70
- li + li::before
71
- content: "\02022"
72
- &.has-dot-separator
73
- li + li::before
74
- content: "\000b7"
75
- &.has-succeeds-separator
76
- li + li::before
77
- content: "\0227B"
@@ -1,103 +0,0 @@
1
- @import "../utilities/mixins"
2
-
3
- $card-color: $text !default
4
- $card-background-color: $scheme-main !default
5
- $card-shadow: $shadow !default
6
- $card-radius: 0.25rem !default
7
-
8
- $card-header-background-color: transparent !default
9
- $card-header-color: $text-strong !default
10
- $card-header-padding: 0.75rem 1rem !default
11
- $card-header-shadow: 0 0.125em 0.25em rgba($scheme-invert, 0.1) !default
12
- $card-header-weight: $weight-bold !default
13
-
14
- $card-content-background-color: transparent !default
15
- $card-content-padding: 1.5rem !default
16
-
17
- $card-footer-background-color: transparent !default
18
- $card-footer-border-top: 1px solid $border-light !default
19
- $card-footer-padding: 0.75rem !default
20
-
21
- $card-media-margin: $block-spacing !default
22
-
23
- .card
24
- background-color: $card-background-color
25
- border-radius: $card-radius
26
- box-shadow: $card-shadow
27
- color: $card-color
28
- max-width: 100%
29
- position: relative
30
-
31
- %card-item
32
- &:first-child
33
- border-top-left-radius: $card-radius
34
- border-top-right-radius: $card-radius
35
- &:last-child
36
- border-bottom-left-radius: $card-radius
37
- border-bottom-right-radius: $card-radius
38
-
39
- .card-header
40
- @extend %card-item
41
- background-color: $card-header-background-color
42
- align-items: stretch
43
- box-shadow: $card-header-shadow
44
- display: flex
45
-
46
- .card-header-title
47
- align-items: center
48
- color: $card-header-color
49
- display: flex
50
- flex-grow: 1
51
- font-weight: $card-header-weight
52
- padding: $card-header-padding
53
- &.is-centered
54
- justify-content: center
55
-
56
- .card-header-icon
57
- +reset
58
- align-items: center
59
- cursor: pointer
60
- display: flex
61
- justify-content: center
62
- padding: $card-header-padding
63
-
64
- .card-image
65
- display: block
66
- position: relative
67
- &:first-child
68
- img
69
- border-top-left-radius: $card-radius
70
- border-top-right-radius: $card-radius
71
- &:last-child
72
- img
73
- border-bottom-left-radius: $card-radius
74
- border-bottom-right-radius: $card-radius
75
-
76
- .card-content
77
- @extend %card-item
78
- background-color: $card-content-background-color
79
- padding: $card-content-padding
80
-
81
- .card-footer
82
- @extend %card-item
83
- background-color: $card-footer-background-color
84
- border-top: $card-footer-border-top
85
- align-items: stretch
86
- display: flex
87
-
88
- .card-footer-item
89
- align-items: center
90
- display: flex
91
- flex-basis: 0
92
- flex-grow: 1
93
- flex-shrink: 0
94
- justify-content: center
95
- padding: $card-footer-padding
96
- &:not(:last-child)
97
- +ltr-property("border", $card-footer-border-top)
98
-
99
- // Combinations
100
-
101
- .card
102
- .media:not(:last-child)
103
- margin-bottom: $card-media-margin
@@ -1,83 +0,0 @@
1
- @import "../utilities/mixins"
2
-
3
- $dropdown-menu-min-width: 12rem !default
4
-
5
- $dropdown-content-background-color: $scheme-main !default
6
- $dropdown-content-arrow: $link !default
7
- $dropdown-content-offset: 4px !default
8
- $dropdown-content-padding-bottom: 0.5rem !default
9
- $dropdown-content-padding-top: 0.5rem !default
10
- $dropdown-content-radius: $radius !default
11
- $dropdown-content-shadow: $shadow !default
12
- $dropdown-content-z: 20 !default
13
-
14
- $dropdown-item-color: $text !default
15
- $dropdown-item-hover-color: $scheme-invert !default
16
- $dropdown-item-hover-background-color: $background !default
17
- $dropdown-item-active-color: $link-invert !default
18
- $dropdown-item-active-background-color: $link !default
19
-
20
- $dropdown-divider-background-color: $border-light !default
21
-
22
- .dropdown
23
- display: inline-flex
24
- position: relative
25
- vertical-align: top
26
- &.is-active,
27
- &.is-hoverable:hover
28
- .dropdown-menu
29
- display: block
30
- &.is-right
31
- .dropdown-menu
32
- left: auto
33
- right: 0
34
- &.is-up
35
- .dropdown-menu
36
- bottom: 100%
37
- padding-bottom: $dropdown-content-offset
38
- padding-top: initial
39
- top: auto
40
-
41
- .dropdown-menu
42
- display: none
43
- +ltr-position(0, false)
44
- min-width: $dropdown-menu-min-width
45
- padding-top: $dropdown-content-offset
46
- position: absolute
47
- top: 100%
48
- z-index: $dropdown-content-z
49
-
50
- .dropdown-content
51
- background-color: $dropdown-content-background-color
52
- border-radius: $dropdown-content-radius
53
- box-shadow: $dropdown-content-shadow
54
- padding-bottom: $dropdown-content-padding-bottom
55
- padding-top: $dropdown-content-padding-top
56
-
57
- .dropdown-item
58
- color: $dropdown-item-color
59
- display: block
60
- font-size: 0.875rem
61
- line-height: 1.5
62
- padding: 0.375rem 1rem
63
- position: relative
64
-
65
- a.dropdown-item,
66
- button.dropdown-item
67
- +ltr-property("padding", 3rem)
68
- text-align: inherit
69
- white-space: nowrap
70
- width: 100%
71
- &:hover
72
- background-color: $dropdown-item-hover-background-color
73
- color: $dropdown-item-hover-color
74
- &.is-active
75
- background-color: $dropdown-item-active-background-color
76
- color: $dropdown-item-active-color
77
-
78
- .dropdown-divider
79
- background-color: $dropdown-divider-background-color
80
- border: none
81
- display: block
82
- height: 1px
83
- margin: 0.5rem 0
@@ -1,79 +0,0 @@
1
- @import "../utilities/mixins"
2
-
3
- $level-item-spacing: ($block-spacing * 0.5) !default
4
-
5
- .level
6
- @extend %block
7
- align-items: center
8
- justify-content: space-between
9
- code
10
- border-radius: $radius
11
- img
12
- display: inline-block
13
- vertical-align: top
14
- // Modifiers
15
- &.is-mobile
16
- display: flex
17
- .level-left,
18
- .level-right
19
- display: flex
20
- .level-left + .level-right
21
- margin-top: 0
22
- .level-item
23
- &:not(:last-child)
24
- margin-bottom: 0
25
- +ltr-property("margin", $level-item-spacing)
26
- &:not(.is-narrow)
27
- flex-grow: 1
28
- // Responsiveness
29
- +tablet
30
- display: flex
31
- & > .level-item
32
- &:not(.is-narrow)
33
- flex-grow: 1
34
-
35
- .level-item
36
- align-items: center
37
- display: flex
38
- flex-basis: auto
39
- flex-grow: 0
40
- flex-shrink: 0
41
- justify-content: center
42
- .title,
43
- .subtitle
44
- margin-bottom: 0
45
- // Responsiveness
46
- +mobile
47
- &:not(:last-child)
48
- margin-bottom: $level-item-spacing
49
-
50
- .level-left,
51
- .level-right
52
- flex-basis: auto
53
- flex-grow: 0
54
- flex-shrink: 0
55
- .level-item
56
- // Modifiers
57
- &.is-flexible
58
- flex-grow: 1
59
- // Responsiveness
60
- +tablet
61
- &:not(:last-child)
62
- +ltr-property("margin", $level-item-spacing)
63
-
64
- .level-left
65
- align-items: center
66
- justify-content: flex-start
67
- // Responsiveness
68
- +mobile
69
- & + .level-right
70
- margin-top: 1.5rem
71
- +tablet
72
- display: flex
73
-
74
- .level-right
75
- align-items: center
76
- justify-content: flex-end
77
- // Responsiveness
78
- +tablet
79
- display: flex
@@ -1,59 +0,0 @@
1
- @import "../utilities/mixins"
2
-
3
- $media-border-color: bulmaRgba($border, 0.5) !default
4
- $media-border-size: 1px !default
5
- $media-spacing: 1rem !default
6
- $media-spacing-large: 1.5rem !default
7
- $media-content-spacing: 0.75rem !default
8
- $media-level-1-spacing: 0.75rem !default
9
- $media-level-1-content-spacing: 0.5rem !default
10
- $media-level-2-spacing: 0.5rem !default
11
-
12
- .media
13
- align-items: flex-start
14
- display: flex
15
- text-align: inherit
16
- .content:not(:last-child)
17
- margin-bottom: $media-content-spacing
18
- .media
19
- border-top: $media-border-size solid $media-border-color
20
- display: flex
21
- padding-top: $media-level-1-spacing
22
- .content:not(:last-child),
23
- .control:not(:last-child)
24
- margin-bottom: $media-level-1-content-spacing
25
- .media
26
- padding-top: $media-level-2-spacing
27
- & + .media
28
- margin-top: $media-level-2-spacing
29
- & + .media
30
- border-top: $media-border-size solid $media-border-color
31
- margin-top: $media-spacing
32
- padding-top: $media-spacing
33
- // Sizes
34
- &.is-large
35
- & + .media
36
- margin-top: $media-spacing-large
37
- padding-top: $media-spacing-large
38
-
39
- .media-left,
40
- .media-right
41
- flex-basis: auto
42
- flex-grow: 0
43
- flex-shrink: 0
44
-
45
- .media-left
46
- +ltr-property("margin", $media-spacing)
47
-
48
- .media-right
49
- +ltr-property("margin", $media-spacing, false)
50
-
51
- .media-content
52
- flex-basis: auto
53
- flex-grow: 1
54
- flex-shrink: 1
55
- text-align: inherit
56
-
57
- +mobile
58
- .media-content
59
- overflow-x: auto