bulma-rails 0.9.4 → 1.0.1

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 +48 -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 +114 -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 +647 -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 +144 -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 +146 -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 -167
  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 -357
  102. data/app/assets/stylesheets/sass/elements/container.sass +0 -29
  103. data/app/assets/stylesheets/sass/elements/content.sass +0 -162
  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 -134
  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 -88
  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 -135
  143. data/app/assets/stylesheets/sass/utilities/initial-variables.sass +0 -79
  144. data/app/assets/stylesheets/sass/utilities/mixins.sass +0 -303
@@ -0,0 +1,183 @@
1
+ @use "../utilities/css-variables" as cv;
2
+ @use "../utilities/derived-variables" as dv;
3
+ @use "../utilities/initial-variables" as iv;
4
+ @use "../utilities/extends";
5
+ @use "../utilities/mixins" as mx;
6
+
7
+ $message-h: cv.getVar("scheme-h");
8
+ $message-s: cv.getVar("scheme-s");
9
+ $message-background-l: cv.getVar("background-l");
10
+ $message-border-l: cv.getVar("border-l");
11
+ $message-border-l-delta: -20% !default;
12
+ $message-border-style: solid;
13
+ $message-border-width: 0.25em;
14
+ $message-color-l: cv.getVar("text-l");
15
+ $message-header-background-l: cv.getVar("dark-l");
16
+ $message-header-color-l: cv.getVar("text-dark-invert-l");
17
+ $message-radius: cv.getVar("radius") !default;
18
+
19
+ $message-header-weight: cv.getVar("weight-semibold") !default;
20
+ $message-header-padding: 1em 1.25em !default;
21
+ $message-header-radius: cv.getVar("radius") !default;
22
+
23
+ $message-body-border-width: 0 0 0 4px !default;
24
+ $message-body-color: cv.getVar("text") !default;
25
+ $message-body-padding: 1.25em 1.5em !default;
26
+ $message-body-radius: cv.getVar("radius-small") !default;
27
+
28
+ $message-body-pre-code-background-color: transparent !default;
29
+
30
+ $message-header-body-border-width: 0 !default;
31
+ $message-colors: dv.$colors !default;
32
+
33
+ .#{iv.$class-prefix}message {
34
+ @include cv.register-vars(
35
+ (
36
+ "message-border-l-delta": #{$message-border-l-delta},
37
+ "message-radius": #{$message-radius},
38
+ "message-header-weight": #{$message-header-weight},
39
+ "message-header-padding": #{$message-header-padding},
40
+ "message-header-radius": #{$message-header-radius},
41
+ "message-body-border-width": #{$message-body-border-width},
42
+ "message-body-color": #{$message-body-color},
43
+ "message-body-padding": #{$message-body-padding},
44
+ "message-body-radius": #{$message-body-radius},
45
+ "message-body-pre-code-background-color": #{$message-body-pre-code-background-color},
46
+ "message-header-body-border-width": #{$message-header-body-border-width},
47
+ "message-h": #{$message-h},
48
+ "message-s": #{$message-s},
49
+ "message-background-l": #{$message-background-l},
50
+ "message-border-l": #{$message-border-l},
51
+ "message-border-style": #{$message-border-style},
52
+ "message-border-width": #{$message-border-width},
53
+ "message-color-l": #{$message-color-l},
54
+ "message-header-background-l": #{$message-header-background-l},
55
+ "message-header-color-l": #{$message-header-color-l},
56
+ )
57
+ );
58
+ }
59
+
60
+ .#{iv.$class-prefix}message {
61
+ @extend %block;
62
+ border-radius: cv.getVar("message-radius");
63
+ color: hsl(
64
+ #{cv.getVar("message-h")},
65
+ #{cv.getVar("message-s")},
66
+ #{cv.getVar("message-color-l")}
67
+ );
68
+ font-size: cv.getVar("size-normal");
69
+
70
+ strong {
71
+ color: currentColor;
72
+ }
73
+
74
+ a:not(.#{iv.$class-prefix}button):not(.#{iv.$class-prefix}tag):not(
75
+ .#{iv.$class-prefix}dropdown-item
76
+ ) {
77
+ color: currentColor;
78
+ text-decoration: underline;
79
+ }
80
+
81
+ // Sizes
82
+ &.#{iv.$class-prefix}is-small {
83
+ font-size: cv.getVar("size-small");
84
+ }
85
+
86
+ &.#{iv.$class-prefix}is-medium {
87
+ font-size: cv.getVar("size-medium");
88
+ }
89
+
90
+ &.#{iv.$class-prefix}is-large {
91
+ font-size: cv.getVar("size-large");
92
+ }
93
+
94
+ // Colors
95
+ @each $name, $components in $message-colors {
96
+ &.#{iv.$class-prefix}is-#{$name} {
97
+ @include cv.register-vars(
98
+ (
99
+ "message-h": #{cv.getVar($name, "", "-h")},
100
+ "message-s": #{cv.getVar($name, "", "-s")},
101
+ "message-border-l":
102
+ calc(
103
+ #{cv.getVar($name, "", "-l")} + #{cv.getVar(
104
+ "message-border-l-delta"
105
+ )}
106
+ ),
107
+ "message-color-l": #{cv.getVar($name, "", "-on-scheme-l")},
108
+ "message-header-background-l": #{cv.getVar($name, "", "-l")},
109
+ "message-header-color-l": #{cv.getVar($name, "", "-invert-l")},
110
+ )
111
+ );
112
+ }
113
+ }
114
+ }
115
+
116
+ .#{iv.$class-prefix}message-header {
117
+ align-items: center;
118
+ background-color: hsl(
119
+ #{cv.getVar("message-h")},
120
+ #{cv.getVar("message-s")},
121
+ #{cv.getVar("message-header-background-l")}
122
+ );
123
+ border-start-start-radius: cv.getVar("message-header-radius");
124
+ border-start-end-radius: cv.getVar("message-header-radius");
125
+ color: hsl(
126
+ #{cv.getVar("message-h")},
127
+ #{cv.getVar("message-s")},
128
+ #{cv.getVar("message-header-color-l")}
129
+ );
130
+ display: flex;
131
+ font-weight: cv.getVar("message-header-weight");
132
+ justify-content: space-between;
133
+ line-height: 1.25;
134
+ padding: cv.getVar("message-header-padding");
135
+ position: relative;
136
+
137
+ .#{iv.$class-prefix}delete {
138
+ flex-grow: 0;
139
+ flex-shrink: 0;
140
+ margin-inline-start: 0.75em;
141
+ }
142
+
143
+ & + .#{iv.$class-prefix}message-body {
144
+ border-width: cv.getVar("message-header-body-border-width");
145
+ border-start-start-radius: 0;
146
+ border-start-end-radius: 0;
147
+ }
148
+ }
149
+
150
+ .#{iv.$class-prefix}message-body {
151
+ background-color: hsl(
152
+ #{cv.getVar("message-h")},
153
+ #{cv.getVar("message-s")},
154
+ #{cv.getVar("message-background-l")}
155
+ );
156
+ border-inline-start-color: hsl(
157
+ #{cv.getVar("message-h")},
158
+ #{cv.getVar("message-s")},
159
+ #{cv.getVar("message-border-l")}
160
+ );
161
+ border-inline-start-style: #{cv.getVar("message-border-style")};
162
+ border-inline-start-width: #{cv.getVar("message-border-width")};
163
+ border-radius: cv.getVar("message-body-radius");
164
+ padding: cv.getVar("message-body-padding");
165
+
166
+ code,
167
+ pre {
168
+ background-color: hsl(
169
+ #{cv.getVar("message-h")},
170
+ #{cv.getVar("message-s")},
171
+ #{cv.getVar("message-header-color-l")}
172
+ );
173
+ color: hsl(
174
+ #{cv.getVar("message-h")},
175
+ #{cv.getVar("message-s")},
176
+ #{cv.getVar("message-header-background-l")}
177
+ );
178
+ }
179
+
180
+ pre code {
181
+ background-color: cv.getVar("message-body-pre-code-background-color");
182
+ }
183
+ }
@@ -0,0 +1,164 @@
1
+ @use "../utilities/css-variables" as cv;
2
+ @use "../utilities/derived-variables" as dv;
3
+ @use "../utilities/initial-variables" as iv;
4
+ @use "../utilities/extends";
5
+ @use "../utilities/mixins" as mx;
6
+
7
+ $modal-z: 40 !default;
8
+
9
+ $modal-background-background-color: hsla(
10
+ #{cv.getVar("scheme-h")},
11
+ #{cv.getVar("scheme-s")},
12
+ #{cv.getVar("scheme-invert-l")},
13
+ 0.86
14
+ ) !default;
15
+
16
+ $modal-content-width: 40rem !default;
17
+ $modal-content-margin-mobile: 1.25rem !default;
18
+ $modal-content-spacing-mobile: 10rem !default;
19
+ $modal-content-spacing-tablet: 2.5rem !default;
20
+
21
+ $modal-close-dimensions: 2.5rem !default;
22
+ $modal-close-right: 1.25rem !default;
23
+ $modal-close-top: 1.25rem !default;
24
+
25
+ $modal-card-spacing: 2.5rem !default;
26
+
27
+ $modal-card-head-background-color: cv.getVar("scheme-main") !default;
28
+ $modal-card-head-padding: 2rem !default;
29
+ $modal-card-head-radius: cv.getVar("radius-large") !default;
30
+
31
+ $modal-card-title-color: cv.getVar("text-strong") !default;
32
+ $modal-card-title-line-height: 1 !default;
33
+ $modal-card-title-size: cv.getVar("size-4") !default;
34
+
35
+ $modal-card-foot-background-color: cv.getVar("scheme-main-bis") !default;
36
+ $modal-card-foot-radius: cv.getVar("radius-large") !default;
37
+
38
+ $modal-card-body-background-color: cv.getVar("scheme-main") !default;
39
+ $modal-card-body-padding: 2rem !default;
40
+
41
+ $modal-breakpoint: iv.$tablet !default;
42
+
43
+ .#{iv.$class-prefix}modal {
44
+ @include cv.register-vars(
45
+ (
46
+ "modal-z": #{$modal-z},
47
+ "modal-background-background-color": #{$modal-background-background-color},
48
+ "modal-content-width": #{$modal-content-width},
49
+ "modal-content-margin-mobile": #{$modal-content-margin-mobile},
50
+ "modal-content-spacing-mobile": #{$modal-content-spacing-mobile},
51
+ "modal-content-spacing-tablet": #{$modal-content-spacing-tablet},
52
+ "modal-close-dimensions": #{$modal-close-dimensions},
53
+ "modal-close-right": #{$modal-close-right},
54
+ "modal-close-top": #{$modal-close-top},
55
+ "modal-card-spacing": #{$modal-card-spacing},
56
+ "modal-card-head-background-color": #{$modal-card-head-background-color},
57
+ "modal-card-head-padding": #{$modal-card-head-padding},
58
+ "modal-card-head-radius": #{$modal-card-head-radius},
59
+ "modal-card-title-color": #{$modal-card-title-color},
60
+ "modal-card-title-line-height": #{$modal-card-title-line-height},
61
+ "modal-card-title-size": #{$modal-card-title-size},
62
+ "modal-card-foot-background-color": #{$modal-card-foot-background-color},
63
+ "modal-card-foot-radius": #{$modal-card-foot-radius},
64
+ "modal-card-body-background-color": #{$modal-card-body-background-color},
65
+ "modal-card-body-padding": #{$modal-card-body-padding},
66
+ )
67
+ );
68
+ }
69
+
70
+ .#{iv.$class-prefix}modal {
71
+ @extend %overlay;
72
+
73
+ align-items: center;
74
+ display: none;
75
+ flex-direction: column;
76
+ justify-content: center;
77
+ overflow: hidden;
78
+ position: fixed;
79
+ z-index: cv.getVar("modal-z");
80
+
81
+ // Modifiers
82
+ &.#{iv.$class-prefix}is-active {
83
+ display: flex;
84
+ }
85
+ }
86
+
87
+ .#{iv.$class-prefix}modal-background {
88
+ @extend %overlay;
89
+ background-color: cv.getVar("modal-background-background-color");
90
+ }
91
+
92
+ .#{iv.$class-prefix}modal-content,
93
+ .#{iv.$class-prefix}modal-card {
94
+ margin: 0 cv.getVar("modal-content-margin-mobile");
95
+ max-height: calc(100vh - #{cv.getVar("modal-content-spacing-mobile")});
96
+ overflow: auto;
97
+ position: relative;
98
+ width: 100%;
99
+
100
+ // Responsiveness
101
+ @include mx.from($modal-breakpoint) {
102
+ margin: 0 auto;
103
+ max-height: calc(100vh - #{cv.getVar("modal-content-spacing-tablet")});
104
+ width: cv.getVar("modal-content-width");
105
+ }
106
+ }
107
+
108
+ .#{iv.$class-prefix}modal-close {
109
+ @extend %delete;
110
+ background: none;
111
+ height: cv.getVar("modal-close-dimensions");
112
+ inset-inline-end: cv.getVar("modal-close-right");
113
+ position: fixed;
114
+ top: cv.getVar("modal-close-top");
115
+ width: cv.getVar("modal-close-dimensions");
116
+ }
117
+
118
+ .#{iv.$class-prefix}modal-card {
119
+ display: flex;
120
+ flex-direction: column;
121
+ max-height: calc(100vh - #{cv.getVar("modal-card-spacing")});
122
+ overflow: hidden;
123
+ overflow-y: visible;
124
+ }
125
+
126
+ .#{iv.$class-prefix}modal-card-head,
127
+ .#{iv.$class-prefix}modal-card-foot {
128
+ align-items: center;
129
+ display: flex;
130
+ flex-shrink: 0;
131
+ justify-content: flex-start;
132
+ padding: cv.getVar("modal-card-head-padding");
133
+ position: relative;
134
+ }
135
+
136
+ .#{iv.$class-prefix}modal-card-head {
137
+ background-color: cv.getVar("modal-card-head-background-color");
138
+ border-start-start-radius: cv.getVar("modal-card-head-radius");
139
+ border-start-end-radius: cv.getVar("modal-card-head-radius");
140
+ box-shadow: cv.getVar("shadow");
141
+ }
142
+
143
+ .#{iv.$class-prefix}modal-card-title {
144
+ color: cv.getVar("modal-card-title-color");
145
+ flex-grow: 1;
146
+ flex-shrink: 0;
147
+ font-size: cv.getVar("modal-card-title-size");
148
+ line-height: cv.getVar("modal-card-title-line-height");
149
+ }
150
+
151
+ .#{iv.$class-prefix}modal-card-foot {
152
+ background-color: cv.getVar("modal-card-foot-background-color");
153
+ border-end-start-radius: cv.getVar("modal-card-foot-radius");
154
+ border-end-end-radius: cv.getVar("modal-card-foot-radius");
155
+ }
156
+
157
+ .#{iv.$class-prefix}modal-card-body {
158
+ @include mx.overflow-touch;
159
+ background-color: cv.getVar("modal-card-body-background-color");
160
+ flex-grow: 1;
161
+ flex-shrink: 1;
162
+ overflow: auto;
163
+ padding: cv.getVar("modal-card-body-padding");
164
+ }