@sproutsocial/racine 8.8.0-dar35-beta.0 → 8.8.0-dar35-beta.1
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.
|
@@ -3,13 +3,13 @@
|
|
|
3
3
|
|
|
4
4
|
// SET-UP
|
|
5
5
|
// These files are auto-generated based on JS theme files, ensuring our SCSS theme variables stay in sync.
|
|
6
|
-
@import "dist/themes/default.scss";
|
|
7
|
-
@import "dist/themes/dark.scss";
|
|
6
|
+
@import "../../dist/themes/default.scss";
|
|
7
|
+
@import "../../dist/themes/dark.scss";
|
|
8
8
|
|
|
9
9
|
// In the JS theme files, the theme object is exported as "default" (i.e., using "export default"),
|
|
10
10
|
// so we need to map-get "default" to access it.
|
|
11
11
|
$themes: (
|
|
12
|
-
|
|
12
|
+
light: map-get($default, "default"),
|
|
13
13
|
dark: map-get($dark, "default")
|
|
14
14
|
);
|
|
15
15
|
|
|
@@ -17,11 +17,7 @@ $themes: (
|
|
|
17
17
|
// CSS properties that are theme-dependent must be wrapped in this mixin
|
|
18
18
|
@mixin themed() {
|
|
19
19
|
@each $theme, $map in $themes {
|
|
20
|
-
|
|
21
|
-
// which makes ~ * a kind of nephew selector. Thus we can target all elements on the page even if they are
|
|
22
|
-
// not a direct descendent of the element that we apply the theme classname to.
|
|
23
|
-
// This is important for pop-ups and modals, since they are often mounted directly to the body.
|
|
24
|
-
.theme--#{$theme} ~ * & {
|
|
20
|
+
.theme--#{$theme} & {
|
|
25
21
|
$theme-map: () !global;
|
|
26
22
|
@each $key, $submap in $map {
|
|
27
23
|
$value: map-get(map-get($themes, $theme), "#{$key}");
|
|
@@ -104,7 +100,7 @@ $themes: (
|
|
|
104
100
|
|
|
105
101
|
// UTILITIES
|
|
106
102
|
// Helper functions that power the functions above. Not relevant to the theme.
|
|
107
|
-
// If you import this file with @use,
|
|
103
|
+
// If you import this file with @use, these functions will be excluded because they are private.
|
|
108
104
|
|
|
109
105
|
// Via https://stackoverflow.com/a/42295154
|
|
110
106
|
// Only works with a single-character separator
|
package/dist/themes/_themes.scss
CHANGED
|
@@ -3,13 +3,13 @@
|
|
|
3
3
|
|
|
4
4
|
// SET-UP
|
|
5
5
|
// These files are auto-generated based on JS theme files, ensuring our SCSS theme variables stay in sync.
|
|
6
|
-
@import "dist/themes/default.scss";
|
|
7
|
-
@import "dist/themes/dark.scss";
|
|
6
|
+
@import "../../dist/themes/default.scss";
|
|
7
|
+
@import "../../dist/themes/dark.scss";
|
|
8
8
|
|
|
9
9
|
// In the JS theme files, the theme object is exported as "default" (i.e., using "export default"),
|
|
10
10
|
// so we need to map-get "default" to access it.
|
|
11
11
|
$themes: (
|
|
12
|
-
|
|
12
|
+
light: map-get($default, "default"),
|
|
13
13
|
dark: map-get($dark, "default")
|
|
14
14
|
);
|
|
15
15
|
|
|
@@ -17,11 +17,7 @@ $themes: (
|
|
|
17
17
|
// CSS properties that are theme-dependent must be wrapped in this mixin
|
|
18
18
|
@mixin themed() {
|
|
19
19
|
@each $theme, $map in $themes {
|
|
20
|
-
|
|
21
|
-
// which makes ~ * a kind of nephew selector. Thus we can target all elements on the page even if they are
|
|
22
|
-
// not a direct descendent of the element that we apply the theme classname to.
|
|
23
|
-
// This is important for pop-ups and modals, since they are often mounted directly to the body.
|
|
24
|
-
.theme--#{$theme} ~ * & {
|
|
20
|
+
.theme--#{$theme} & {
|
|
25
21
|
$theme-map: () !global;
|
|
26
22
|
@each $key, $submap in $map {
|
|
27
23
|
$value: map-get(map-get($themes, $theme), "#{$key}");
|
|
@@ -104,7 +100,7 @@ $themes: (
|
|
|
104
100
|
|
|
105
101
|
// UTILITIES
|
|
106
102
|
// Helper functions that power the functions above. Not relevant to the theme.
|
|
107
|
-
// If you import this file with @use,
|
|
103
|
+
// If you import this file with @use, these functions will be excluded because they are private.
|
|
108
104
|
|
|
109
105
|
// Via https://stackoverflow.com/a/42295154
|
|
110
106
|
// Only works with a single-character separator
|