domma-js 0.20.0 → 0.20.2
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/package.json +1 -1
- package/public/dist/bundles/domma-complete.css +76 -22
- package/public/dist/bundles/domma-data-focused.css +76 -22
- package/public/dist/bundles/domma-essentials.css +76 -22
- package/public/dist/bundles/domma-full.css +76 -22
- package/public/dist/bundles/domma-minimal.css +70 -16
- package/public/dist/domma-syntax.min.js +3 -3
- package/public/dist/domma.css +65 -11
- package/public/dist/domma.esm.js +4 -4
- package/public/dist/domma.min.js +4 -4
- package/public/dist/elements.css +3 -3
- package/public/dist/grid.css +3 -3
- package/public/dist/syntax.css +3 -3
- package/public/dist/themes/domma-themes.css +3 -3
package/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Domma Complete CSS Bundle v0.20.
|
|
2
|
+
* Domma Complete CSS Bundle v0.20.2
|
|
3
3
|
* Dynamic Object Manipulation & Modeling API
|
|
4
4
|
* (c) 2026 Darryl Waterhouse & DCBW-IT
|
|
5
|
-
* Built: 2026-03-
|
|
5
|
+
* Built: 2026-03-17T14:10:01.407Z
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
/* ============================================
|
|
@@ -11,11 +11,11 @@
|
|
|
11
11
|
============================================ */
|
|
12
12
|
|
|
13
13
|
/*!
|
|
14
|
-
* Domma Core CSS v0.20.
|
|
14
|
+
* Domma Core CSS v0.20.2
|
|
15
15
|
* Dynamic Object Manipulation & Modeling API
|
|
16
16
|
* (c) 2026 Darryl Waterhouse & DCBW-IT
|
|
17
|
-
* Built: 2026-03-
|
|
18
|
-
* Commit:
|
|
17
|
+
* Built: 2026-03-17T14:10:00.837Z
|
|
18
|
+
* Commit: 22809b0
|
|
19
19
|
*/
|
|
20
20
|
|
|
21
21
|
/**
|
|
@@ -155,6 +155,13 @@
|
|
|
155
155
|
--dm-selected-bg: var(--dm-blue-100);
|
|
156
156
|
--dm-disabled-opacity: 0.5;
|
|
157
157
|
|
|
158
|
+
/* Translucency */
|
|
159
|
+
--dm-translucent-light: 0.85;
|
|
160
|
+
--dm-translucent: 0.7;
|
|
161
|
+
--dm-translucent-heavy: 0.5;
|
|
162
|
+
--dm-translucent-glass-blur: 8px;
|
|
163
|
+
--dm-translucent-glass-opacity: 0.75;
|
|
164
|
+
|
|
158
165
|
/* ================================================
|
|
159
166
|
BRAND COLORS
|
|
160
167
|
================================================ */
|
|
@@ -2176,20 +2183,67 @@ code, pre {
|
|
|
2176
2183
|
user-select: text;
|
|
2177
2184
|
}
|
|
2178
2185
|
|
|
2179
|
-
|
|
2180
|
-
|
|
2186
|
+
/* ============================================
|
|
2187
|
+
OPACITY SCALE
|
|
2188
|
+
Full graduated opacity scale (0–100)
|
|
2189
|
+
============================================ */
|
|
2190
|
+
|
|
2191
|
+
.opacity-0 { opacity: 0; }
|
|
2192
|
+
.opacity-10 { opacity: 0.1; }
|
|
2193
|
+
.opacity-20 { opacity: 0.2; }
|
|
2194
|
+
.opacity-25 { opacity: 0.25; }
|
|
2195
|
+
.opacity-30 { opacity: 0.3; }
|
|
2196
|
+
.opacity-40 { opacity: 0.4; }
|
|
2197
|
+
.opacity-50 { opacity: 0.5; }
|
|
2198
|
+
.opacity-60 { opacity: 0.6; }
|
|
2199
|
+
.opacity-70 { opacity: 0.7; }
|
|
2200
|
+
.opacity-75 { opacity: 0.75; }
|
|
2201
|
+
.opacity-80 { opacity: 0.8; }
|
|
2202
|
+
.opacity-90 { opacity: 0.9; }
|
|
2203
|
+
.opacity-100 { opacity: 1; }
|
|
2204
|
+
|
|
2205
|
+
/* ============================================
|
|
2206
|
+
TRANSLUCENT UTILITIES
|
|
2207
|
+
Semantic transparency classes for UI elements
|
|
2208
|
+
============================================ */
|
|
2209
|
+
|
|
2210
|
+
.translucent-light {
|
|
2211
|
+
opacity: var(--dm-translucent-light);
|
|
2212
|
+
transition: opacity var(--dm-transition-normal);
|
|
2181
2213
|
}
|
|
2182
2214
|
|
|
2183
|
-
.
|
|
2184
|
-
opacity:
|
|
2215
|
+
.translucent {
|
|
2216
|
+
opacity: var(--dm-translucent);
|
|
2217
|
+
transition: opacity var(--dm-transition-normal);
|
|
2185
2218
|
}
|
|
2186
2219
|
|
|
2187
|
-
.
|
|
2188
|
-
opacity:
|
|
2220
|
+
.translucent-heavy {
|
|
2221
|
+
opacity: var(--dm-translucent-heavy);
|
|
2222
|
+
transition: opacity var(--dm-transition-normal);
|
|
2189
2223
|
}
|
|
2190
2224
|
|
|
2191
|
-
|
|
2192
|
-
|
|
2225
|
+
/* Frosted glass — semi-transparent background + blur */
|
|
2226
|
+
.translucent-glass {
|
|
2227
|
+
background-color: rgba(255, 255, 255, var(--dm-translucent-glass-opacity));
|
|
2228
|
+
backdrop-filter: blur(var(--dm-translucent-glass-blur));
|
|
2229
|
+
-webkit-backdrop-filter: blur(var(--dm-translucent-glass-blur));
|
|
2230
|
+
transition: opacity var(--dm-transition-normal);
|
|
2231
|
+
}
|
|
2232
|
+
|
|
2233
|
+
/* Hover variants — apply translucency on hover */
|
|
2234
|
+
.translucent-hover:hover {
|
|
2235
|
+
opacity: var(--dm-translucent);
|
|
2236
|
+
transition: opacity var(--dm-transition-normal);
|
|
2237
|
+
}
|
|
2238
|
+
|
|
2239
|
+
.translucent-light-hover:hover {
|
|
2240
|
+
opacity: var(--dm-translucent-light);
|
|
2241
|
+
transition: opacity var(--dm-transition-normal);
|
|
2242
|
+
}
|
|
2243
|
+
|
|
2244
|
+
.translucent-heavy-hover:hover {
|
|
2245
|
+
opacity: var(--dm-translucent-heavy);
|
|
2246
|
+
transition: opacity var(--dm-transition-normal);
|
|
2193
2247
|
}
|
|
2194
2248
|
|
|
2195
2249
|
.transition {
|
|
@@ -4772,11 +4826,11 @@ body.dm-cloaked.dm-ready {
|
|
|
4772
4826
|
============================================ */
|
|
4773
4827
|
|
|
4774
4828
|
/*!
|
|
4775
|
-
* Domma Grid CSS v0.20.
|
|
4829
|
+
* Domma Grid CSS v0.20.2
|
|
4776
4830
|
* Dynamic Object Manipulation & Modeling API
|
|
4777
4831
|
* (c) 2026 Darryl Waterhouse & DCBW-IT
|
|
4778
|
-
* Built: 2026-03-
|
|
4779
|
-
* Commit:
|
|
4832
|
+
* Built: 2026-03-17T14:10:00.852Z
|
|
4833
|
+
* Commit: 22809b0
|
|
4780
4834
|
*/
|
|
4781
4835
|
|
|
4782
4836
|
/**
|
|
@@ -5397,11 +5451,11 @@ body.dm-cloaked.dm-ready {
|
|
|
5397
5451
|
============================================ */
|
|
5398
5452
|
|
|
5399
5453
|
/*!
|
|
5400
|
-
* Domma Elements CSS v0.20.
|
|
5454
|
+
* Domma Elements CSS v0.20.2
|
|
5401
5455
|
* Dynamic Object Manipulation & Modeling API
|
|
5402
5456
|
* (c) 2026 Darryl Waterhouse & DCBW-IT
|
|
5403
|
-
* Built: 2026-03-
|
|
5404
|
-
* Commit:
|
|
5457
|
+
* Built: 2026-03-17T14:10:00.871Z
|
|
5458
|
+
* Commit: 22809b0
|
|
5405
5459
|
*/
|
|
5406
5460
|
|
|
5407
5461
|
/**
|
|
@@ -12111,11 +12165,11 @@ code {
|
|
|
12111
12165
|
============================================ */
|
|
12112
12166
|
|
|
12113
12167
|
/*!
|
|
12114
|
-
* Domma Themes v0.20.
|
|
12168
|
+
* Domma Themes v0.20.2
|
|
12115
12169
|
* Dynamic Object Manipulation & Modeling API
|
|
12116
12170
|
* (c) 2026 Darryl Waterhouse & DCBW-IT
|
|
12117
|
-
* Built: 2026-03-
|
|
12118
|
-
* Commit:
|
|
12171
|
+
* Built: 2026-03-17T14:10:00.786Z
|
|
12172
|
+
* Commit: 22809b0
|
|
12119
12173
|
*/
|
|
12120
12174
|
|
|
12121
12175
|
/**
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Domma Data-Focused CSS Bundle v0.20.
|
|
2
|
+
* Domma Data-Focused CSS Bundle v0.20.2
|
|
3
3
|
* Dynamic Object Manipulation & Modeling API
|
|
4
4
|
* (c) 2026 Darryl Waterhouse & DCBW-IT
|
|
5
|
-
* Built: 2026-03-
|
|
5
|
+
* Built: 2026-03-17T14:10:01.385Z
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
/* ============================================
|
|
@@ -11,11 +11,11 @@
|
|
|
11
11
|
============================================ */
|
|
12
12
|
|
|
13
13
|
/*!
|
|
14
|
-
* Domma Core CSS v0.20.
|
|
14
|
+
* Domma Core CSS v0.20.2
|
|
15
15
|
* Dynamic Object Manipulation & Modeling API
|
|
16
16
|
* (c) 2026 Darryl Waterhouse & DCBW-IT
|
|
17
|
-
* Built: 2026-03-
|
|
18
|
-
* Commit:
|
|
17
|
+
* Built: 2026-03-17T14:10:00.837Z
|
|
18
|
+
* Commit: 22809b0
|
|
19
19
|
*/
|
|
20
20
|
|
|
21
21
|
/**
|
|
@@ -155,6 +155,13 @@
|
|
|
155
155
|
--dm-selected-bg: var(--dm-blue-100);
|
|
156
156
|
--dm-disabled-opacity: 0.5;
|
|
157
157
|
|
|
158
|
+
/* Translucency */
|
|
159
|
+
--dm-translucent-light: 0.85;
|
|
160
|
+
--dm-translucent: 0.7;
|
|
161
|
+
--dm-translucent-heavy: 0.5;
|
|
162
|
+
--dm-translucent-glass-blur: 8px;
|
|
163
|
+
--dm-translucent-glass-opacity: 0.75;
|
|
164
|
+
|
|
158
165
|
/* ================================================
|
|
159
166
|
BRAND COLORS
|
|
160
167
|
================================================ */
|
|
@@ -2176,20 +2183,67 @@ code, pre {
|
|
|
2176
2183
|
user-select: text;
|
|
2177
2184
|
}
|
|
2178
2185
|
|
|
2179
|
-
|
|
2180
|
-
|
|
2186
|
+
/* ============================================
|
|
2187
|
+
OPACITY SCALE
|
|
2188
|
+
Full graduated opacity scale (0–100)
|
|
2189
|
+
============================================ */
|
|
2190
|
+
|
|
2191
|
+
.opacity-0 { opacity: 0; }
|
|
2192
|
+
.opacity-10 { opacity: 0.1; }
|
|
2193
|
+
.opacity-20 { opacity: 0.2; }
|
|
2194
|
+
.opacity-25 { opacity: 0.25; }
|
|
2195
|
+
.opacity-30 { opacity: 0.3; }
|
|
2196
|
+
.opacity-40 { opacity: 0.4; }
|
|
2197
|
+
.opacity-50 { opacity: 0.5; }
|
|
2198
|
+
.opacity-60 { opacity: 0.6; }
|
|
2199
|
+
.opacity-70 { opacity: 0.7; }
|
|
2200
|
+
.opacity-75 { opacity: 0.75; }
|
|
2201
|
+
.opacity-80 { opacity: 0.8; }
|
|
2202
|
+
.opacity-90 { opacity: 0.9; }
|
|
2203
|
+
.opacity-100 { opacity: 1; }
|
|
2204
|
+
|
|
2205
|
+
/* ============================================
|
|
2206
|
+
TRANSLUCENT UTILITIES
|
|
2207
|
+
Semantic transparency classes for UI elements
|
|
2208
|
+
============================================ */
|
|
2209
|
+
|
|
2210
|
+
.translucent-light {
|
|
2211
|
+
opacity: var(--dm-translucent-light);
|
|
2212
|
+
transition: opacity var(--dm-transition-normal);
|
|
2181
2213
|
}
|
|
2182
2214
|
|
|
2183
|
-
.
|
|
2184
|
-
opacity:
|
|
2215
|
+
.translucent {
|
|
2216
|
+
opacity: var(--dm-translucent);
|
|
2217
|
+
transition: opacity var(--dm-transition-normal);
|
|
2185
2218
|
}
|
|
2186
2219
|
|
|
2187
|
-
.
|
|
2188
|
-
opacity:
|
|
2220
|
+
.translucent-heavy {
|
|
2221
|
+
opacity: var(--dm-translucent-heavy);
|
|
2222
|
+
transition: opacity var(--dm-transition-normal);
|
|
2189
2223
|
}
|
|
2190
2224
|
|
|
2191
|
-
|
|
2192
|
-
|
|
2225
|
+
/* Frosted glass — semi-transparent background + blur */
|
|
2226
|
+
.translucent-glass {
|
|
2227
|
+
background-color: rgba(255, 255, 255, var(--dm-translucent-glass-opacity));
|
|
2228
|
+
backdrop-filter: blur(var(--dm-translucent-glass-blur));
|
|
2229
|
+
-webkit-backdrop-filter: blur(var(--dm-translucent-glass-blur));
|
|
2230
|
+
transition: opacity var(--dm-transition-normal);
|
|
2231
|
+
}
|
|
2232
|
+
|
|
2233
|
+
/* Hover variants — apply translucency on hover */
|
|
2234
|
+
.translucent-hover:hover {
|
|
2235
|
+
opacity: var(--dm-translucent);
|
|
2236
|
+
transition: opacity var(--dm-transition-normal);
|
|
2237
|
+
}
|
|
2238
|
+
|
|
2239
|
+
.translucent-light-hover:hover {
|
|
2240
|
+
opacity: var(--dm-translucent-light);
|
|
2241
|
+
transition: opacity var(--dm-transition-normal);
|
|
2242
|
+
}
|
|
2243
|
+
|
|
2244
|
+
.translucent-heavy-hover:hover {
|
|
2245
|
+
opacity: var(--dm-translucent-heavy);
|
|
2246
|
+
transition: opacity var(--dm-transition-normal);
|
|
2193
2247
|
}
|
|
2194
2248
|
|
|
2195
2249
|
.transition {
|
|
@@ -4772,11 +4826,11 @@ body.dm-cloaked.dm-ready {
|
|
|
4772
4826
|
============================================ */
|
|
4773
4827
|
|
|
4774
4828
|
/*!
|
|
4775
|
-
* Domma Grid CSS v0.20.
|
|
4829
|
+
* Domma Grid CSS v0.20.2
|
|
4776
4830
|
* Dynamic Object Manipulation & Modeling API
|
|
4777
4831
|
* (c) 2026 Darryl Waterhouse & DCBW-IT
|
|
4778
|
-
* Built: 2026-03-
|
|
4779
|
-
* Commit:
|
|
4832
|
+
* Built: 2026-03-17T14:10:00.852Z
|
|
4833
|
+
* Commit: 22809b0
|
|
4780
4834
|
*/
|
|
4781
4835
|
|
|
4782
4836
|
/**
|
|
@@ -5397,11 +5451,11 @@ body.dm-cloaked.dm-ready {
|
|
|
5397
5451
|
============================================ */
|
|
5398
5452
|
|
|
5399
5453
|
/*!
|
|
5400
|
-
* Domma Elements CSS v0.20.
|
|
5454
|
+
* Domma Elements CSS v0.20.2
|
|
5401
5455
|
* Dynamic Object Manipulation & Modeling API
|
|
5402
5456
|
* (c) 2026 Darryl Waterhouse & DCBW-IT
|
|
5403
|
-
* Built: 2026-03-
|
|
5404
|
-
* Commit:
|
|
5457
|
+
* Built: 2026-03-17T14:10:00.871Z
|
|
5458
|
+
* Commit: 22809b0
|
|
5405
5459
|
*/
|
|
5406
5460
|
|
|
5407
5461
|
/**
|
|
@@ -12111,11 +12165,11 @@ code {
|
|
|
12111
12165
|
============================================ */
|
|
12112
12166
|
|
|
12113
12167
|
/*!
|
|
12114
|
-
* Domma Themes v0.20.
|
|
12168
|
+
* Domma Themes v0.20.2
|
|
12115
12169
|
* Dynamic Object Manipulation & Modeling API
|
|
12116
12170
|
* (c) 2026 Darryl Waterhouse & DCBW-IT
|
|
12117
|
-
* Built: 2026-03-
|
|
12118
|
-
* Commit:
|
|
12171
|
+
* Built: 2026-03-17T14:10:00.786Z
|
|
12172
|
+
* Commit: 22809b0
|
|
12119
12173
|
*/
|
|
12120
12174
|
|
|
12121
12175
|
/**
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Domma Essentials CSS Bundle v0.20.
|
|
2
|
+
* Domma Essentials CSS Bundle v0.20.2
|
|
3
3
|
* Dynamic Object Manipulation & Modeling API
|
|
4
4
|
* (c) 2026 Darryl Waterhouse & DCBW-IT
|
|
5
|
-
* Built: 2026-03-
|
|
5
|
+
* Built: 2026-03-17T14:10:01.353Z
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
/* ============================================
|
|
@@ -11,11 +11,11 @@
|
|
|
11
11
|
============================================ */
|
|
12
12
|
|
|
13
13
|
/*!
|
|
14
|
-
* Domma Core CSS v0.20.
|
|
14
|
+
* Domma Core CSS v0.20.2
|
|
15
15
|
* Dynamic Object Manipulation & Modeling API
|
|
16
16
|
* (c) 2026 Darryl Waterhouse & DCBW-IT
|
|
17
|
-
* Built: 2026-03-
|
|
18
|
-
* Commit:
|
|
17
|
+
* Built: 2026-03-17T14:10:00.837Z
|
|
18
|
+
* Commit: 22809b0
|
|
19
19
|
*/
|
|
20
20
|
|
|
21
21
|
/**
|
|
@@ -155,6 +155,13 @@
|
|
|
155
155
|
--dm-selected-bg: var(--dm-blue-100);
|
|
156
156
|
--dm-disabled-opacity: 0.5;
|
|
157
157
|
|
|
158
|
+
/* Translucency */
|
|
159
|
+
--dm-translucent-light: 0.85;
|
|
160
|
+
--dm-translucent: 0.7;
|
|
161
|
+
--dm-translucent-heavy: 0.5;
|
|
162
|
+
--dm-translucent-glass-blur: 8px;
|
|
163
|
+
--dm-translucent-glass-opacity: 0.75;
|
|
164
|
+
|
|
158
165
|
/* ================================================
|
|
159
166
|
BRAND COLORS
|
|
160
167
|
================================================ */
|
|
@@ -2176,20 +2183,67 @@ code, pre {
|
|
|
2176
2183
|
user-select: text;
|
|
2177
2184
|
}
|
|
2178
2185
|
|
|
2179
|
-
|
|
2180
|
-
|
|
2186
|
+
/* ============================================
|
|
2187
|
+
OPACITY SCALE
|
|
2188
|
+
Full graduated opacity scale (0–100)
|
|
2189
|
+
============================================ */
|
|
2190
|
+
|
|
2191
|
+
.opacity-0 { opacity: 0; }
|
|
2192
|
+
.opacity-10 { opacity: 0.1; }
|
|
2193
|
+
.opacity-20 { opacity: 0.2; }
|
|
2194
|
+
.opacity-25 { opacity: 0.25; }
|
|
2195
|
+
.opacity-30 { opacity: 0.3; }
|
|
2196
|
+
.opacity-40 { opacity: 0.4; }
|
|
2197
|
+
.opacity-50 { opacity: 0.5; }
|
|
2198
|
+
.opacity-60 { opacity: 0.6; }
|
|
2199
|
+
.opacity-70 { opacity: 0.7; }
|
|
2200
|
+
.opacity-75 { opacity: 0.75; }
|
|
2201
|
+
.opacity-80 { opacity: 0.8; }
|
|
2202
|
+
.opacity-90 { opacity: 0.9; }
|
|
2203
|
+
.opacity-100 { opacity: 1; }
|
|
2204
|
+
|
|
2205
|
+
/* ============================================
|
|
2206
|
+
TRANSLUCENT UTILITIES
|
|
2207
|
+
Semantic transparency classes for UI elements
|
|
2208
|
+
============================================ */
|
|
2209
|
+
|
|
2210
|
+
.translucent-light {
|
|
2211
|
+
opacity: var(--dm-translucent-light);
|
|
2212
|
+
transition: opacity var(--dm-transition-normal);
|
|
2181
2213
|
}
|
|
2182
2214
|
|
|
2183
|
-
.
|
|
2184
|
-
opacity:
|
|
2215
|
+
.translucent {
|
|
2216
|
+
opacity: var(--dm-translucent);
|
|
2217
|
+
transition: opacity var(--dm-transition-normal);
|
|
2185
2218
|
}
|
|
2186
2219
|
|
|
2187
|
-
.
|
|
2188
|
-
opacity:
|
|
2220
|
+
.translucent-heavy {
|
|
2221
|
+
opacity: var(--dm-translucent-heavy);
|
|
2222
|
+
transition: opacity var(--dm-transition-normal);
|
|
2189
2223
|
}
|
|
2190
2224
|
|
|
2191
|
-
|
|
2192
|
-
|
|
2225
|
+
/* Frosted glass — semi-transparent background + blur */
|
|
2226
|
+
.translucent-glass {
|
|
2227
|
+
background-color: rgba(255, 255, 255, var(--dm-translucent-glass-opacity));
|
|
2228
|
+
backdrop-filter: blur(var(--dm-translucent-glass-blur));
|
|
2229
|
+
-webkit-backdrop-filter: blur(var(--dm-translucent-glass-blur));
|
|
2230
|
+
transition: opacity var(--dm-transition-normal);
|
|
2231
|
+
}
|
|
2232
|
+
|
|
2233
|
+
/* Hover variants — apply translucency on hover */
|
|
2234
|
+
.translucent-hover:hover {
|
|
2235
|
+
opacity: var(--dm-translucent);
|
|
2236
|
+
transition: opacity var(--dm-transition-normal);
|
|
2237
|
+
}
|
|
2238
|
+
|
|
2239
|
+
.translucent-light-hover:hover {
|
|
2240
|
+
opacity: var(--dm-translucent-light);
|
|
2241
|
+
transition: opacity var(--dm-transition-normal);
|
|
2242
|
+
}
|
|
2243
|
+
|
|
2244
|
+
.translucent-heavy-hover:hover {
|
|
2245
|
+
opacity: var(--dm-translucent-heavy);
|
|
2246
|
+
transition: opacity var(--dm-transition-normal);
|
|
2193
2247
|
}
|
|
2194
2248
|
|
|
2195
2249
|
.transition {
|
|
@@ -4772,11 +4826,11 @@ body.dm-cloaked.dm-ready {
|
|
|
4772
4826
|
============================================ */
|
|
4773
4827
|
|
|
4774
4828
|
/*!
|
|
4775
|
-
* Domma Grid CSS v0.20.
|
|
4829
|
+
* Domma Grid CSS v0.20.2
|
|
4776
4830
|
* Dynamic Object Manipulation & Modeling API
|
|
4777
4831
|
* (c) 2026 Darryl Waterhouse & DCBW-IT
|
|
4778
|
-
* Built: 2026-03-
|
|
4779
|
-
* Commit:
|
|
4832
|
+
* Built: 2026-03-17T14:10:00.852Z
|
|
4833
|
+
* Commit: 22809b0
|
|
4780
4834
|
*/
|
|
4781
4835
|
|
|
4782
4836
|
/**
|
|
@@ -5397,11 +5451,11 @@ body.dm-cloaked.dm-ready {
|
|
|
5397
5451
|
============================================ */
|
|
5398
5452
|
|
|
5399
5453
|
/*!
|
|
5400
|
-
* Domma Elements CSS v0.20.
|
|
5454
|
+
* Domma Elements CSS v0.20.2
|
|
5401
5455
|
* Dynamic Object Manipulation & Modeling API
|
|
5402
5456
|
* (c) 2026 Darryl Waterhouse & DCBW-IT
|
|
5403
|
-
* Built: 2026-03-
|
|
5404
|
-
* Commit:
|
|
5457
|
+
* Built: 2026-03-17T14:10:00.871Z
|
|
5458
|
+
* Commit: 22809b0
|
|
5405
5459
|
*/
|
|
5406
5460
|
|
|
5407
5461
|
/**
|
|
@@ -12111,11 +12165,11 @@ code {
|
|
|
12111
12165
|
============================================ */
|
|
12112
12166
|
|
|
12113
12167
|
/*!
|
|
12114
|
-
* Domma Themes v0.20.
|
|
12168
|
+
* Domma Themes v0.20.2
|
|
12115
12169
|
* Dynamic Object Manipulation & Modeling API
|
|
12116
12170
|
* (c) 2026 Darryl Waterhouse & DCBW-IT
|
|
12117
|
-
* Built: 2026-03-
|
|
12118
|
-
* Commit:
|
|
12171
|
+
* Built: 2026-03-17T14:10:00.786Z
|
|
12172
|
+
* Commit: 22809b0
|
|
12119
12173
|
*/
|
|
12120
12174
|
|
|
12121
12175
|
/**
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Domma Full CSS Bundle v0.20.
|
|
2
|
+
* Domma Full CSS Bundle v0.20.2
|
|
3
3
|
* Dynamic Object Manipulation & Modeling API
|
|
4
4
|
* (c) 2026 Darryl Waterhouse & DCBW-IT
|
|
5
|
-
* Built: 2026-03-
|
|
5
|
+
* Built: 2026-03-17T14:10:01.371Z
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
/* ============================================
|
|
@@ -11,11 +11,11 @@
|
|
|
11
11
|
============================================ */
|
|
12
12
|
|
|
13
13
|
/*!
|
|
14
|
-
* Domma Core CSS v0.20.
|
|
14
|
+
* Domma Core CSS v0.20.2
|
|
15
15
|
* Dynamic Object Manipulation & Modeling API
|
|
16
16
|
* (c) 2026 Darryl Waterhouse & DCBW-IT
|
|
17
|
-
* Built: 2026-03-
|
|
18
|
-
* Commit:
|
|
17
|
+
* Built: 2026-03-17T14:10:00.837Z
|
|
18
|
+
* Commit: 22809b0
|
|
19
19
|
*/
|
|
20
20
|
|
|
21
21
|
/**
|
|
@@ -155,6 +155,13 @@
|
|
|
155
155
|
--dm-selected-bg: var(--dm-blue-100);
|
|
156
156
|
--dm-disabled-opacity: 0.5;
|
|
157
157
|
|
|
158
|
+
/* Translucency */
|
|
159
|
+
--dm-translucent-light: 0.85;
|
|
160
|
+
--dm-translucent: 0.7;
|
|
161
|
+
--dm-translucent-heavy: 0.5;
|
|
162
|
+
--dm-translucent-glass-blur: 8px;
|
|
163
|
+
--dm-translucent-glass-opacity: 0.75;
|
|
164
|
+
|
|
158
165
|
/* ================================================
|
|
159
166
|
BRAND COLORS
|
|
160
167
|
================================================ */
|
|
@@ -2176,20 +2183,67 @@ code, pre {
|
|
|
2176
2183
|
user-select: text;
|
|
2177
2184
|
}
|
|
2178
2185
|
|
|
2179
|
-
|
|
2180
|
-
|
|
2186
|
+
/* ============================================
|
|
2187
|
+
OPACITY SCALE
|
|
2188
|
+
Full graduated opacity scale (0–100)
|
|
2189
|
+
============================================ */
|
|
2190
|
+
|
|
2191
|
+
.opacity-0 { opacity: 0; }
|
|
2192
|
+
.opacity-10 { opacity: 0.1; }
|
|
2193
|
+
.opacity-20 { opacity: 0.2; }
|
|
2194
|
+
.opacity-25 { opacity: 0.25; }
|
|
2195
|
+
.opacity-30 { opacity: 0.3; }
|
|
2196
|
+
.opacity-40 { opacity: 0.4; }
|
|
2197
|
+
.opacity-50 { opacity: 0.5; }
|
|
2198
|
+
.opacity-60 { opacity: 0.6; }
|
|
2199
|
+
.opacity-70 { opacity: 0.7; }
|
|
2200
|
+
.opacity-75 { opacity: 0.75; }
|
|
2201
|
+
.opacity-80 { opacity: 0.8; }
|
|
2202
|
+
.opacity-90 { opacity: 0.9; }
|
|
2203
|
+
.opacity-100 { opacity: 1; }
|
|
2204
|
+
|
|
2205
|
+
/* ============================================
|
|
2206
|
+
TRANSLUCENT UTILITIES
|
|
2207
|
+
Semantic transparency classes for UI elements
|
|
2208
|
+
============================================ */
|
|
2209
|
+
|
|
2210
|
+
.translucent-light {
|
|
2211
|
+
opacity: var(--dm-translucent-light);
|
|
2212
|
+
transition: opacity var(--dm-transition-normal);
|
|
2181
2213
|
}
|
|
2182
2214
|
|
|
2183
|
-
.
|
|
2184
|
-
opacity:
|
|
2215
|
+
.translucent {
|
|
2216
|
+
opacity: var(--dm-translucent);
|
|
2217
|
+
transition: opacity var(--dm-transition-normal);
|
|
2185
2218
|
}
|
|
2186
2219
|
|
|
2187
|
-
.
|
|
2188
|
-
opacity:
|
|
2220
|
+
.translucent-heavy {
|
|
2221
|
+
opacity: var(--dm-translucent-heavy);
|
|
2222
|
+
transition: opacity var(--dm-transition-normal);
|
|
2189
2223
|
}
|
|
2190
2224
|
|
|
2191
|
-
|
|
2192
|
-
|
|
2225
|
+
/* Frosted glass — semi-transparent background + blur */
|
|
2226
|
+
.translucent-glass {
|
|
2227
|
+
background-color: rgba(255, 255, 255, var(--dm-translucent-glass-opacity));
|
|
2228
|
+
backdrop-filter: blur(var(--dm-translucent-glass-blur));
|
|
2229
|
+
-webkit-backdrop-filter: blur(var(--dm-translucent-glass-blur));
|
|
2230
|
+
transition: opacity var(--dm-transition-normal);
|
|
2231
|
+
}
|
|
2232
|
+
|
|
2233
|
+
/* Hover variants — apply translucency on hover */
|
|
2234
|
+
.translucent-hover:hover {
|
|
2235
|
+
opacity: var(--dm-translucent);
|
|
2236
|
+
transition: opacity var(--dm-transition-normal);
|
|
2237
|
+
}
|
|
2238
|
+
|
|
2239
|
+
.translucent-light-hover:hover {
|
|
2240
|
+
opacity: var(--dm-translucent-light);
|
|
2241
|
+
transition: opacity var(--dm-transition-normal);
|
|
2242
|
+
}
|
|
2243
|
+
|
|
2244
|
+
.translucent-heavy-hover:hover {
|
|
2245
|
+
opacity: var(--dm-translucent-heavy);
|
|
2246
|
+
transition: opacity var(--dm-transition-normal);
|
|
2193
2247
|
}
|
|
2194
2248
|
|
|
2195
2249
|
.transition {
|
|
@@ -4772,11 +4826,11 @@ body.dm-cloaked.dm-ready {
|
|
|
4772
4826
|
============================================ */
|
|
4773
4827
|
|
|
4774
4828
|
/*!
|
|
4775
|
-
* Domma Grid CSS v0.20.
|
|
4829
|
+
* Domma Grid CSS v0.20.2
|
|
4776
4830
|
* Dynamic Object Manipulation & Modeling API
|
|
4777
4831
|
* (c) 2026 Darryl Waterhouse & DCBW-IT
|
|
4778
|
-
* Built: 2026-03-
|
|
4779
|
-
* Commit:
|
|
4832
|
+
* Built: 2026-03-17T14:10:00.852Z
|
|
4833
|
+
* Commit: 22809b0
|
|
4780
4834
|
*/
|
|
4781
4835
|
|
|
4782
4836
|
/**
|
|
@@ -5397,11 +5451,11 @@ body.dm-cloaked.dm-ready {
|
|
|
5397
5451
|
============================================ */
|
|
5398
5452
|
|
|
5399
5453
|
/*!
|
|
5400
|
-
* Domma Elements CSS v0.20.
|
|
5454
|
+
* Domma Elements CSS v0.20.2
|
|
5401
5455
|
* Dynamic Object Manipulation & Modeling API
|
|
5402
5456
|
* (c) 2026 Darryl Waterhouse & DCBW-IT
|
|
5403
|
-
* Built: 2026-03-
|
|
5404
|
-
* Commit:
|
|
5457
|
+
* Built: 2026-03-17T14:10:00.871Z
|
|
5458
|
+
* Commit: 22809b0
|
|
5405
5459
|
*/
|
|
5406
5460
|
|
|
5407
5461
|
/**
|
|
@@ -12111,11 +12165,11 @@ code {
|
|
|
12111
12165
|
============================================ */
|
|
12112
12166
|
|
|
12113
12167
|
/*!
|
|
12114
|
-
* Domma Themes v0.20.
|
|
12168
|
+
* Domma Themes v0.20.2
|
|
12115
12169
|
* Dynamic Object Manipulation & Modeling API
|
|
12116
12170
|
* (c) 2026 Darryl Waterhouse & DCBW-IT
|
|
12117
|
-
* Built: 2026-03-
|
|
12118
|
-
* Commit:
|
|
12171
|
+
* Built: 2026-03-17T14:10:00.786Z
|
|
12172
|
+
* Commit: 22809b0
|
|
12119
12173
|
*/
|
|
12120
12174
|
|
|
12121
12175
|
/**
|