lookbook 1.3.3 → 1.4.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +11 -11
- data/app/assets/lookbook/css/themes/blue.css +1 -1
- data/app/assets/lookbook/css/themes/green.css +66 -0
- data/app/assets/lookbook/css/themes/indigo.css +1 -1
- data/app/assets/lookbook/css/themes/rose.css +66 -0
- data/app/assets/lookbook/css/themes/zinc.css +1 -1
- data/app/components/lookbook/base_component.rb +2 -2
- data/app/components/lookbook/code/component.rb +2 -2
- data/app/components/lookbook/header/component.html.erb +1 -1
- data/app/components/lookbook/inspector_panel/component.rb +1 -1
- data/app/components/lookbook/nav/component.rb +8 -15
- data/app/components/lookbook/nav/directory/component.html.erb +26 -0
- data/app/components/lookbook/nav/directory/component.rb +4 -0
- data/app/components/lookbook/nav/{item → entity}/component.html.erb +5 -7
- data/app/components/lookbook/nav/entity/component.rb +49 -0
- data/app/components/lookbook/nav/item/component.css +15 -0
- data/app/components/lookbook/nav/item/component.js +4 -0
- data/app/components/lookbook/nav/item/component.rb +13 -56
- data/app/components/lookbook/tag_component.rb +1 -1
- data/app/components/lookbook/viewport/component.rb +1 -1
- data/app/controllers/concerns/lookbook/targetable_concern.rb +13 -38
- data/app/controllers/lookbook/application_controller.rb +9 -7
- data/app/controllers/lookbook/page_controller.rb +2 -2
- data/app/controllers/lookbook/pages_controller.rb +9 -15
- data/app/helpers/lookbook/application_helper.rb +2 -2
- data/app/helpers/lookbook/page_helper.rb +7 -4
- data/app/views/layouts/lookbook/application.html.erb +3 -4
- data/app/views/layouts/lookbook/page.html.erb +2 -2
- data/app/views/layouts/lookbook/shell.html.erb +2 -2
- data/app/views/layouts/lookbook/skeleton.html.erb +7 -7
- data/app/views/lookbook/index.html.erb +3 -3
- data/app/views/lookbook/inspector/panels/_params.html.erb +2 -2
- data/config/languages.yml +41 -0
- data/config/panels.yml +1 -1
- data/config/tags.yml +4 -0
- data/lib/lookbook/engine.rb +65 -43
- data/lib/lookbook/entities/collections/component_collection.rb +4 -0
- data/lib/lookbook/entities/collections/concerns/hierarchical_collection.rb +27 -0
- data/lib/lookbook/entities/collections/entity_collection.rb +66 -0
- data/lib/lookbook/entities/collections/page_collection.rb +30 -0
- data/lib/lookbook/entities/collections/preview_collection.rb +35 -0
- data/lib/lookbook/entities/collections/preview_example_collection.rb +9 -0
- data/lib/lookbook/entities/component.rb +31 -0
- data/lib/lookbook/entities/concerns/annotatable.rb +58 -0
- data/lib/lookbook/entities/concerns/inspectable.rb +44 -0
- data/lib/lookbook/entities/concerns/locatable.rb +73 -0
- data/lib/lookbook/entities/concerns/navigable.rb +27 -0
- data/lib/lookbook/entities/entity.rb +48 -0
- data/lib/lookbook/entities/page.rb +80 -0
- data/lib/lookbook/entities/page_section.rb +43 -0
- data/lib/lookbook/entities/preview.rb +87 -0
- data/lib/lookbook/entities/preview_example.rb +91 -0
- data/lib/lookbook/entities/preview_group.rb +48 -0
- data/lib/lookbook/file_watcher.rb +1 -1
- data/lib/lookbook/lang.rb +12 -35
- data/lib/lookbook/param.rb +2 -2
- data/lib/lookbook/preview_parser.rb +1 -1
- data/lib/lookbook/rendered_example.rb +37 -0
- data/lib/lookbook/services/code/code_beautifier.rb +1 -1
- data/lib/lookbook/services/code/code_highlighter.rb +1 -1
- data/lib/lookbook/services/code/code_indenter.rb +14 -0
- data/lib/lookbook/services/data/resolvers/data_resolver.rb +2 -2
- data/lib/lookbook/services/data/resolvers/method_resolver.rb +1 -1
- data/lib/lookbook/services/entities/entity_tree_builder.rb +45 -0
- data/lib/lookbook/services/position_prefix_parser.rb +16 -0
- data/lib/lookbook/stores/config_store.rb +1 -1
- data/lib/lookbook/stores/panel_store.rb +2 -2
- data/lib/lookbook/support/store.rb +1 -34
- data/lib/lookbook/support/tree_node.rb +83 -0
- data/lib/lookbook/support/utils/path_utils.rb +26 -2
- data/lib/lookbook/support/utils/utils.rb +24 -0
- data/lib/lookbook/tags/component_tag.rb +6 -0
- data/lib/lookbook/tags/custom_tag.rb +2 -0
- data/lib/lookbook/tags/id_tag.rb +1 -1
- data/lib/lookbook/tags/logical_path_tag.rb +3 -0
- data/lib/lookbook/tags/param_tag.rb +2 -0
- data/lib/lookbook/tags/position_tag.rb +1 -1
- data/lib/lookbook/tags/source_tag.rb +7 -0
- data/lib/lookbook/tags/yard_tag.rb +35 -7
- data/lib/lookbook/theme.rb +8 -0
- data/lib/lookbook/version.rb +1 -1
- data/lib/lookbook.rb +11 -7
- data/public/lookbook-assets/css/lookbook.css +55 -125
- data/public/lookbook-assets/css/lookbook.css.map +1 -1
- data/public/lookbook-assets/css/themes/blue.css.map +1 -1
- data/public/lookbook-assets/css/themes/green.css +68 -0
- data/public/lookbook-assets/css/themes/green.css.map +1 -0
- data/public/lookbook-assets/css/themes/indigo.css.map +1 -1
- data/public/lookbook-assets/css/themes/rose.css +68 -0
- data/public/lookbook-assets/css/themes/rose.css.map +1 -0
- data/public/lookbook-assets/css/themes/zinc.css.map +1 -1
- data/public/lookbook-assets/js/embed.js +9 -0
- data/public/lookbook-assets/js/embed.js.map +1 -1
- data/public/lookbook-assets/js/lookbook.js +288 -565
- data/public/lookbook-assets/js/lookbook.js.map +1 -1
- metadata +41 -18
- data/lib/lookbook/collection.rb +0 -161
- data/lib/lookbook/component.rb +0 -34
- data/lib/lookbook/entity.rb +0 -47
- data/lib/lookbook/page.rb +0 -194
- data/lib/lookbook/page_collection.rb +0 -19
- data/lib/lookbook/page_section.rb +0 -29
- data/lib/lookbook/preview.rb +0 -181
- data/lib/lookbook/preview_collection.rb +0 -23
- data/lib/lookbook/preview_example.rb +0 -93
- data/lib/lookbook/preview_group.rb +0 -58
- data/lib/lookbook/source_inspector.rb +0 -76
- data/lib/lookbook/support/utils/attribute_utils.rb +0 -14
- data/lib/lookbook/utils.rb +0 -65
@@ -10,6 +10,7 @@
|
|
10
10
|
html {
|
11
11
|
-webkit-text-size-adjust: 100%;
|
12
12
|
tab-size: 4;
|
13
|
+
font-feature-settings: normal;
|
13
14
|
font-family: -apple-system, \.SFNSText-Regular, San Francisco, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
|
14
15
|
line-height: 1.5;
|
15
16
|
}
|
@@ -242,6 +243,7 @@ select {
|
|
242
243
|
appearance: none;
|
243
244
|
print-color-adjust: exact;
|
244
245
|
vertical-align: middle;
|
246
|
+
-webkit-user-select: none;
|
245
247
|
user-select: none;
|
246
248
|
height: 1rem;
|
247
249
|
width: 1rem;
|
@@ -1034,24 +1036,24 @@ pre[class*="language-"] {
|
|
1034
1036
|
padding-left: .428571em;
|
1035
1037
|
}
|
1036
1038
|
|
1037
|
-
.prose-sm :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
|
1039
|
+
.prose-sm :where(.prose-sm > ul > li p):not(:where([class~="not-prose"] *)) {
|
1038
1040
|
margin-top: .571429em;
|
1039
1041
|
margin-bottom: .571429em;
|
1040
1042
|
}
|
1041
1043
|
|
1042
|
-
.prose-sm :where(.prose > ul > li > :first-child):not(:where([class~="not-prose"] *)) {
|
1044
|
+
.prose-sm :where(.prose-sm > ul > li > :first-child):not(:where([class~="not-prose"] *)) {
|
1043
1045
|
margin-top: 1.14286em;
|
1044
1046
|
}
|
1045
1047
|
|
1046
|
-
.prose-sm :where(.prose > ul > li > :last-child):not(:where([class~="not-prose"] *)) {
|
1048
|
+
.prose-sm :where(.prose-sm > ul > li > :last-child):not(:where([class~="not-prose"] *)) {
|
1047
1049
|
margin-bottom: 1.14286em;
|
1048
1050
|
}
|
1049
1051
|
|
1050
|
-
.prose-sm :where(.prose > ol > li > :first-child):not(:where([class~="not-prose"] *)) {
|
1052
|
+
.prose-sm :where(.prose-sm > ol > li > :first-child):not(:where([class~="not-prose"] *)) {
|
1051
1053
|
margin-top: 1.14286em;
|
1052
1054
|
}
|
1053
1055
|
|
1054
|
-
.prose-sm :where(.prose > ol > li > :last-child):not(:where([class~="not-prose"] *)) {
|
1056
|
+
.prose-sm :where(.prose-sm > ol > li > :last-child):not(:where([class~="not-prose"] *)) {
|
1055
1057
|
margin-bottom: 1.14286em;
|
1056
1058
|
}
|
1057
1059
|
|
@@ -1112,40 +1114,11 @@ pre[class*="language-"] {
|
|
1112
1114
|
padding-right: 0;
|
1113
1115
|
}
|
1114
1116
|
|
1115
|
-
.prose-sm :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
|
1116
|
-
margin-top: 0;
|
1117
|
-
}
|
1118
|
-
|
1119
|
-
.prose-sm :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
|
1120
|
-
margin-bottom: 0;
|
1121
|
-
}
|
1122
|
-
|
1123
|
-
.prose-base :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
|
1124
|
-
margin-top: .75em;
|
1125
|
-
margin-bottom: .75em;
|
1126
|
-
}
|
1127
|
-
|
1128
|
-
.prose-base :where(.prose > ul > li > :first-child):not(:where([class~="not-prose"] *)) {
|
1129
|
-
margin-top: 1.25em;
|
1130
|
-
}
|
1131
|
-
|
1132
|
-
.prose-base :where(.prose > ul > li > :last-child):not(:where([class~="not-prose"] *)) {
|
1133
|
-
margin-bottom: 1.25em;
|
1134
|
-
}
|
1135
|
-
|
1136
|
-
.prose-base :where(.prose > ol > li > :first-child):not(:where([class~="not-prose"] *)) {
|
1137
|
-
margin-top: 1.25em;
|
1138
|
-
}
|
1139
|
-
|
1140
|
-
.prose-base :where(.prose > ol > li > :last-child):not(:where([class~="not-prose"] *)) {
|
1141
|
-
margin-bottom: 1.25em;
|
1142
|
-
}
|
1143
|
-
|
1144
|
-
.prose-base :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
|
1117
|
+
.prose-sm :where(.prose-sm > :first-child):not(:where([class~="not-prose"] *)) {
|
1145
1118
|
margin-top: 0;
|
1146
1119
|
}
|
1147
1120
|
|
1148
|
-
.prose-
|
1121
|
+
.prose-sm :where(.prose-sm > :last-child):not(:where([class~="not-prose"] *)) {
|
1149
1122
|
margin-bottom: 0;
|
1150
1123
|
}
|
1151
1124
|
|
@@ -1271,24 +1244,24 @@ pre[class*="language-"] {
|
|
1271
1244
|
padding-left: .444444em;
|
1272
1245
|
}
|
1273
1246
|
|
1274
|
-
.prose-lg :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
|
1247
|
+
.prose-lg :where(.prose-lg > ul > li p):not(:where([class~="not-prose"] *)) {
|
1275
1248
|
margin-top: .888889em;
|
1276
1249
|
margin-bottom: .888889em;
|
1277
1250
|
}
|
1278
1251
|
|
1279
|
-
.prose-lg :where(.prose > ul > li > :first-child):not(:where([class~="not-prose"] *)) {
|
1252
|
+
.prose-lg :where(.prose-lg > ul > li > :first-child):not(:where([class~="not-prose"] *)) {
|
1280
1253
|
margin-top: 1.33333em;
|
1281
1254
|
}
|
1282
1255
|
|
1283
|
-
.prose-lg :where(.prose > ul > li > :last-child):not(:where([class~="not-prose"] *)) {
|
1256
|
+
.prose-lg :where(.prose-lg > ul > li > :last-child):not(:where([class~="not-prose"] *)) {
|
1284
1257
|
margin-bottom: 1.33333em;
|
1285
1258
|
}
|
1286
1259
|
|
1287
|
-
.prose-lg :where(.prose > ol > li > :first-child):not(:where([class~="not-prose"] *)) {
|
1260
|
+
.prose-lg :where(.prose-lg > ol > li > :first-child):not(:where([class~="not-prose"] *)) {
|
1288
1261
|
margin-top: 1.33333em;
|
1289
1262
|
}
|
1290
1263
|
|
1291
|
-
.prose-lg :where(.prose > ol > li > :last-child):not(:where([class~="not-prose"] *)) {
|
1264
|
+
.prose-lg :where(.prose-lg > ol > li > :last-child):not(:where([class~="not-prose"] *)) {
|
1292
1265
|
margin-bottom: 1.33333em;
|
1293
1266
|
}
|
1294
1267
|
|
@@ -1349,69 +1322,11 @@ pre[class*="language-"] {
|
|
1349
1322
|
padding-right: 0;
|
1350
1323
|
}
|
1351
1324
|
|
1352
|
-
.prose-lg :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
|
1353
|
-
margin-top: 0;
|
1354
|
-
}
|
1355
|
-
|
1356
|
-
.prose-lg :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
|
1357
|
-
margin-bottom: 0;
|
1358
|
-
}
|
1359
|
-
|
1360
|
-
.prose-xl :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
|
1361
|
-
margin-top: .8em;
|
1362
|
-
margin-bottom: .8em;
|
1363
|
-
}
|
1364
|
-
|
1365
|
-
.prose-xl :where(.prose > ul > li > :first-child):not(:where([class~="not-prose"] *)) {
|
1366
|
-
margin-top: 1.2em;
|
1367
|
-
}
|
1368
|
-
|
1369
|
-
.prose-xl :where(.prose > ul > li > :last-child):not(:where([class~="not-prose"] *)) {
|
1370
|
-
margin-bottom: 1.2em;
|
1371
|
-
}
|
1372
|
-
|
1373
|
-
.prose-xl :where(.prose > ol > li > :first-child):not(:where([class~="not-prose"] *)) {
|
1374
|
-
margin-top: 1.2em;
|
1375
|
-
}
|
1376
|
-
|
1377
|
-
.prose-xl :where(.prose > ol > li > :last-child):not(:where([class~="not-prose"] *)) {
|
1378
|
-
margin-bottom: 1.2em;
|
1379
|
-
}
|
1380
|
-
|
1381
|
-
.prose-xl :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
|
1382
|
-
margin-top: 0;
|
1383
|
-
}
|
1384
|
-
|
1385
|
-
.prose-xl :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
|
1386
|
-
margin-bottom: 0;
|
1387
|
-
}
|
1388
|
-
|
1389
|
-
.prose-2xl :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
|
1390
|
-
margin-top: .833333em;
|
1391
|
-
margin-bottom: .833333em;
|
1392
|
-
}
|
1393
|
-
|
1394
|
-
.prose-2xl :where(.prose > ul > li > :first-child):not(:where([class~="not-prose"] *)) {
|
1395
|
-
margin-top: 1.33333em;
|
1396
|
-
}
|
1397
|
-
|
1398
|
-
.prose-2xl :where(.prose > ul > li > :last-child):not(:where([class~="not-prose"] *)) {
|
1399
|
-
margin-bottom: 1.33333em;
|
1400
|
-
}
|
1401
|
-
|
1402
|
-
.prose-2xl :where(.prose > ol > li > :first-child):not(:where([class~="not-prose"] *)) {
|
1403
|
-
margin-top: 1.33333em;
|
1404
|
-
}
|
1405
|
-
|
1406
|
-
.prose-2xl :where(.prose > ol > li > :last-child):not(:where([class~="not-prose"] *)) {
|
1407
|
-
margin-bottom: 1.33333em;
|
1408
|
-
}
|
1409
|
-
|
1410
|
-
.prose-2xl :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
|
1325
|
+
.prose-lg :where(.prose-lg > :first-child):not(:where([class~="not-prose"] *)) {
|
1411
1326
|
margin-top: 0;
|
1412
1327
|
}
|
1413
1328
|
|
1414
|
-
.prose-
|
1329
|
+
.prose-lg :where(.prose-lg > :last-child):not(:where([class~="not-prose"] *)) {
|
1415
1330
|
margin-bottom: 0;
|
1416
1331
|
}
|
1417
1332
|
|
@@ -1451,6 +1366,7 @@ pre[class*="language-"] {
|
|
1451
1366
|
width: min-content;
|
1452
1367
|
z-index: 10;
|
1453
1368
|
height: 100%;
|
1369
|
+
-webkit-user-select: none;
|
1454
1370
|
user-select: none;
|
1455
1371
|
text-align: right;
|
1456
1372
|
border-style: dashed;
|
@@ -1507,7 +1423,7 @@ pre[class*="language-"] {
|
|
1507
1423
|
[data-component="icon"] {
|
1508
1424
|
flex: none;
|
1509
1425
|
line-height: 1;
|
1510
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
1426
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
|
1511
1427
|
transition-duration: .15s;
|
1512
1428
|
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
|
1513
1429
|
display: block;
|
@@ -1528,6 +1444,39 @@ pre[class*="language-"] {
|
|
1528
1444
|
padding: 1rem;
|
1529
1445
|
}
|
1530
1446
|
|
1447
|
+
[data-component="nav"] .nav-action {
|
1448
|
+
width: 100%;
|
1449
|
+
cursor: pointer;
|
1450
|
+
-webkit-user-select: none;
|
1451
|
+
user-select: none;
|
1452
|
+
color: var(--lookbook-nav-text);
|
1453
|
+
align-items: center;
|
1454
|
+
padding-top: .25rem;
|
1455
|
+
padding-bottom: .25rem;
|
1456
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
|
1457
|
+
transition-duration: .15s;
|
1458
|
+
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
|
1459
|
+
display: flex;
|
1460
|
+
}
|
1461
|
+
|
1462
|
+
[data-component="nav"] .nav-action:hover {
|
1463
|
+
background-color: var(--lookbook-nav-item-hover);
|
1464
|
+
}
|
1465
|
+
|
1466
|
+
[data-component="nav"] .nav-action-inner {
|
1467
|
+
width: 100%;
|
1468
|
+
align-items: center;
|
1469
|
+
display: flex;
|
1470
|
+
position: relative;
|
1471
|
+
}
|
1472
|
+
|
1473
|
+
[data-component="nav"] .nav-toggle-icon {
|
1474
|
+
color: var(--lookbook-nav-toggle);
|
1475
|
+
margin-right: .25rem;
|
1476
|
+
position: absolute;
|
1477
|
+
left: -1rem;
|
1478
|
+
}
|
1479
|
+
|
1531
1480
|
[data-component="params-editor"] table:not(.linear) thead tr {
|
1532
1481
|
border-bottom-width: 1px;
|
1533
1482
|
border-color: var(--lookbook-divider);
|
@@ -1666,9 +1615,10 @@ pre[class*="language-"] {
|
|
1666
1615
|
|
1667
1616
|
[data-component="viewport"] .resize-handle {
|
1668
1617
|
touch-action: none;
|
1618
|
+
-webkit-user-select: none;
|
1669
1619
|
user-select: none;
|
1670
1620
|
color: var(--lookbook-viewport-handle-icon-stroke);
|
1671
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
1621
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
|
1672
1622
|
transition-duration: .15s;
|
1673
1623
|
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
|
1674
1624
|
}
|
@@ -1844,10 +1794,6 @@ input[type="color"]::-webkit-color-swatch {
|
|
1844
1794
|
left: -1px;
|
1845
1795
|
}
|
1846
1796
|
|
1847
|
-
.-left-4 {
|
1848
|
-
left: -1rem;
|
1849
|
-
}
|
1850
|
-
|
1851
1797
|
.top-\[2px\] {
|
1852
1798
|
top: 2px;
|
1853
1799
|
}
|
@@ -2225,6 +2171,7 @@ input[type="color"]::-webkit-color-swatch {
|
|
2225
2171
|
}
|
2226
2172
|
|
2227
2173
|
.select-none {
|
2174
|
+
-webkit-user-select: none;
|
2228
2175
|
user-select: none;
|
2229
2176
|
}
|
2230
2177
|
|
@@ -2601,11 +2548,6 @@ input[type="color"]::-webkit-color-swatch {
|
|
2601
2548
|
padding-bottom: .75rem;
|
2602
2549
|
}
|
2603
2550
|
|
2604
|
-
.py-1 {
|
2605
|
-
padding-top: .25rem;
|
2606
|
-
padding-bottom: .25rem;
|
2607
|
-
}
|
2608
|
-
|
2609
2551
|
.px-1 {
|
2610
2552
|
padding-left: .25rem;
|
2611
2553
|
padding-right: .25rem;
|
@@ -2814,14 +2756,6 @@ input[type="color"]::-webkit-color-swatch {
|
|
2814
2756
|
color: var(--lookbook-prose-text);
|
2815
2757
|
}
|
2816
2758
|
|
2817
|
-
.text-lookbook-nav-text {
|
2818
|
-
color: var(--lookbook-nav-text);
|
2819
|
-
}
|
2820
|
-
|
2821
|
-
.text-lookbook-nav-toggle {
|
2822
|
-
color: var(--lookbook-nav-toggle);
|
2823
|
-
}
|
2824
|
-
|
2825
2759
|
.text-lookbook-nav-icon-stroke {
|
2826
2760
|
color: var(--lookbook-nav-icon-stroke);
|
2827
2761
|
}
|
@@ -2914,7 +2848,7 @@ input[type="color"]::-webkit-color-swatch {
|
|
2914
2848
|
}
|
2915
2849
|
|
2916
2850
|
.transition {
|
2917
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
2851
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
|
2918
2852
|
transition-duration: .15s;
|
2919
2853
|
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
|
2920
2854
|
}
|
@@ -3548,10 +3482,6 @@ input[type="color"]::-webkit-color-swatch {
|
|
3548
3482
|
background-color: var(--lookbook-draggable-hint);
|
3549
3483
|
}
|
3550
3484
|
|
3551
|
-
.hover\:bg-lookbook-nav-item-hover:hover {
|
3552
|
-
background-color: var(--lookbook-nav-item-hover);
|
3553
|
-
}
|
3554
|
-
|
3555
3485
|
.hover\:text-gray-900:hover {
|
3556
3486
|
--tw-text-opacity: 1;
|
3557
3487
|
color: rgb(17 24 39 / var(--tw-text-opacity));
|
@@ -1 +1 @@
|
|
1
|
-
{"mappings":"AAKE;;;;;AAOD;;;;
|
1
|
+
{"mappings":"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;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;;AAKA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;;AAIA;;;;;;AAIA;;;;;;AAIA;;;;;;AAIA;;;;;;AAIA;;;;;;AAIA;;;;;;AAIA;;;;;;AAIA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;;AAIA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;;AAIA;;;;;;AAIA;;;;;AAGA;;;;AAEA;;;;;;AAIA;;;;;;AAIA;;;;;;AAIA;;;;;;AAIA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAA6D;;;;AAA+C;;;;;;;;;;;;AAA6L;;;;AAAsD;;;;;;;;AAAmJ;;;;AAAsD;;;;;;;;AAAyJ;;;;AAAsD;;;;;;;AAAkJ;;;;AAAsD;;;;;;;AAAoJ;;;;AAAuG;;;;;;AAA+C;;;;;;;AAA6F;;;;;;AAA2D;;;;AAAkC;;;;;;;AAAsH;;;;;;;AAAyH;;;;;;;AAA0H;;;;;;;AAA2H;;;;AAA2F;;;;AAAiG;;;;AAA6F;;;;AAA+F;;;;AAAkC;;;;;;;;AAAuG;;;;;;;;AAOx4E;;;;AAEE;;;;AAEA;;;;AAEA;;;;AAEA;;;;;;;;;;;AASF;;;;;;AAIA;;;;AAEE;;;;AAEA;;;;AAEA;;;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiGF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CE;;;;AAEF;;;;;;AAIE;;;;AAEE;;;;;AAGa;;;;;AAGF;;;;AAEE;;;;;AAG2B;;;;AAE3B;;;;AAGH;;;;;AAGI;;;;AAEH;;;;AAEM;;;;;AAGM;;;;;AAGF;;;;;AAGD;;;;;;;AAKC;;;;;AAGA;;;;;AAGH;;;;AAEC;;;;AAEE;;;;;AAGC;;;;AAEF;;;;AAEA;;;;;AAGA;;;;;AAGI;;;;AAED;;;;;AAeD;;;;;AAGJ;;;;AAEA;;;;AAEE;;;;AAEA;;;;AAEA;;;;AAEF;;;;;AAGF;;;;AAEG;;;;AAEC;;;;AAEH;;;;;AAGG;;;;;AAGD;;;;AAEH;;;;AAEI;;;;AAID;;;;AAEL;;;;AAEK;;;;;AAGA;;;;AAEE;;;;AAQG;;;;AAcK;;;;AAEH;;;;AAEA;;;;AAEC;;;;AAEA;;;;AAEF;;;;AAMG;;;;AAEyF;;;;;AAG/F;;;;AAItB;;;;AAEJ;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;;AAIA;;;;;;AAIA;;;;AAEA;;;;;AAGA;;;;AAEA;EAEC;;;;;EAKA","sources":["app/assets/lookbook/css/lookbook.css"],"sourcesContent":["@import \"tailwindcss/base\";\n@import \"tailwindcss/components\";\n@import \"tailwindcss/utilities\";\n\n@import \"./tooltip.css\";\n\n@import-glob \"../../../components/lookbook/**/*/component.css\";\n\n@layer base {\n html {\n @apply scroll-smooth h-screen;\n }\n\n @media screen and (prefers-reduced-motion: reduce) {\n html {\n @apply scroll-auto;\n }\n }\n\n body {\n @apply text-lookbook-text font-sans text-sm antialiased overflow-hidden;\n }\n\n [x-cloak] {\n @apply !hidden;\n }\n\n pre[class*=\"language-\"] {\n @apply !p-0 !m-0;\n }\n\n ::-webkit-scrollbar {\n @apply w-1 h-1;\n }\n\n ::-webkit-scrollbar-track {\n @apply bg-transparent;\n }\n\n ::-webkit-scrollbar-thumb {\n @apply transition-colors rounded-full\tbg-clip-content bg-lookbook-scrollbar;\n }\n\n ::-webkit-scrollbar-thumb:hover {\n @apply bg-lookbook-scrollbar-hover;\n }\n}\n\n@layer components {\n [type=\"text\"],\n [type=\"email\"],\n [type=\"url\"],\n [type=\"password\"],\n [type=\"number\"],\n [type=\"date\"],\n [type=\"datetime-local\"],\n [type=\"month\"],\n [type=\"search\"],\n [type=\"tel\"],\n [type=\"time\"],\n [type=\"week\"],\n textarea,\n select {\n @apply text-lookbook-input-text placeholder:text-lookbook-input-text-placeholder placeholder:italic;\n @apply border-lookbook-input-border focus:ring-lookbook-input-border-focus focus:border-lookbook-input-border-focus;\n @apply rounded-md text-sm w-full bg-lookbook-input-bg block;\n }\n\n input[type=\"range\"] {\n -webkit-appearance: none;\n appearance: none;\n background: transparent;\n cursor: pointer;\n width: 100%;\n }\n\n input[type=\"range\"]:focus {\n outline: none;\n }\n\n input[type=\"range\"]::-webkit-slider-runnable-track {\n @apply bg-lookbook-input-toggle;\n border-radius: 0.5rem;\n height: 0.5rem;\n }\n\n input[type=\"range\"]::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n @apply bg-lookbook-input-toggle-active;\n margin-top: -4px;\n border-radius: 0.5rem;\n height: 1rem;\n width: 1rem;\n }\n\n input[type=\"range\"]::-moz-range-track {\n @apply bg-lookbook-input-toggle;\n border-radius: 0.5rem;\n height: 0.5rem;\n }\n\n input[type=\"range\"]::-moz-range-thumb {\n @apply bg-lookbook-input-toggle-active;\n border: none;\n border-radius: 0.5rem;\n height: 1rem;\n width: 1rem;\n }\n\n input[type=\"range\"]:focus::-webkit-slider-thumb,\n input[type=\"range\"]:focus::-moz-range-thumb {\n @apply outline-1 outline-lookbook-input-toggle-active outline-offset-2;\n }\n\n input[type=\"color\"] {\n -webkit-appearance: none;\n width: 46px;\n @apply border border-lookbook-input-border rounded-lg cursor-pointer;\n }\n\n input[type=\"color\"]::-webkit-color-swatch-wrapper {\n padding: 0;\n }\n\n input[type=\"color\"]::-webkit-color-swatch {\n @apply border-0 rounded-lg;\n }\n}\n"],"names":[],"version":3,"file":"lookbook.css.map"}
|
@@ -1 +1 @@
|
|
1
|
-
{"mappings":"AAAA","sources":["app/assets/lookbook/css/themes/blue.css"],"sourcesContent":[":root {\n --lookbook-white: theme(\"colors.white\");\n --lookbook-accent-50: theme(\"colors.blue.50\");\n --lookbook-accent-100: theme(\"colors.blue.100\");\n --lookbook-accent-200: theme(\"colors.blue.200\");\n --lookbook-accent-300: theme(\"colors.blue.300\");\n --lookbook-accent-400: theme(\"colors.blue.400\");\n --lookbook-accent-500: theme(\"colors.blue.500\");\n --lookbook-accent-600: theme(\"colors.blue.600\");\n --lookbook-accent-700: theme(\"colors.blue.700\");\n --lookbook-accent-800: theme(\"colors.blue.800\");\n --lookbook-accent-900: theme(\"colors.blue.900\");\n --lookbook-base-50: theme(\"colors.zinc.50\");\n --lookbook-base-100: theme(\"colors.zinc.100\");\n --lookbook-base-200: theme(\"colors.zinc.200\");\n --lookbook-base-300: theme(\"colors.zinc.300\");\n --lookbook-base-400: theme(\"colors.zinc.400\");\n --lookbook-base-500: theme(\"colors.zinc.500\");\n --lookbook-base-600: theme(\"colors.zinc.600\");\n --lookbook-base-700: theme(\"colors.zinc.700\");\n --lookbook-base-800: theme(\"colors.zinc.800\");\n --lookbook-base-900: theme(\"colors.zinc.900\");\n --lookbook-text: var(--lookbook-base-800);\n --lookbook-divider: var(--lookbook-base-300);\n --lookbook-draggable-hint: rgb(224 231 255 / 0.2);\n --lookbook-icon-button-stroke: var(--lookbook-base-400);\n --lookbook-icon-button-stroke-hover: var(--lookbook-accent-600);\n --lookbook-tooltip-bg: var(--lookbook-accent-500);\n --lookbook-tooltip-text: var(--lookbook-white);\n --lookbook-scrollbar: var(--lookbook-base-200);\n --lookbook-scrollbar-hover: var(--lookbook-base-300);\n --lookbook-toolbar-bg: var(--lookbook-white);\n --lookbook-toolbar-divider: var(--lookbook-divider);\n --lookbook-nav-text: var(--lookbook-text);\n --lookbook-nav-toggle: var(--lookbook-base-500);\n --lookbook-nav-icon-stroke: var(--lookbook-accent-500);\n --lookbook-nav-item-hover: var(--lookbook-base-100);\n --lookbook-nav-item-active: var(--lookbook-accent-50);\n --lookbook-input-bg: var(--lookbook-white);\n --lookbook-input-border: var(--lookbook-base-300);\n --lookbook-input-border-focus: var(--lookbook-accent-200);\n --lookbook-input-text: var(--lookbook-base-600);\n --lookbook-input-text-placeholder: var(--lookbook-base-400);\n --lookbook-input-toggle: var(--lookbook-base-300);\n --lookbook-input-toggle-active: var(--lookbook-accent-500);\n --lookbook-prose-bg: var(--lookbook-white);\n --lookbook-prose-text: var(--lookbook-base-600);\n --lookbook-prose-link: var(--lookbook-accent-900);\n --lookbook-tabs-text: var(--lookbook-base-500);\n --lookbook-tabs-text-hover: var(--lookbook-base-700);\n --lookbook-tabs-text-disabled: var(--lookbook-base-300);\n --lookbook-tabs-border-active: var(--lookbook-accent-400);\n --lookbook-viewport-handle: var(--lookbook-white);\n --lookbook-viewport-handle-hover: var(--lookbook-draggable-hint);\n --lookbook-viewport-handle-icon-stroke: var(--lookbook-base-300);\n --lookbook-viewport-handle-icon-stroke-hover: var(--lookbook-base-700);\n --lookbook-sidebar-bg: var(--lookbook-base-50);\n --lookbook-page-bg: var(--lookbook-white);\n --lookbook-drawer-bg: var(--lookbook-base-50);\n --lookbook-params-editor-bg: var(--lookbook-white);\n --lookbook-header-bg: var(--lookbook-accent-600);\n --lookbook-header-text: var(--lookbook-white);\n --lookbook-header-border: var(--lookbook-accent-700);\n --lookbook-blank-slate-title: var(--lookbook-accent-600);\n --lookbook-branding-text: var(--lookbook-header-text);\n}
|
1
|
+
{"mappings":"AAAA","sources":["app/assets/lookbook/css/themes/blue.css"],"sourcesContent":[":root {\n --lookbook-white: theme(\"colors.white\");\n --lookbook-accent-50: theme(\"colors.blue.50\");\n --lookbook-accent-100: theme(\"colors.blue.100\");\n --lookbook-accent-200: theme(\"colors.blue.200\");\n --lookbook-accent-300: theme(\"colors.blue.300\");\n --lookbook-accent-400: theme(\"colors.blue.400\");\n --lookbook-accent-500: theme(\"colors.blue.500\");\n --lookbook-accent-600: theme(\"colors.blue.600\");\n --lookbook-accent-700: theme(\"colors.blue.700\");\n --lookbook-accent-800: theme(\"colors.blue.800\");\n --lookbook-accent-900: theme(\"colors.blue.900\");\n --lookbook-base-50: theme(\"colors.zinc.50\");\n --lookbook-base-100: theme(\"colors.zinc.100\");\n --lookbook-base-200: theme(\"colors.zinc.200\");\n --lookbook-base-300: theme(\"colors.zinc.300\");\n --lookbook-base-400: theme(\"colors.zinc.400\");\n --lookbook-base-500: theme(\"colors.zinc.500\");\n --lookbook-base-600: theme(\"colors.zinc.600\");\n --lookbook-base-700: theme(\"colors.zinc.700\");\n --lookbook-base-800: theme(\"colors.zinc.800\");\n --lookbook-base-900: theme(\"colors.zinc.900\");\n --lookbook-text: var(--lookbook-base-800);\n --lookbook-divider: var(--lookbook-base-300);\n --lookbook-draggable-hint: rgb(224 231 255 / 0.2);\n --lookbook-icon-button-stroke: var(--lookbook-base-400);\n --lookbook-icon-button-stroke-hover: var(--lookbook-accent-600);\n --lookbook-tooltip-bg: var(--lookbook-accent-500);\n --lookbook-tooltip-text: var(--lookbook-white);\n --lookbook-scrollbar: var(--lookbook-base-200);\n --lookbook-scrollbar-hover: var(--lookbook-base-300);\n --lookbook-toolbar-bg: var(--lookbook-white);\n --lookbook-toolbar-divider: var(--lookbook-divider);\n --lookbook-nav-text: var(--lookbook-text);\n --lookbook-nav-toggle: var(--lookbook-base-500);\n --lookbook-nav-icon-stroke: var(--lookbook-accent-500);\n --lookbook-nav-item-hover: var(--lookbook-base-100);\n --lookbook-nav-item-active: var(--lookbook-accent-50);\n --lookbook-input-bg: var(--lookbook-white);\n --lookbook-input-border: var(--lookbook-base-300);\n --lookbook-input-border-focus: var(--lookbook-accent-200);\n --lookbook-input-text: var(--lookbook-base-600);\n --lookbook-input-text-placeholder: var(--lookbook-base-400);\n --lookbook-input-toggle: var(--lookbook-base-300);\n --lookbook-input-toggle-active: var(--lookbook-accent-500);\n --lookbook-prose-bg: var(--lookbook-white);\n --lookbook-prose-text: var(--lookbook-base-600);\n --lookbook-prose-link: var(--lookbook-accent-900);\n --lookbook-tabs-text: var(--lookbook-base-500);\n --lookbook-tabs-text-hover: var(--lookbook-base-700);\n --lookbook-tabs-text-disabled: var(--lookbook-base-300);\n --lookbook-tabs-border-active: var(--lookbook-accent-400);\n --lookbook-viewport-handle: var(--lookbook-white);\n --lookbook-viewport-handle-hover: var(--lookbook-draggable-hint);\n --lookbook-viewport-handle-icon-stroke: var(--lookbook-base-300);\n --lookbook-viewport-handle-icon-stroke-hover: var(--lookbook-base-700);\n --lookbook-sidebar-bg: var(--lookbook-base-50);\n --lookbook-page-bg: var(--lookbook-white);\n --lookbook-drawer-bg: var(--lookbook-base-50);\n --lookbook-params-editor-bg: var(--lookbook-white);\n --lookbook-header-bg: var(--lookbook-accent-600);\n --lookbook-header-text: var(--lookbook-white);\n --lookbook-header-border: var(--lookbook-accent-700);\n --lookbook-blank-slate-title: var(--lookbook-accent-600);\n --lookbook-branding-text: var(--lookbook-header-text);\n}"],"names":[],"version":3,"file":"blue.css.map"}
|
@@ -0,0 +1,68 @@
|
|
1
|
+
:root {
|
2
|
+
--lookbook-white: #fff;
|
3
|
+
--lookbook-accent-50: #f0fdf4;
|
4
|
+
--lookbook-accent-100: #dcfce7;
|
5
|
+
--lookbook-accent-200: #bbf7d0;
|
6
|
+
--lookbook-accent-300: #86efac;
|
7
|
+
--lookbook-accent-400: #4ade80;
|
8
|
+
--lookbook-accent-500: #22c55e;
|
9
|
+
--lookbook-accent-600: #16a34a;
|
10
|
+
--lookbook-accent-700: #15803d;
|
11
|
+
--lookbook-accent-800: #166534;
|
12
|
+
--lookbook-accent-900: #14532d;
|
13
|
+
--lookbook-base-50: #fafafa;
|
14
|
+
--lookbook-base-100: #f4f4f5;
|
15
|
+
--lookbook-base-200: #e4e4e7;
|
16
|
+
--lookbook-base-300: #d4d4d8;
|
17
|
+
--lookbook-base-400: #a1a1aa;
|
18
|
+
--lookbook-base-500: #71717a;
|
19
|
+
--lookbook-base-600: #52525b;
|
20
|
+
--lookbook-base-700: #3f3f46;
|
21
|
+
--lookbook-base-800: #27272a;
|
22
|
+
--lookbook-base-900: #18181b;
|
23
|
+
--lookbook-text: var(--lookbook-base-800);
|
24
|
+
--lookbook-divider: var(--lookbook-base-300);
|
25
|
+
--lookbook-draggable-hint: #e0e7ff33;
|
26
|
+
--lookbook-icon-button-stroke: var(--lookbook-base-400);
|
27
|
+
--lookbook-icon-button-stroke-hover: var(--lookbook-accent-600);
|
28
|
+
--lookbook-tooltip-bg: var(--lookbook-accent-500);
|
29
|
+
--lookbook-tooltip-text: var(--lookbook-white);
|
30
|
+
--lookbook-scrollbar: var(--lookbook-base-200);
|
31
|
+
--lookbook-scrollbar-hover: var(--lookbook-base-300);
|
32
|
+
--lookbook-toolbar-bg: var(--lookbook-white);
|
33
|
+
--lookbook-toolbar-divider: var(--lookbook-divider);
|
34
|
+
--lookbook-nav-text: var(--lookbook-text);
|
35
|
+
--lookbook-nav-toggle: var(--lookbook-base-500);
|
36
|
+
--lookbook-nav-icon-stroke: var(--lookbook-accent-500);
|
37
|
+
--lookbook-nav-item-hover: var(--lookbook-base-100);
|
38
|
+
--lookbook-nav-item-active: var(--lookbook-accent-50);
|
39
|
+
--lookbook-input-bg: var(--lookbook-white);
|
40
|
+
--lookbook-input-border: var(--lookbook-base-300);
|
41
|
+
--lookbook-input-border-focus: var(--lookbook-accent-200);
|
42
|
+
--lookbook-input-text: var(--lookbook-base-600);
|
43
|
+
--lookbook-input-text-placeholder: var(--lookbook-base-400);
|
44
|
+
--lookbook-input-toggle: var(--lookbook-base-300);
|
45
|
+
--lookbook-input-toggle-active: var(--lookbook-accent-500);
|
46
|
+
--lookbook-prose-bg: var(--lookbook-white);
|
47
|
+
--lookbook-prose-text: var(--lookbook-base-600);
|
48
|
+
--lookbook-prose-link: var(--lookbook-accent-900);
|
49
|
+
--lookbook-tabs-text: var(--lookbook-base-500);
|
50
|
+
--lookbook-tabs-text-hover: var(--lookbook-base-700);
|
51
|
+
--lookbook-tabs-text-disabled: var(--lookbook-base-300);
|
52
|
+
--lookbook-tabs-border-active: var(--lookbook-accent-400);
|
53
|
+
--lookbook-viewport-handle: var(--lookbook-white);
|
54
|
+
--lookbook-viewport-handle-hover: var(--lookbook-draggable-hint);
|
55
|
+
--lookbook-viewport-handle-icon-stroke: var(--lookbook-base-300);
|
56
|
+
--lookbook-viewport-handle-icon-stroke-hover: var(--lookbook-base-700);
|
57
|
+
--lookbook-sidebar-bg: var(--lookbook-base-50);
|
58
|
+
--lookbook-page-bg: var(--lookbook-white);
|
59
|
+
--lookbook-drawer-bg: var(--lookbook-base-50);
|
60
|
+
--lookbook-params-editor-bg: var(--lookbook-white);
|
61
|
+
--lookbook-header-bg: var(--lookbook-accent-600);
|
62
|
+
--lookbook-header-text: var(--lookbook-white);
|
63
|
+
--lookbook-header-border: var(--lookbook-accent-700);
|
64
|
+
--lookbook-blank-slate-title: var(--lookbook-accent-600);
|
65
|
+
--lookbook-branding-text: var(--lookbook-header-text);
|
66
|
+
}
|
67
|
+
|
68
|
+
/*# sourceMappingURL=green.css.map */
|
@@ -0,0 +1 @@
|
|
1
|
+
{"mappings":"AAAA","sources":["app/assets/lookbook/css/themes/green.css"],"sourcesContent":[":root {\n --lookbook-white: theme(\"colors.white\");\n --lookbook-accent-50: theme(\"colors.green.50\");\n --lookbook-accent-100: theme(\"colors.green.100\");\n --lookbook-accent-200: theme(\"colors.green.200\");\n --lookbook-accent-300: theme(\"colors.green.300\");\n --lookbook-accent-400: theme(\"colors.green.400\");\n --lookbook-accent-500: theme(\"colors.green.500\");\n --lookbook-accent-600: theme(\"colors.green.600\");\n --lookbook-accent-700: theme(\"colors.green.700\");\n --lookbook-accent-800: theme(\"colors.green.800\");\n --lookbook-accent-900: theme(\"colors.green.900\");\n --lookbook-base-50: theme(\"colors.zinc.50\");\n --lookbook-base-100: theme(\"colors.zinc.100\");\n --lookbook-base-200: theme(\"colors.zinc.200\");\n --lookbook-base-300: theme(\"colors.zinc.300\");\n --lookbook-base-400: theme(\"colors.zinc.400\");\n --lookbook-base-500: theme(\"colors.zinc.500\");\n --lookbook-base-600: theme(\"colors.zinc.600\");\n --lookbook-base-700: theme(\"colors.zinc.700\");\n --lookbook-base-800: theme(\"colors.zinc.800\");\n --lookbook-base-900: theme(\"colors.zinc.900\");\n --lookbook-text: var(--lookbook-base-800);\n --lookbook-divider: var(--lookbook-base-300);\n --lookbook-draggable-hint: rgb(224 231 255 / 0.2);\n --lookbook-icon-button-stroke: var(--lookbook-base-400);\n --lookbook-icon-button-stroke-hover: var(--lookbook-accent-600);\n --lookbook-tooltip-bg: var(--lookbook-accent-500);\n --lookbook-tooltip-text: var(--lookbook-white);\n --lookbook-scrollbar: var(--lookbook-base-200);\n --lookbook-scrollbar-hover: var(--lookbook-base-300);\n --lookbook-toolbar-bg: var(--lookbook-white);\n --lookbook-toolbar-divider: var(--lookbook-divider);\n --lookbook-nav-text: var(--lookbook-text);\n --lookbook-nav-toggle: var(--lookbook-base-500);\n --lookbook-nav-icon-stroke: var(--lookbook-accent-500);\n --lookbook-nav-item-hover: var(--lookbook-base-100);\n --lookbook-nav-item-active: var(--lookbook-accent-50);\n --lookbook-input-bg: var(--lookbook-white);\n --lookbook-input-border: var(--lookbook-base-300);\n --lookbook-input-border-focus: var(--lookbook-accent-200);\n --lookbook-input-text: var(--lookbook-base-600);\n --lookbook-input-text-placeholder: var(--lookbook-base-400);\n --lookbook-input-toggle: var(--lookbook-base-300);\n --lookbook-input-toggle-active: var(--lookbook-accent-500);\n --lookbook-prose-bg: var(--lookbook-white);\n --lookbook-prose-text: var(--lookbook-base-600);\n --lookbook-prose-link: var(--lookbook-accent-900);\n --lookbook-tabs-text: var(--lookbook-base-500);\n --lookbook-tabs-text-hover: var(--lookbook-base-700);\n --lookbook-tabs-text-disabled: var(--lookbook-base-300);\n --lookbook-tabs-border-active: var(--lookbook-accent-400);\n --lookbook-viewport-handle: var(--lookbook-white);\n --lookbook-viewport-handle-hover: var(--lookbook-draggable-hint);\n --lookbook-viewport-handle-icon-stroke: var(--lookbook-base-300);\n --lookbook-viewport-handle-icon-stroke-hover: var(--lookbook-base-700);\n --lookbook-sidebar-bg: var(--lookbook-base-50);\n --lookbook-page-bg: var(--lookbook-white);\n --lookbook-drawer-bg: var(--lookbook-base-50);\n --lookbook-params-editor-bg: var(--lookbook-white);\n --lookbook-header-bg: var(--lookbook-accent-600);\n --lookbook-header-text: var(--lookbook-white);\n --lookbook-header-border: var(--lookbook-accent-700);\n --lookbook-blank-slate-title: var(--lookbook-accent-600);\n --lookbook-branding-text: var(--lookbook-header-text);\n}"],"names":[],"version":3,"file":"green.css.map"}
|
@@ -1 +1 @@
|
|
1
|
-
{"mappings":"AAAA","sources":["app/assets/lookbook/css/themes/indigo.css"],"sourcesContent":[":root {\n --lookbook-white: theme(\"colors.white\");\n --lookbook-accent-50: theme(\"colors.indigo.50\");\n --lookbook-accent-100: theme(\"colors.indigo.100\");\n --lookbook-accent-200: theme(\"colors.indigo.200\");\n --lookbook-accent-300: theme(\"colors.indigo.300\");\n --lookbook-accent-400: theme(\"colors.indigo.400\");\n --lookbook-accent-500: theme(\"colors.indigo.500\");\n --lookbook-accent-600: theme(\"colors.indigo.600\");\n --lookbook-accent-700: theme(\"colors.indigo.700\");\n --lookbook-accent-800: theme(\"colors.indigo.800\");\n --lookbook-accent-900: theme(\"colors.indigo.900\");\n --lookbook-base-50: theme(\"colors.zinc.50\");\n --lookbook-base-100: theme(\"colors.zinc.100\");\n --lookbook-base-200: theme(\"colors.zinc.200\");\n --lookbook-base-300: theme(\"colors.zinc.300\");\n --lookbook-base-400: theme(\"colors.zinc.400\");\n --lookbook-base-500: theme(\"colors.zinc.500\");\n --lookbook-base-600: theme(\"colors.zinc.600\");\n --lookbook-base-700: theme(\"colors.zinc.700\");\n --lookbook-base-800: theme(\"colors.zinc.800\");\n --lookbook-base-900: theme(\"colors.zinc.900\");\n --lookbook-text: var(--lookbook-base-800);\n --lookbook-divider: var(--lookbook-base-300);\n --lookbook-draggable-hint: rgb(224 231 255 / 0.2);\n --lookbook-icon-button-stroke: var(--lookbook-base-400);\n --lookbook-icon-button-stroke-hover: var(--lookbook-accent-600);\n --lookbook-tooltip-bg: var(--lookbook-accent-500);\n --lookbook-tooltip-text: var(--lookbook-white);\n --lookbook-scrollbar: var(--lookbook-base-200);\n --lookbook-scrollbar-hover: var(--lookbook-base-300);\n --lookbook-toolbar-bg: var(--lookbook-white);\n --lookbook-toolbar-divider: var(--lookbook-divider);\n --lookbook-nav-text: var(--lookbook-text);\n --lookbook-nav-toggle: var(--lookbook-base-500);\n --lookbook-nav-icon-stroke: var(--lookbook-accent-500);\n --lookbook-nav-item-hover: var(--lookbook-base-100);\n --lookbook-nav-item-active: var(--lookbook-accent-50);\n --lookbook-input-bg: var(--lookbook-white);\n --lookbook-input-border: var(--lookbook-base-300);\n --lookbook-input-border-focus: var(--lookbook-accent-200);\n --lookbook-input-text: var(--lookbook-base-600);\n --lookbook-input-text-placeholder: var(--lookbook-base-400);\n --lookbook-input-toggle: var(--lookbook-base-300);\n --lookbook-input-toggle-active: var(--lookbook-accent-500);\n --lookbook-prose-bg: var(--lookbook-white);\n --lookbook-prose-text: var(--lookbook-base-600);\n --lookbook-prose-link: var(--lookbook-accent-900);\n --lookbook-tabs-text: var(--lookbook-base-500);\n --lookbook-tabs-text-hover: var(--lookbook-base-700);\n --lookbook-tabs-text-disabled: var(--lookbook-base-300);\n --lookbook-tabs-border-active: var(--lookbook-accent-400);\n --lookbook-viewport-handle: var(--lookbook-white);\n --lookbook-viewport-handle-hover: var(--lookbook-draggable-hint);\n --lookbook-viewport-handle-icon-stroke: var(--lookbook-base-300);\n --lookbook-viewport-handle-icon-stroke-hover: var(--lookbook-base-700);\n --lookbook-sidebar-bg: var(--lookbook-base-50);\n --lookbook-page-bg: var(--lookbook-white);\n --lookbook-drawer-bg: var(--lookbook-base-50);\n --lookbook-params-editor-bg: var(--lookbook-white);\n --lookbook-header-bg: var(--lookbook-accent-600);\n --lookbook-header-text: var(--lookbook-white);\n --lookbook-header-border: var(--lookbook-accent-700);\n --lookbook-blank-slate-title: var(--lookbook-accent-600);\n --lookbook-branding-text: var(--lookbook-header-text);\n}
|
1
|
+
{"mappings":"AAAA","sources":["app/assets/lookbook/css/themes/indigo.css"],"sourcesContent":[":root {\n --lookbook-white: theme(\"colors.white\");\n --lookbook-accent-50: theme(\"colors.indigo.50\");\n --lookbook-accent-100: theme(\"colors.indigo.100\");\n --lookbook-accent-200: theme(\"colors.indigo.200\");\n --lookbook-accent-300: theme(\"colors.indigo.300\");\n --lookbook-accent-400: theme(\"colors.indigo.400\");\n --lookbook-accent-500: theme(\"colors.indigo.500\");\n --lookbook-accent-600: theme(\"colors.indigo.600\");\n --lookbook-accent-700: theme(\"colors.indigo.700\");\n --lookbook-accent-800: theme(\"colors.indigo.800\");\n --lookbook-accent-900: theme(\"colors.indigo.900\");\n --lookbook-base-50: theme(\"colors.zinc.50\");\n --lookbook-base-100: theme(\"colors.zinc.100\");\n --lookbook-base-200: theme(\"colors.zinc.200\");\n --lookbook-base-300: theme(\"colors.zinc.300\");\n --lookbook-base-400: theme(\"colors.zinc.400\");\n --lookbook-base-500: theme(\"colors.zinc.500\");\n --lookbook-base-600: theme(\"colors.zinc.600\");\n --lookbook-base-700: theme(\"colors.zinc.700\");\n --lookbook-base-800: theme(\"colors.zinc.800\");\n --lookbook-base-900: theme(\"colors.zinc.900\");\n --lookbook-text: var(--lookbook-base-800);\n --lookbook-divider: var(--lookbook-base-300);\n --lookbook-draggable-hint: rgb(224 231 255 / 0.2);\n --lookbook-icon-button-stroke: var(--lookbook-base-400);\n --lookbook-icon-button-stroke-hover: var(--lookbook-accent-600);\n --lookbook-tooltip-bg: var(--lookbook-accent-500);\n --lookbook-tooltip-text: var(--lookbook-white);\n --lookbook-scrollbar: var(--lookbook-base-200);\n --lookbook-scrollbar-hover: var(--lookbook-base-300);\n --lookbook-toolbar-bg: var(--lookbook-white);\n --lookbook-toolbar-divider: var(--lookbook-divider);\n --lookbook-nav-text: var(--lookbook-text);\n --lookbook-nav-toggle: var(--lookbook-base-500);\n --lookbook-nav-icon-stroke: var(--lookbook-accent-500);\n --lookbook-nav-item-hover: var(--lookbook-base-100);\n --lookbook-nav-item-active: var(--lookbook-accent-50);\n --lookbook-input-bg: var(--lookbook-white);\n --lookbook-input-border: var(--lookbook-base-300);\n --lookbook-input-border-focus: var(--lookbook-accent-200);\n --lookbook-input-text: var(--lookbook-base-600);\n --lookbook-input-text-placeholder: var(--lookbook-base-400);\n --lookbook-input-toggle: var(--lookbook-base-300);\n --lookbook-input-toggle-active: var(--lookbook-accent-500);\n --lookbook-prose-bg: var(--lookbook-white);\n --lookbook-prose-text: var(--lookbook-base-600);\n --lookbook-prose-link: var(--lookbook-accent-900);\n --lookbook-tabs-text: var(--lookbook-base-500);\n --lookbook-tabs-text-hover: var(--lookbook-base-700);\n --lookbook-tabs-text-disabled: var(--lookbook-base-300);\n --lookbook-tabs-border-active: var(--lookbook-accent-400);\n --lookbook-viewport-handle: var(--lookbook-white);\n --lookbook-viewport-handle-hover: var(--lookbook-draggable-hint);\n --lookbook-viewport-handle-icon-stroke: var(--lookbook-base-300);\n --lookbook-viewport-handle-icon-stroke-hover: var(--lookbook-base-700);\n --lookbook-sidebar-bg: var(--lookbook-base-50);\n --lookbook-page-bg: var(--lookbook-white);\n --lookbook-drawer-bg: var(--lookbook-base-50);\n --lookbook-params-editor-bg: var(--lookbook-white);\n --lookbook-header-bg: var(--lookbook-accent-600);\n --lookbook-header-text: var(--lookbook-white);\n --lookbook-header-border: var(--lookbook-accent-700);\n --lookbook-blank-slate-title: var(--lookbook-accent-600);\n --lookbook-branding-text: var(--lookbook-header-text);\n}"],"names":[],"version":3,"file":"indigo.css.map"}
|
@@ -0,0 +1,68 @@
|
|
1
|
+
:root {
|
2
|
+
--lookbook-white: #fff;
|
3
|
+
--lookbook-accent-50: #fff1f2;
|
4
|
+
--lookbook-accent-100: #ffe4e6;
|
5
|
+
--lookbook-accent-200: #fecdd3;
|
6
|
+
--lookbook-accent-300: #fda4af;
|
7
|
+
--lookbook-accent-400: #fb7185;
|
8
|
+
--lookbook-accent-500: #f43f5e;
|
9
|
+
--lookbook-accent-600: #e11d48;
|
10
|
+
--lookbook-accent-700: #be123c;
|
11
|
+
--lookbook-accent-800: #9f1239;
|
12
|
+
--lookbook-accent-900: #881337;
|
13
|
+
--lookbook-base-50: #fafafa;
|
14
|
+
--lookbook-base-100: #f4f4f5;
|
15
|
+
--lookbook-base-200: #e4e4e7;
|
16
|
+
--lookbook-base-300: #d4d4d8;
|
17
|
+
--lookbook-base-400: #a1a1aa;
|
18
|
+
--lookbook-base-500: #71717a;
|
19
|
+
--lookbook-base-600: #52525b;
|
20
|
+
--lookbook-base-700: #3f3f46;
|
21
|
+
--lookbook-base-800: #27272a;
|
22
|
+
--lookbook-base-900: #18181b;
|
23
|
+
--lookbook-text: var(--lookbook-base-800);
|
24
|
+
--lookbook-divider: var(--lookbook-base-300);
|
25
|
+
--lookbook-draggable-hint: #e0e7ff33;
|
26
|
+
--lookbook-icon-button-stroke: var(--lookbook-base-400);
|
27
|
+
--lookbook-icon-button-stroke-hover: var(--lookbook-accent-600);
|
28
|
+
--lookbook-tooltip-bg: var(--lookbook-accent-500);
|
29
|
+
--lookbook-tooltip-text: var(--lookbook-white);
|
30
|
+
--lookbook-scrollbar: var(--lookbook-base-200);
|
31
|
+
--lookbook-scrollbar-hover: var(--lookbook-base-300);
|
32
|
+
--lookbook-toolbar-bg: var(--lookbook-white);
|
33
|
+
--lookbook-toolbar-divider: var(--lookbook-divider);
|
34
|
+
--lookbook-nav-text: var(--lookbook-text);
|
35
|
+
--lookbook-nav-toggle: var(--lookbook-base-500);
|
36
|
+
--lookbook-nav-icon-stroke: var(--lookbook-accent-500);
|
37
|
+
--lookbook-nav-item-hover: var(--lookbook-base-100);
|
38
|
+
--lookbook-nav-item-active: var(--lookbook-accent-50);
|
39
|
+
--lookbook-input-bg: var(--lookbook-white);
|
40
|
+
--lookbook-input-border: var(--lookbook-base-300);
|
41
|
+
--lookbook-input-border-focus: var(--lookbook-accent-200);
|
42
|
+
--lookbook-input-text: var(--lookbook-base-600);
|
43
|
+
--lookbook-input-text-placeholder: var(--lookbook-base-400);
|
44
|
+
--lookbook-input-toggle: var(--lookbook-base-300);
|
45
|
+
--lookbook-input-toggle-active: var(--lookbook-accent-500);
|
46
|
+
--lookbook-prose-bg: var(--lookbook-white);
|
47
|
+
--lookbook-prose-text: var(--lookbook-base-600);
|
48
|
+
--lookbook-prose-link: var(--lookbook-accent-900);
|
49
|
+
--lookbook-tabs-text: var(--lookbook-base-500);
|
50
|
+
--lookbook-tabs-text-hover: var(--lookbook-base-700);
|
51
|
+
--lookbook-tabs-text-disabled: var(--lookbook-base-300);
|
52
|
+
--lookbook-tabs-border-active: var(--lookbook-accent-400);
|
53
|
+
--lookbook-viewport-handle: var(--lookbook-white);
|
54
|
+
--lookbook-viewport-handle-hover: var(--lookbook-draggable-hint);
|
55
|
+
--lookbook-viewport-handle-icon-stroke: var(--lookbook-base-300);
|
56
|
+
--lookbook-viewport-handle-icon-stroke-hover: var(--lookbook-base-700);
|
57
|
+
--lookbook-sidebar-bg: var(--lookbook-base-50);
|
58
|
+
--lookbook-page-bg: var(--lookbook-white);
|
59
|
+
--lookbook-drawer-bg: var(--lookbook-base-50);
|
60
|
+
--lookbook-params-editor-bg: var(--lookbook-white);
|
61
|
+
--lookbook-header-bg: var(--lookbook-accent-600);
|
62
|
+
--lookbook-header-text: var(--lookbook-white);
|
63
|
+
--lookbook-header-border: var(--lookbook-accent-700);
|
64
|
+
--lookbook-blank-slate-title: var(--lookbook-accent-600);
|
65
|
+
--lookbook-branding-text: var(--lookbook-header-text);
|
66
|
+
}
|
67
|
+
|
68
|
+
/*# sourceMappingURL=rose.css.map */
|
@@ -0,0 +1 @@
|
|
1
|
+
{"mappings":"AAAA","sources":["app/assets/lookbook/css/themes/rose.css"],"sourcesContent":[":root {\n --lookbook-white: theme(\"colors.white\");\n --lookbook-accent-50: theme(\"colors.rose.50\");\n --lookbook-accent-100: theme(\"colors.rose.100\");\n --lookbook-accent-200: theme(\"colors.rose.200\");\n --lookbook-accent-300: theme(\"colors.rose.300\");\n --lookbook-accent-400: theme(\"colors.rose.400\");\n --lookbook-accent-500: theme(\"colors.rose.500\");\n --lookbook-accent-600: theme(\"colors.rose.600\");\n --lookbook-accent-700: theme(\"colors.rose.700\");\n --lookbook-accent-800: theme(\"colors.rose.800\");\n --lookbook-accent-900: theme(\"colors.rose.900\");\n --lookbook-base-50: theme(\"colors.zinc.50\");\n --lookbook-base-100: theme(\"colors.zinc.100\");\n --lookbook-base-200: theme(\"colors.zinc.200\");\n --lookbook-base-300: theme(\"colors.zinc.300\");\n --lookbook-base-400: theme(\"colors.zinc.400\");\n --lookbook-base-500: theme(\"colors.zinc.500\");\n --lookbook-base-600: theme(\"colors.zinc.600\");\n --lookbook-base-700: theme(\"colors.zinc.700\");\n --lookbook-base-800: theme(\"colors.zinc.800\");\n --lookbook-base-900: theme(\"colors.zinc.900\");\n --lookbook-text: var(--lookbook-base-800);\n --lookbook-divider: var(--lookbook-base-300);\n --lookbook-draggable-hint: rgb(224 231 255 / 0.2);\n --lookbook-icon-button-stroke: var(--lookbook-base-400);\n --lookbook-icon-button-stroke-hover: var(--lookbook-accent-600);\n --lookbook-tooltip-bg: var(--lookbook-accent-500);\n --lookbook-tooltip-text: var(--lookbook-white);\n --lookbook-scrollbar: var(--lookbook-base-200);\n --lookbook-scrollbar-hover: var(--lookbook-base-300);\n --lookbook-toolbar-bg: var(--lookbook-white);\n --lookbook-toolbar-divider: var(--lookbook-divider);\n --lookbook-nav-text: var(--lookbook-text);\n --lookbook-nav-toggle: var(--lookbook-base-500);\n --lookbook-nav-icon-stroke: var(--lookbook-accent-500);\n --lookbook-nav-item-hover: var(--lookbook-base-100);\n --lookbook-nav-item-active: var(--lookbook-accent-50);\n --lookbook-input-bg: var(--lookbook-white);\n --lookbook-input-border: var(--lookbook-base-300);\n --lookbook-input-border-focus: var(--lookbook-accent-200);\n --lookbook-input-text: var(--lookbook-base-600);\n --lookbook-input-text-placeholder: var(--lookbook-base-400);\n --lookbook-input-toggle: var(--lookbook-base-300);\n --lookbook-input-toggle-active: var(--lookbook-accent-500);\n --lookbook-prose-bg: var(--lookbook-white);\n --lookbook-prose-text: var(--lookbook-base-600);\n --lookbook-prose-link: var(--lookbook-accent-900);\n --lookbook-tabs-text: var(--lookbook-base-500);\n --lookbook-tabs-text-hover: var(--lookbook-base-700);\n --lookbook-tabs-text-disabled: var(--lookbook-base-300);\n --lookbook-tabs-border-active: var(--lookbook-accent-400);\n --lookbook-viewport-handle: var(--lookbook-white);\n --lookbook-viewport-handle-hover: var(--lookbook-draggable-hint);\n --lookbook-viewport-handle-icon-stroke: var(--lookbook-base-300);\n --lookbook-viewport-handle-icon-stroke-hover: var(--lookbook-base-700);\n --lookbook-sidebar-bg: var(--lookbook-base-50);\n --lookbook-page-bg: var(--lookbook-white);\n --lookbook-drawer-bg: var(--lookbook-base-50);\n --lookbook-params-editor-bg: var(--lookbook-white);\n --lookbook-header-bg: var(--lookbook-accent-600);\n --lookbook-header-text: var(--lookbook-white);\n --lookbook-header-border: var(--lookbook-accent-700);\n --lookbook-blank-slate-title: var(--lookbook-accent-600);\n --lookbook-branding-text: var(--lookbook-header-text);\n}"],"names":[],"version":3,"file":"rose.css.map"}
|
@@ -1 +1 @@
|
|
1
|
-
{"mappings":"AAAA","sources":["app/assets/lookbook/css/themes/zinc.css"],"sourcesContent":[":root {\n --lookbook-white: theme(\"colors.white\");\n --lookbook-accent-50: theme(\"colors.zinc.50\");\n --lookbook-accent-100: theme(\"colors.zinc.100\");\n --lookbook-accent-200: theme(\"colors.zinc.200\");\n --lookbook-accent-300: theme(\"colors.zinc.300\");\n --lookbook-accent-400: theme(\"colors.zinc.400\");\n --lookbook-accent-500: theme(\"colors.zinc.500\");\n --lookbook-accent-600: theme(\"colors.zinc.600\");\n --lookbook-accent-700: theme(\"colors.zinc.700\");\n --lookbook-accent-800: theme(\"colors.zinc.800\");\n --lookbook-accent-900: theme(\"colors.zinc.900\");\n --lookbook-base-50: theme(\"colors.zinc.50\");\n --lookbook-base-100: theme(\"colors.zinc.100\");\n --lookbook-base-200: theme(\"colors.zinc.200\");\n --lookbook-base-300: theme(\"colors.zinc.300\");\n --lookbook-base-400: theme(\"colors.zinc.400\");\n --lookbook-base-500: theme(\"colors.zinc.500\");\n --lookbook-base-600: theme(\"colors.zinc.600\");\n --lookbook-base-700: theme(\"colors.zinc.700\");\n --lookbook-base-800: theme(\"colors.zinc.800\");\n --lookbook-base-900: theme(\"colors.zinc.900\");\n --lookbook-text: var(--lookbook-base-800);\n --lookbook-divider: var(--lookbook-base-300);\n --lookbook-draggable-hint: rgb(224 231 255 / 0.2);\n --lookbook-icon-button-stroke: var(--lookbook-base-400);\n --lookbook-icon-button-stroke-hover: var(--lookbook-accent-600);\n --lookbook-tooltip-bg: var(--lookbook-accent-500);\n --lookbook-tooltip-text: var(--lookbook-white);\n --lookbook-scrollbar: var(--lookbook-base-200);\n --lookbook-scrollbar-hover: var(--lookbook-base-300);\n --lookbook-toolbar-bg: var(--lookbook-white);\n --lookbook-toolbar-divider: var(--lookbook-divider);\n --lookbook-nav-text: var(--lookbook-text);\n --lookbook-nav-toggle: var(--lookbook-base-500);\n --lookbook-nav-icon-stroke: var(--lookbook-accent-500);\n --lookbook-nav-item-hover: var(--lookbook-base-100);\n --lookbook-nav-item-active: var(--lookbook-accent-50);\n --lookbook-input-bg: var(--lookbook-white);\n --lookbook-input-border: var(--lookbook-base-300);\n --lookbook-input-border-focus: var(--lookbook-accent-200);\n --lookbook-input-text: var(--lookbook-base-600);\n --lookbook-input-text-placeholder: var(--lookbook-base-400);\n --lookbook-input-toggle: var(--lookbook-base-300);\n --lookbook-input-toggle-active: var(--lookbook-accent-500);\n --lookbook-prose-bg: var(--lookbook-white);\n --lookbook-prose-text: var(--lookbook-base-600);\n --lookbook-prose-link: var(--lookbook-accent-900);\n --lookbook-tabs-text: var(--lookbook-base-500);\n --lookbook-tabs-text-hover: var(--lookbook-base-700);\n --lookbook-tabs-text-disabled: var(--lookbook-base-300);\n --lookbook-tabs-border-active: var(--lookbook-accent-400);\n --lookbook-viewport-handle: var(--lookbook-white);\n --lookbook-viewport-handle-hover: var(--lookbook-draggable-hint);\n --lookbook-viewport-handle-icon-stroke: var(--lookbook-base-300);\n --lookbook-viewport-handle-icon-stroke-hover: var(--lookbook-base-700);\n --lookbook-sidebar-bg: var(--lookbook-base-50);\n --lookbook-page-bg: var(--lookbook-white);\n --lookbook-drawer-bg: var(--lookbook-base-50);\n --lookbook-params-editor-bg: var(--lookbook-white);\n --lookbook-header-bg: var(--lookbook-accent-600);\n --lookbook-header-text: var(--lookbook-white);\n --lookbook-header-border: var(--lookbook-accent-700);\n --lookbook-blank-slate-title: var(--lookbook-accent-600);\n --lookbook-branding-text: var(--lookbook-header-text);\n}
|
1
|
+
{"mappings":"AAAA","sources":["app/assets/lookbook/css/themes/zinc.css"],"sourcesContent":[":root {\n --lookbook-white: theme(\"colors.white\");\n --lookbook-accent-50: theme(\"colors.zinc.50\");\n --lookbook-accent-100: theme(\"colors.zinc.100\");\n --lookbook-accent-200: theme(\"colors.zinc.200\");\n --lookbook-accent-300: theme(\"colors.zinc.300\");\n --lookbook-accent-400: theme(\"colors.zinc.400\");\n --lookbook-accent-500: theme(\"colors.zinc.500\");\n --lookbook-accent-600: theme(\"colors.zinc.600\");\n --lookbook-accent-700: theme(\"colors.zinc.700\");\n --lookbook-accent-800: theme(\"colors.zinc.800\");\n --lookbook-accent-900: theme(\"colors.zinc.900\");\n --lookbook-base-50: theme(\"colors.zinc.50\");\n --lookbook-base-100: theme(\"colors.zinc.100\");\n --lookbook-base-200: theme(\"colors.zinc.200\");\n --lookbook-base-300: theme(\"colors.zinc.300\");\n --lookbook-base-400: theme(\"colors.zinc.400\");\n --lookbook-base-500: theme(\"colors.zinc.500\");\n --lookbook-base-600: theme(\"colors.zinc.600\");\n --lookbook-base-700: theme(\"colors.zinc.700\");\n --lookbook-base-800: theme(\"colors.zinc.800\");\n --lookbook-base-900: theme(\"colors.zinc.900\");\n --lookbook-text: var(--lookbook-base-800);\n --lookbook-divider: var(--lookbook-base-300);\n --lookbook-draggable-hint: rgb(224 231 255 / 0.2);\n --lookbook-icon-button-stroke: var(--lookbook-base-400);\n --lookbook-icon-button-stroke-hover: var(--lookbook-accent-600);\n --lookbook-tooltip-bg: var(--lookbook-accent-500);\n --lookbook-tooltip-text: var(--lookbook-white);\n --lookbook-scrollbar: var(--lookbook-base-200);\n --lookbook-scrollbar-hover: var(--lookbook-base-300);\n --lookbook-toolbar-bg: var(--lookbook-white);\n --lookbook-toolbar-divider: var(--lookbook-divider);\n --lookbook-nav-text: var(--lookbook-text);\n --lookbook-nav-toggle: var(--lookbook-base-500);\n --lookbook-nav-icon-stroke: var(--lookbook-accent-500);\n --lookbook-nav-item-hover: var(--lookbook-base-100);\n --lookbook-nav-item-active: var(--lookbook-accent-50);\n --lookbook-input-bg: var(--lookbook-white);\n --lookbook-input-border: var(--lookbook-base-300);\n --lookbook-input-border-focus: var(--lookbook-accent-200);\n --lookbook-input-text: var(--lookbook-base-600);\n --lookbook-input-text-placeholder: var(--lookbook-base-400);\n --lookbook-input-toggle: var(--lookbook-base-300);\n --lookbook-input-toggle-active: var(--lookbook-accent-500);\n --lookbook-prose-bg: var(--lookbook-white);\n --lookbook-prose-text: var(--lookbook-base-600);\n --lookbook-prose-link: var(--lookbook-accent-900);\n --lookbook-tabs-text: var(--lookbook-base-500);\n --lookbook-tabs-text-hover: var(--lookbook-base-700);\n --lookbook-tabs-text-disabled: var(--lookbook-base-300);\n --lookbook-tabs-border-active: var(--lookbook-accent-400);\n --lookbook-viewport-handle: var(--lookbook-white);\n --lookbook-viewport-handle-hover: var(--lookbook-draggable-hint);\n --lookbook-viewport-handle-icon-stroke: var(--lookbook-base-300);\n --lookbook-viewport-handle-icon-stroke-hover: var(--lookbook-base-700);\n --lookbook-sidebar-bg: var(--lookbook-base-50);\n --lookbook-page-bg: var(--lookbook-white);\n --lookbook-drawer-bg: var(--lookbook-base-50);\n --lookbook-params-editor-bg: var(--lookbook-white);\n --lookbook-header-bg: var(--lookbook-accent-600);\n --lookbook-header-text: var(--lookbook-white);\n --lookbook-header-border: var(--lookbook-accent-700);\n --lookbook-blank-slate-title: var(--lookbook-accent-600);\n --lookbook-branding-text: var(--lookbook-header-text);\n}"],"names":[],"version":3,"file":"zinc.css.map"}
|
@@ -1,5 +1,14 @@
|
|
1
1
|
(() => {
|
2
2
|
var $b2e1fd3e30ab1f5c$exports = {};
|
3
|
+
/*
|
4
|
+
* File: iframeResizer.contentWindow.js
|
5
|
+
* Desc: Include this file in any page being loaded into an iframe
|
6
|
+
* to force the iframe to resize to the content size.
|
7
|
+
* Requires: iframeResizer.js on host page.
|
8
|
+
* Doc: https://github.com/davidjbradshaw/iframe-resizer
|
9
|
+
* Author: David J. Bradshaw - dave@bradshaw.net
|
10
|
+
*
|
11
|
+
*/ // eslint-disable-next-line sonarjs/cognitive-complexity, no-shadow-restricted-names
|
3
12
|
(function(undefined) {
|
4
13
|
if (typeof window === "undefined") return; // don't run for server side render
|
5
14
|
var autoResize = true, base = 10, bodyBackground = "", bodyMargin = 0, bodyMarginStr = "", bodyObserver = null, bodyPadding = "", calculateWidth = false, doubleEventList = {
|