cloud-ide-layout 1.0.249 → 1.0.251
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.
|
@@ -51,6 +51,40 @@
|
|
|
51
51
|
--code-lyt-footer-wrapper-background-color: #F9F9F9;
|
|
52
52
|
--code-lyt-footer-wrapper-border-color: #e6e6e6;
|
|
53
53
|
// Footer Ends Here
|
|
54
|
+
|
|
55
|
+
/* Responsive font scale factor - base is 1.0 (desktop), can be overridden by theme */
|
|
56
|
+
--cide-lyt-font-responsive-scale: var(--cide-lyt-font-responsive-scale-base, 1.0);
|
|
57
|
+
|
|
58
|
+
/* 1. TYPOGRAPHIC SCALE - Base values for desktop (can be overridden by theme) */
|
|
59
|
+
--cide-theme-font-size-xs-base: 0.72rem;
|
|
60
|
+
/* 11.52px */
|
|
61
|
+
--cide-theme-font-size-sm-base: 0.8rem;
|
|
62
|
+
/* 12.8px */
|
|
63
|
+
--cide-theme-font-size-lg-base: 1.25rem;
|
|
64
|
+
/* 20px */
|
|
65
|
+
--cide-theme-font-size-xl-base: 1.563rem;
|
|
66
|
+
/* 25px */
|
|
67
|
+
--cide-theme-font-size-xxl-base: 1.953rem;
|
|
68
|
+
/* 31.25px */
|
|
69
|
+
--cide-theme-font-size-xxxl-base: 2.441rem;
|
|
70
|
+
/* 39.06px */
|
|
71
|
+
|
|
72
|
+
/* 1. TYPOGRAPHIC SCALE - Actual values for desktop (use base values, multiplied by scale) */
|
|
73
|
+
--cide-theme-font-size-xs: calc(var(--cide-theme-font-size-xs-base) * var(--cide-lyt-font-responsive-scale));
|
|
74
|
+
--cide-theme-font-size-sm: calc(var(--cide-theme-font-size-sm-base) * var(--cide-lyt-font-responsive-scale));
|
|
75
|
+
--cide-theme-font-size-lg: calc(var(--cide-theme-font-size-lg-base) * var(--cide-lyt-font-responsive-scale));
|
|
76
|
+
--cide-theme-font-size-xl: calc(var(--cide-theme-font-size-xl-base) * var(--cide-lyt-font-responsive-scale));
|
|
77
|
+
--cide-theme-font-size-xxl: calc(var(--cide-theme-font-size-xxl-base) * var(--cide-lyt-font-responsive-scale));
|
|
78
|
+
--cide-theme-font-size-xxxl: calc(var(--cide-theme-font-size-xxxl-base) * var(--cide-lyt-font-responsive-scale));
|
|
79
|
+
|
|
80
|
+
/* 2. FONT WEIGHTS */
|
|
81
|
+
--cide-theme-font-weight-regular: 400;
|
|
82
|
+
--cide-theme-font-weight-semibold: 600;
|
|
83
|
+
--cide-theme-font-weight-bold: 700;
|
|
84
|
+
|
|
85
|
+
/* 3. LINE HEIGHTS */
|
|
86
|
+
--cide-theme-line-height-body: 1.6;
|
|
87
|
+
--cide-theme-line-height-heading: 1.2;
|
|
54
88
|
}
|
|
55
89
|
|
|
56
90
|
/* Small Mobile Devices (< 480px) */
|
|
@@ -139,44 +173,6 @@
|
|
|
139
173
|
|
|
140
174
|
/* Desktop Devices (> 1024px) - Default values already set above */
|
|
141
175
|
|
|
142
|
-
|
|
143
|
-
/* :root defines variables available globally */
|
|
144
|
-
:root {
|
|
145
|
-
/* Responsive font scale factor - base is 1.0 (desktop), can be overridden by theme */
|
|
146
|
-
--cide-lyt-font-responsive-scale: var(--cide-lyt-font-responsive-scale-base, 1.0);
|
|
147
|
-
|
|
148
|
-
/* 1. TYPOGRAPHIC SCALE - Base values for desktop (can be overridden by theme) */
|
|
149
|
-
--cide-theme-font-size-xs-base: 0.72rem;
|
|
150
|
-
/* 11.52px */
|
|
151
|
-
--cide-theme-font-size-sm-base: 0.8rem;
|
|
152
|
-
/* 12.8px */
|
|
153
|
-
--cide-theme-font-size-lg-base: 1.25rem;
|
|
154
|
-
/* 20px */
|
|
155
|
-
--cide-theme-font-size-xl-base: 1.563rem;
|
|
156
|
-
/* 25px */
|
|
157
|
-
--cide-theme-font-size-xxl-base: 1.953rem;
|
|
158
|
-
/* 31.25px */
|
|
159
|
-
--cide-theme-font-size-xxxl-base: 2.441rem;
|
|
160
|
-
/* 39.06px */
|
|
161
|
-
|
|
162
|
-
/* 1. TYPOGRAPHIC SCALE - Actual values for desktop (use base values, multiplied by scale) */
|
|
163
|
-
--cide-theme-font-size-xs: calc(var(--cide-theme-font-size-xs-base) * var(--cide-lyt-font-responsive-scale));
|
|
164
|
-
--cide-theme-font-size-sm: calc(var(--cide-theme-font-size-sm-base) * var(--cide-lyt-font-responsive-scale));
|
|
165
|
-
--cide-theme-font-size-lg: calc(var(--cide-theme-font-size-lg-base) * var(--cide-lyt-font-responsive-scale));
|
|
166
|
-
--cide-theme-font-size-xl: calc(var(--cide-theme-font-size-xl-base) * var(--cide-lyt-font-responsive-scale));
|
|
167
|
-
--cide-theme-font-size-xxl: calc(var(--cide-theme-font-size-xxl-base) * var(--cide-lyt-font-responsive-scale));
|
|
168
|
-
--cide-theme-font-size-xxxl: calc(var(--cide-theme-font-size-xxxl-base) * var(--cide-lyt-font-responsive-scale));
|
|
169
|
-
|
|
170
|
-
/* 2. FONT WEIGHTS */
|
|
171
|
-
--cide-theme-font-weight-regular: 400;
|
|
172
|
-
--cide-theme-font-weight-semibold: 600;
|
|
173
|
-
--cide-theme-font-weight-bold: 700;
|
|
174
|
-
|
|
175
|
-
/* 3. LINE HEIGHTS */
|
|
176
|
-
--cide-theme-line-height-body: 1.6;
|
|
177
|
-
--cide-theme-line-height-heading: 1.2;
|
|
178
|
-
}
|
|
179
|
-
|
|
180
176
|
/* Small Mobile Devices (< 480px) - Font scaling */
|
|
181
177
|
@media screen and (max-width: 479px) {
|
|
182
178
|
:root {
|