@total_onion/onion-library 1.0.87 → 1.0.89
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/components/fields-core-critical-v3/core-critical-v3.scss +9 -2
- package/components/fields-core-css-modules-v3/core-css-modules-v3.scss +7 -6
- package/components/fields-core-css-sizing-vars-v3/core-css-sizing-vars-v3.scss +78 -77
- package/components/fields-core-design-system-v3/core-design-system-v3.php +2 -2
- package/components/fields-core-generic-v3/core-generic-v3.scss +119 -118
- package/components/fields-core-mixins-v3/core-mixins-v3.scss +0 -989
- package/components/fields-core-root-variables-v3/core-root-variables-v3.scss +40 -39
- package/components/fields-core-typography-v3/core-typography-v3.php +2 -2
- package/components/fields-core-typography-v3/core-typography-v3.scss +1 -1
- package/components/fields-core-wordpress-block-editor-preview-v3/core-wordpress-block-editor-preview-v3.scss +4 -7
- package/package.json +1 -1
|
@@ -1,45 +1,46 @@
|
|
|
1
1
|
// LIBRARY FILE - Do not modify/override here as your changes will be lost when the package is updated.
|
|
2
|
-
@use 'Assets/scss/modules/library-modules/core-mixins/core-mixins';
|
|
2
|
+
@use 'Assets/scss/modules/library-modules/core-mixins-v3/core-mixins-v3';
|
|
3
3
|
@use 'Assets/scss/theme/breakpoints';
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
body {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
5
|
+
@mixin coreRootVariablesV3() {
|
|
6
|
+
body {
|
|
7
|
+
//Font weights
|
|
8
|
+
--weight-thin: 100;
|
|
9
|
+
--weight-extra-light: 200;
|
|
10
|
+
--weight-light: 300;
|
|
11
|
+
--weight-medium: 400;
|
|
12
|
+
--weight-demi-bold: 500;
|
|
13
|
+
--weight-demi-bold-plus: 600;
|
|
14
|
+
--weight-bold: 700;
|
|
15
|
+
--weight-extra-bold: 800;
|
|
16
|
+
--weight-extra-bold-plus: 900;
|
|
17
|
+
--default-text-colour-mobile: var(--theme-primary-text-colour);
|
|
18
|
+
--default-text-colour-desktop: var(--theme-primary-text-colour);
|
|
19
|
+
// When you are in the WP preview - the screen width var now now needs to match the width of the WP editor preview box.
|
|
20
|
+
.wp-toolbar & {
|
|
21
|
+
--screen-width-mobile: 360px;
|
|
22
|
+
--font-reference-mobile: 360px;
|
|
23
|
+
--screen-width: 360px;
|
|
24
|
+
--font-reference: 360px;
|
|
25
|
+
@include core-mixins-v3.device(breakpoints.$tabPortrait) {
|
|
26
|
+
--screen-width-portrait: 768px;
|
|
27
|
+
--screen-width-landscape: 768px;
|
|
28
|
+
--screen-width-desktop: 768px;
|
|
29
|
+
--screen-width-static: 768px;
|
|
30
|
+
--screen-width: 768px;
|
|
31
|
+
--font-reference: 768px;
|
|
32
|
+
}
|
|
33
|
+
@include core-mixins-v3.device(breakpoints.$tabLandscape) {
|
|
34
|
+
--screen-width-portrait: 840px;
|
|
35
|
+
--screen-width-landscape: 840px;
|
|
36
|
+
--screen-width-desktop: 840px;
|
|
37
|
+
--screen-width-static: 840px;
|
|
38
|
+
--screen-width: 840px;
|
|
39
|
+
--font-reference-portrait: 840px;
|
|
40
|
+
--font-reference-landscape: 840px;
|
|
41
|
+
--font-reference-desktop: 840px;
|
|
42
|
+
--font-reference: 840px;
|
|
43
|
+
}
|
|
43
44
|
}
|
|
44
45
|
}
|
|
45
46
|
}
|
|
@@ -8,8 +8,8 @@ function core_typography_v3()
|
|
|
8
8
|
if (is_array($options)) {
|
|
9
9
|
if (array_key_exists('headings', $options)) {
|
|
10
10
|
$output = '
|
|
11
|
-
<style id="core-typography-vars">
|
|
12
|
-
|
|
11
|
+
<style id="core-typography-v3-vars">
|
|
12
|
+
body {
|
|
13
13
|
--paragraph-block-spacing-mobile:' . ($options['paragraph_spacing_mobile'] ?? 0) . 'px;
|
|
14
14
|
--paragraph-block-spacing-portrait:' . ($options['paragraph_spacing_portrait'] ?? 0) . 'px;
|
|
15
15
|
--paragraph-block-spacing-desktop:' . ($options['paragraph_spacing_desktop'] ?? 0) . 'px;
|
|
@@ -1,12 +1,10 @@
|
|
|
1
|
-
// LIBRARY FILE - Do not modify/override here as your changes will be lost when the package is updated.
|
|
2
1
|
@use 'Assets/scss/modules/library-modules/core-typography-mixins-v3/core-typography-mixins-v3';
|
|
3
|
-
@use 'Assets/scss/modules/library-modules/core-
|
|
4
|
-
@use 'Assets/scss/
|
|
5
|
-
@use 'Assets/scss/modules/library-modules/core-css-sizing-vars-v3/core-css-sizing-vars-v3';
|
|
6
|
-
@use 'Assets/scss/modules/library-modules/core-css-modules-v3/core-css-modules-v3';
|
|
7
|
-
@use 'Assets/scss/modules/dynamicBlocksPreview.scss';
|
|
2
|
+
@use 'Assets/scss/modules/library-modules/core-critical-v3/core-critical-v3';
|
|
3
|
+
@use 'Assets/scss/theme/font-face';
|
|
8
4
|
@use 'Assets/scss/theme/typography';
|
|
5
|
+
@use 'Assets/scss/modules/dynamicBlocksPreview.scss';
|
|
9
6
|
@use 'NodeModules/swiper/swiper-bundle';
|
|
7
|
+
@include core-critical-v3.coreCriticalV3();
|
|
10
8
|
|
|
11
9
|
/* Box sizing rules */
|
|
12
10
|
*,
|
|
@@ -35,7 +33,6 @@ html :where([style*='border-width'][data-assetkey]) {
|
|
|
35
33
|
}
|
|
36
34
|
|
|
37
35
|
.acf-block-component.acf-block-body .acf-block-preview {
|
|
38
|
-
@include core-typography-v3.core-typography-v3();
|
|
39
36
|
@include typography.typography();
|
|
40
37
|
|
|
41
38
|
.swiper {
|