minolith 0.0.26 → 0.0.27
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.
- package/dist/css/minolith-skelton.css +33 -12
- package/dist/css/minolith-skelton.css.map +1 -1
- package/dist/css/minolith-skelton.min.css +33 -12
- package/dist/css/minolith-skelton.min.css.map +1 -1
- package/dist/css/minolith.css +303 -93
- package/dist/css/minolith.css.map +1 -1
- package/dist/css/minolith.min.css +3 -3
- package/dist/css/minolith.min.css.map +1 -1
- package/package.json +1 -1
- package/src/components/blockquote.scss +4 -2
- package/src/variables/color.scss +6 -2
package/package.json
CHANGED
|
@@ -13,6 +13,7 @@
|
|
|
13
13
|
@include mixins.element();
|
|
14
14
|
position: relative;
|
|
15
15
|
color: var(--#{variables.$prefix}color-default-blockquote-fore);
|
|
16
|
+
background-color: var(--#{variables.$prefix}color-default-blockquote-back);
|
|
16
17
|
border-left-color: var(--#{variables.$prefix}color-default-blockquote-border);
|
|
17
18
|
border-left-style: solid;
|
|
18
19
|
border-left-width: var(--#{variables.$prefix}blockquote-border-left-width);
|
|
@@ -31,7 +32,7 @@
|
|
|
31
32
|
top: 0;
|
|
32
33
|
overflow-y: hidden;
|
|
33
34
|
height: calc(var(--#{variables.$prefix}blockquote-icon-font-size) / 2);
|
|
34
|
-
width: var(--#{variables.$prefix}blockquote-icon-font-size);
|
|
35
|
+
width: calc(var(--#{variables.$prefix}blockquote-icon-font-size) / 2);
|
|
35
36
|
left: 0.5rem;
|
|
36
37
|
quotes: initial;
|
|
37
38
|
content: open-quote;
|
|
@@ -49,7 +50,7 @@
|
|
|
49
50
|
bottom: 0;
|
|
50
51
|
overflow-y: hidden;
|
|
51
52
|
height: calc(var(--#{variables.$prefix}blockquote-icon-font-size) / 2);
|
|
52
|
-
width: var(--#{variables.$prefix}blockquote-icon-font-size);
|
|
53
|
+
width: calc(var(--#{variables.$prefix}blockquote-icon-font-size) / 2);
|
|
53
54
|
right: 0.5rem;
|
|
54
55
|
quotes: initial;
|
|
55
56
|
content: close-quote;
|
|
@@ -64,6 +65,7 @@
|
|
|
64
65
|
@each $color in variables.$colors {
|
|
65
66
|
$colorName: map.get($color, "name");
|
|
66
67
|
&.is-#{$colorName} {
|
|
68
|
+
background-color: var(--#{variables.$prefix}color-#{$colorName}-blockquote-back);
|
|
67
69
|
border-left-color: var(
|
|
68
70
|
--#{variables.$prefix}color-#{$colorName}-blockquote-border
|
|
69
71
|
);
|
package/src/variables/color.scss
CHANGED
|
@@ -79,8 +79,9 @@ $color-light-lightness-badge-border: 70 !default;
|
|
|
79
79
|
//#endregion color-light-lightness-badge
|
|
80
80
|
|
|
81
81
|
//#region color-light-lightness-blockquote
|
|
82
|
-
$color-light-lightness-blockquote-fore:
|
|
83
|
-
$color-light-lightness-blockquote-
|
|
82
|
+
$color-light-lightness-blockquote-fore: 50 !default;
|
|
83
|
+
$color-light-lightness-blockquote-back: 90 !default;
|
|
84
|
+
$color-light-lightness-blockquote-border: 50 !default;
|
|
84
85
|
//#endregion color-light-lightness-blockquote
|
|
85
86
|
|
|
86
87
|
//#region color-light-lightness-card
|
|
@@ -191,6 +192,7 @@ $color-dark-lightness-badge-border: 30 !default;
|
|
|
191
192
|
|
|
192
193
|
//#region color-light-lightness-blockquote
|
|
193
194
|
$color-dark-lightness-blockquote-fore: 70 !default;
|
|
195
|
+
$color-dark-lightness-blockquote-back: 20 !default;
|
|
194
196
|
$color-dark-lightness-blockquote-border: 70 !default;
|
|
195
197
|
//#endregion color-light-lightness-blockquote
|
|
196
198
|
|
|
@@ -352,6 +354,7 @@ $colorShadesLight: (
|
|
|
352
354
|
),
|
|
353
355
|
blockquote: (
|
|
354
356
|
fore: functions.zeroPadding($color-light-lightness-blockquote-fore, 2),
|
|
357
|
+
back: functions.zeroPadding($color-light-lightness-blockquote-back, 2),
|
|
355
358
|
border: functions.zeroPadding($color-light-lightness-blockquote-border, 2),
|
|
356
359
|
),
|
|
357
360
|
button: (
|
|
@@ -843,6 +846,7 @@ $colorShadesDark: (
|
|
|
843
846
|
),
|
|
844
847
|
blockquote: (
|
|
845
848
|
fore: functions.zeroPadding($color-dark-lightness-blockquote-fore, 2),
|
|
849
|
+
back: functions.zeroPadding($color-dark-lightness-blockquote-back, 2),
|
|
846
850
|
border: functions.zeroPadding($color-dark-lightness-blockquote-border, 2),
|
|
847
851
|
),
|
|
848
852
|
button: (
|