@oat-sa/tao-core-ui 3.13.0 → 3.13.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/package.json +1 -1
  2. package/scss/inc/_base.scss +152 -61
  3. package/scss/inc/_grid.scss +17 -8
  4. package/scss/inc/_normalize.scss +20 -14
  5. package/scss/inc/base/_list-style.scss +16 -9
  6. package/src/css/basic.css +288 -138
  7. package/src/css/basic.css.map +1 -1
package/src/css/basic.css CHANGED
@@ -1061,10 +1061,13 @@ html {
1061
1061
  */
1062
1062
  /* fake table stuff */
1063
1063
  }
1064
- html *, html *:before, html *:after {
1064
+ html *,
1065
+ html *:before,
1066
+ html *:after {
1065
1067
  box-sizing: border-box;
1066
1068
  }
1067
- html, html body {
1069
+ html,
1070
+ html body {
1068
1071
  color: #222;
1069
1072
  font-family: "Source Sans Pro", sans-serif;
1070
1073
  font-weight: normal;
@@ -1077,47 +1080,101 @@ html, html body {
1077
1080
  background: white;
1078
1081
  border-width: 1px;
1079
1082
  }
1080
- html address, html article, html aside, html audio, html blockquote, html dd, html div, html dl, html fieldset, html figcaption, html figure, html footer, html form, html h1, html h2, html h3, html h4, html h5, html h6, html header,
1081
- html hr, html noscript, html ol, html output, html p, html pre, html section, html summary, html ul, html main {
1082
- margin-top: 0;
1083
- padding-top: 0;
1084
- padding-bottom: 0;
1083
+ html address,
1084
+ html article,
1085
+ html aside,
1086
+ html audio,
1087
+ html blockquote,
1088
+ html dd,
1089
+ html div,
1090
+ html dl,
1091
+ html fieldset,
1092
+ html figcaption,
1093
+ html figure,
1094
+ html footer,
1095
+ html form,
1096
+ html h1,
1097
+ html h2,
1098
+ html h3,
1099
+ html h4,
1100
+ html h5,
1101
+ html h6,
1102
+ html header,
1103
+ html hr,
1104
+ html noscript,
1105
+ html ol,
1106
+ html output,
1107
+ html p,
1108
+ html pre,
1109
+ html section,
1110
+ html summary,
1111
+ html ul,
1112
+ html main {
1113
+ margin-block-start: 0;
1114
+ padding-block-start: 0;
1115
+ padding-block-end: 0;
1085
1116
  white-space: normal;
1086
1117
  }
1087
1118
  html h1 {
1088
1119
  font-size: 2em;
1089
- margin: 0.67em 0;
1120
+ margin-block: 0.67em;
1121
+ margin-inline: 0;
1090
1122
  }
1091
1123
  html h2 {
1092
1124
  font-size: 1.5em;
1093
- margin: 0.83em 0;
1125
+ margin-block: 0.83em;
1126
+ margin-inline: 0;
1094
1127
  }
1095
1128
  html h3 {
1096
1129
  font-size: 1.17em;
1097
- margin: 1em 0;
1130
+ margin-block: 1em;
1131
+ margin-inline: 0;
1098
1132
  }
1099
1133
  html h4 {
1100
1134
  font-size: 1em;
1101
- margin: 1.33em 0;
1135
+ margin-block: 1.33em;
1136
+ margin-inline: 0;
1102
1137
  }
1103
1138
  html h5 {
1104
1139
  font-size: 0.83em;
1105
- margin: 1.67em 0;
1140
+ margin-block: 1.67em;
1141
+ margin-inline: 0;
1106
1142
  }
1107
1143
  html h6 {
1108
1144
  font-size: 0.67em;
1109
- margin: 2.33em 0;
1145
+ margin-block: 2.33em;
1146
+ margin-inline: 0;
1110
1147
  }
1111
1148
  html blockquote {
1112
- margin: 1em 40px;
1113
- }
1114
- html blockquote, html dd, html dl, html fieldset, html figure, html h1, html h2, html h3, html h4, html h5, html h6,
1115
- html hr, html ol, html p, html pre, html ul {
1149
+ margin-block: 1em;
1150
+ margin-inline: 40px;
1151
+ }
1152
+ html blockquote,
1153
+ html dd,
1154
+ html dl,
1155
+ html fieldset,
1156
+ html figure,
1157
+ html h1,
1158
+ html h2,
1159
+ html h3,
1160
+ html h4,
1161
+ html h5,
1162
+ html h6,
1163
+ html hr,
1164
+ html ol,
1165
+ html p,
1166
+ html pre,
1167
+ html ul {
1116
1168
  display: block;
1117
1169
  margin-block-end: 10px;
1118
1170
  white-space: normal;
1119
1171
  }
1120
- html h1, html h2, html h3, html h4, html h5, html h6 {
1172
+ html h1,
1173
+ html h2,
1174
+ html h3,
1175
+ html h4,
1176
+ html h5,
1177
+ html h6 {
1121
1178
  font-weight: normal;
1122
1179
  font-style: normal;
1123
1180
  }
@@ -1164,13 +1221,23 @@ html a[rel=external] span.icon-external:before {
1164
1221
  position: relative;
1165
1222
  top: 1px;
1166
1223
  }
1167
- html b, html .b, html strong, html .strong {
1224
+ html b,
1225
+ html .b,
1226
+ html strong,
1227
+ html .strong {
1168
1228
  font-weight: bold;
1169
1229
  }
1170
- html i, html .i, html em, html .em, html dfn {
1230
+ html i,
1231
+ html .i,
1232
+ html em,
1233
+ html .em,
1234
+ html dfn {
1171
1235
  font-style: italic;
1172
1236
  }
1173
- html code, html pre, html kdb, html samp {
1237
+ html code,
1238
+ html pre,
1239
+ html kdb,
1240
+ html samp {
1174
1241
  font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
1175
1242
  font-size: 14px;
1176
1243
  font-size: 1.4rem;
@@ -1239,7 +1306,8 @@ html textarea {
1239
1306
  vertical-align: top;
1240
1307
  resize: vertical;
1241
1308
  }
1242
- html label, html button {
1309
+ html label,
1310
+ html button {
1243
1311
  cursor: pointer;
1244
1312
  }
1245
1313
  html button {
@@ -1248,14 +1316,17 @@ html button {
1248
1316
  overflow: visible;
1249
1317
  border: none;
1250
1318
  }
1251
- html button::-moz-focus-inner, html input::-moz-focus-inner {
1319
+ html button::-moz-focus-inner,
1320
+ html input::-moz-focus-inner {
1252
1321
  border: 0;
1253
1322
  padding: 0;
1254
1323
  }
1255
- html button::-ms-clear, html input::-ms-clear {
1324
+ html button::-ms-clear,
1325
+ html input::-ms-clear {
1256
1326
  display: none;
1257
1327
  }
1258
- html button::-ms-reveal, html input::-ms-reveal {
1328
+ html button::-ms-reveal,
1329
+ html input::-ms-reveal {
1259
1330
  display: none;
1260
1331
  }
1261
1332
  html button,
@@ -1295,9 +1366,12 @@ html select {
1295
1366
  max-width: 100%;
1296
1367
  }
1297
1368
  html audio:not([controls]),
1298
- html [hidden], html template,
1299
- html .hidden, html .deleted,
1300
- html .js, html .js-hide {
1369
+ html [hidden],
1370
+ html template,
1371
+ html .hidden,
1372
+ html .deleted,
1373
+ html .js,
1374
+ html .js-hide {
1301
1375
  display: none !important;
1302
1376
  }
1303
1377
  html .visuallyhidden {
@@ -1326,11 +1400,21 @@ html .viewport-hidden {
1326
1400
  left: -10000px;
1327
1401
  top: -10000px;
1328
1402
  }
1329
- html .clearfix:before, html #icon-editor .grid-row:before, #icon-editor html .grid-row:before, html .colrow:before, html .grid-row:before, html .fixed-grid-row:before {
1403
+ html .clearfix:before,
1404
+ html #icon-editor .grid-row:before,
1405
+ #icon-editor html .grid-row:before,
1406
+ html .colrow:before,
1407
+ html .grid-row:before,
1408
+ html .fixed-grid-row:before {
1330
1409
  content: " ";
1331
1410
  display: table;
1332
1411
  }
1333
- html .clearfix:after, html #icon-editor .grid-row:after, #icon-editor html .grid-row:after, html .colrow:after, html .grid-row:after, html .fixed-grid-row:after {
1412
+ html .clearfix:after,
1413
+ html #icon-editor .grid-row:after,
1414
+ #icon-editor html .grid-row:after,
1415
+ html .colrow:after,
1416
+ html .grid-row:after,
1417
+ html .fixed-grid-row:after {
1334
1418
  content: " ";
1335
1419
  display: table;
1336
1420
  clear: both;
@@ -1350,13 +1434,16 @@ html .wrap-right {
1350
1434
  float: right;
1351
1435
  }
1352
1436
  html .wrap-left {
1353
- margin: 20px 20px 20px 0;
1437
+ margin-block: 20px;
1438
+ margin-inline: 0 20px;
1354
1439
  }
1355
1440
  html .wrap-right {
1356
- margin: 20px 0 20px 20px;
1441
+ margin-block: 20px;
1442
+ margin-inline: 20px 0;
1357
1443
  }
1358
1444
  html .tao-centered {
1359
- margin: 20px auto;
1445
+ margin-block: 20px;
1446
+ margin-inline: auto;
1360
1447
  display: block;
1361
1448
  }
1362
1449
  html .txt-ctr {
@@ -1375,9 +1462,19 @@ html .txt-underline {
1375
1462
  text-decoration: underline;
1376
1463
  font-size: inherit;
1377
1464
  }
1465
+ html .writing-mode-vertical-rl .txt-underline {
1466
+ text-underline-position: right;
1467
+ }
1468
+ html .writing-mode-vertical-rl[data-useragent-browser=safari] .txt-underline {
1469
+ text-decoration: none;
1470
+ border-right: 1px solid currentColor;
1471
+ }
1472
+ html .txt-combine-upright-all {
1473
+ text-combine-upright: all;
1474
+ }
1378
1475
  html .txt-highlight {
1379
1476
  padding: 0 5px;
1380
- background: #FF6416;
1477
+ background: #ff6416;
1381
1478
  color: white;
1382
1479
  }
1383
1480
  html ::selection {
@@ -1401,11 +1498,13 @@ html .truncate, html .file-drop ul > li, .file-drop html ul > li, html .tlb-titl
1401
1498
  overflow: hidden;
1402
1499
  text-overflow: ellipsis;
1403
1500
  }
1404
- html .disabled, html *:disabled {
1501
+ html .disabled,
1502
+ html *:disabled {
1405
1503
  cursor: default;
1406
1504
  opacity: 0.7;
1407
1505
  }
1408
- html .overlay, html .ui-widget-overlay {
1506
+ html .overlay,
1507
+ html .ui-widget-overlay {
1409
1508
  background: rgba(255, 255, 255, 0.9);
1410
1509
  }
1411
1510
  html .ui-widget {
@@ -1415,19 +1514,26 @@ html .ui-widget {
1415
1514
  html .ui-widget .ui-widget {
1416
1515
  font-size: 1.4rem !important;
1417
1516
  }
1418
- html .ui-widget input, html .ui-widget select, html .ui-widget textarea, html .ui-widget button {
1517
+ html .ui-widget input,
1518
+ html .ui-widget select,
1519
+ html .ui-widget textarea,
1520
+ html .ui-widget button {
1419
1521
  font-family: "Source Sans Pro", sans-serif;
1420
1522
  font-size: 1.4rem !important;
1421
1523
  }
1422
- html ul, html ol {
1423
- padding-left: 40px;
1524
+ html ul,
1525
+ html ol {
1526
+ padding-inline-start: 40px;
1424
1527
  }
1425
- html ul.plain, html ul.none, html ol.plain, html ol.none {
1528
+ html ul.plain, html ul.none,
1529
+ html ol.plain,
1530
+ html ol.none {
1426
1531
  padding: 0;
1427
1532
  margin: 0;
1428
1533
  list-style: none;
1429
1534
  }
1430
- html ul li, html ol li {
1535
+ html ul li,
1536
+ html ol li {
1431
1537
  vertical-align: text-top !important;
1432
1538
  }
1433
1539
  html nav ul {
@@ -1435,13 +1541,20 @@ html nav ul {
1435
1541
  margin: 0;
1436
1542
  list-style: none;
1437
1543
  }
1438
- html [class^=list-style-], html [class*=" list-style-"] {
1544
+ html [class^=list-style-],
1545
+ html [class*=" list-style-"] {
1439
1546
  counter-reset: custom-counter;
1440
1547
  }
1441
- html [class^=list-style-] > p, html [class^=list-style-] > div, html [class^=list-style-] > li.qti-choice, html [class*=" list-style-"] > p, html [class*=" list-style-"] > div, html [class*=" list-style-"] > li.qti-choice {
1548
+ html [class^=list-style-] > p, html [class^=list-style-] > div, html [class^=list-style-] > li.qti-choice,
1549
+ html [class*=" list-style-"] > p,
1550
+ html [class*=" list-style-"] > div,
1551
+ html [class*=" list-style-"] > li.qti-choice {
1442
1552
  position: relative;
1443
1553
  }
1444
- html [class^=list-style-] > p::before, html [class^=list-style-] > div::before, html [class^=list-style-] > li.qti-choice::before, html [class*=" list-style-"] > p::before, html [class*=" list-style-"] > div::before, html [class*=" list-style-"] > li.qti-choice::before {
1554
+ html [class^=list-style-] > p::before, html [class^=list-style-] > div::before, html [class^=list-style-] > li.qti-choice::before,
1555
+ html [class*=" list-style-"] > p::before,
1556
+ html [class*=" list-style-"] > div::before,
1557
+ html [class*=" list-style-"] > li.qti-choice::before {
1445
1558
  counter-increment: custom-counter;
1446
1559
  position: absolute;
1447
1560
  left: -25px;
@@ -1449,130 +1562,200 @@ html [class^=list-style-] > p::before, html [class^=list-style-] > div::before,
1449
1562
  display: inline-block;
1450
1563
  text-align: center;
1451
1564
  }
1452
- html [class^=list-style-].list-style-disc > p, html [class^=list-style-].list-style-disc > div, html [class^=list-style-].list-style-disc > li.qti-choice::before, html [class*=" list-style-"].list-style-disc > p, html [class*=" list-style-"].list-style-disc > div, html [class*=" list-style-"].list-style-disc > li.qti-choice::before {
1565
+ html [class^=list-style-].list-style-disc > p, html [class^=list-style-].list-style-disc > div, html [class^=list-style-].list-style-disc > li.qti-choice::before,
1566
+ html [class*=" list-style-"].list-style-disc > p,
1567
+ html [class*=" list-style-"].list-style-disc > div,
1568
+ html [class*=" list-style-"].list-style-disc > li.qti-choice::before {
1453
1569
  content: counter(custom-counter, disc);
1454
1570
  }
1455
- html [class^=list-style-].list-style-circle > p, html [class^=list-style-].list-style-circle > div, html [class^=list-style-].list-style-circle > li.qti-choice::before, html [class*=" list-style-"].list-style-circle > p, html [class*=" list-style-"].list-style-circle > div, html [class*=" list-style-"].list-style-circle > li.qti-choice::before {
1571
+ html [class^=list-style-].list-style-circle > p, html [class^=list-style-].list-style-circle > div, html [class^=list-style-].list-style-circle > li.qti-choice::before,
1572
+ html [class*=" list-style-"].list-style-circle > p,
1573
+ html [class*=" list-style-"].list-style-circle > div,
1574
+ html [class*=" list-style-"].list-style-circle > li.qti-choice::before {
1456
1575
  content: counter(custom-counter, circle);
1457
1576
  }
1458
- html [class^=list-style-].list-style-square > p, html [class^=list-style-].list-style-square > div, html [class^=list-style-].list-style-square > li.qti-choice::before, html [class*=" list-style-"].list-style-square > p, html [class*=" list-style-"].list-style-square > div, html [class*=" list-style-"].list-style-square > li.qti-choice::before {
1577
+ html [class^=list-style-].list-style-square > p, html [class^=list-style-].list-style-square > div, html [class^=list-style-].list-style-square > li.qti-choice::before,
1578
+ html [class*=" list-style-"].list-style-square > p,
1579
+ html [class*=" list-style-"].list-style-square > div,
1580
+ html [class*=" list-style-"].list-style-square > li.qti-choice::before {
1459
1581
  content: counter(custom-counter, square);
1460
1582
  }
1461
- html [class^=list-style-].list-style-decimal > p, html [class^=list-style-].list-style-decimal > div, html [class^=list-style-].list-style-decimal > li.qti-choice::before, html [class*=" list-style-"].list-style-decimal > p, html [class*=" list-style-"].list-style-decimal > div, html [class*=" list-style-"].list-style-decimal > li.qti-choice::before {
1583
+ html [class^=list-style-].list-style-decimal > p, html [class^=list-style-].list-style-decimal > div, html [class^=list-style-].list-style-decimal > li.qti-choice::before,
1584
+ html [class*=" list-style-"].list-style-decimal > p,
1585
+ html [class*=" list-style-"].list-style-decimal > div,
1586
+ html [class*=" list-style-"].list-style-decimal > li.qti-choice::before {
1462
1587
  content: counter(custom-counter, decimal);
1463
1588
  }
1464
- html [class^=list-style-].list-style-decimal-leading-zero > p, html [class^=list-style-].list-style-decimal-leading-zero > div, html [class^=list-style-].list-style-decimal-leading-zero > li.qti-choice::before, html [class*=" list-style-"].list-style-decimal-leading-zero > p, html [class*=" list-style-"].list-style-decimal-leading-zero > div, html [class*=" list-style-"].list-style-decimal-leading-zero > li.qti-choice::before {
1589
+ html [class^=list-style-].list-style-decimal-leading-zero > p, html [class^=list-style-].list-style-decimal-leading-zero > div, html [class^=list-style-].list-style-decimal-leading-zero > li.qti-choice::before,
1590
+ html [class*=" list-style-"].list-style-decimal-leading-zero > p,
1591
+ html [class*=" list-style-"].list-style-decimal-leading-zero > div,
1592
+ html [class*=" list-style-"].list-style-decimal-leading-zero > li.qti-choice::before {
1465
1593
  content: counter(custom-counter, decimal-leading-zero);
1466
1594
  }
1467
- html [class^=list-style-].list-style-lower-roman > p, html [class^=list-style-].list-style-lower-roman > div, html [class^=list-style-].list-style-lower-roman > li.qti-choice::before, html [class*=" list-style-"].list-style-lower-roman > p, html [class*=" list-style-"].list-style-lower-roman > div, html [class*=" list-style-"].list-style-lower-roman > li.qti-choice::before {
1595
+ html [class^=list-style-].list-style-lower-roman > p, html [class^=list-style-].list-style-lower-roman > div, html [class^=list-style-].list-style-lower-roman > li.qti-choice::before,
1596
+ html [class*=" list-style-"].list-style-lower-roman > p,
1597
+ html [class*=" list-style-"].list-style-lower-roman > div,
1598
+ html [class*=" list-style-"].list-style-lower-roman > li.qti-choice::before {
1468
1599
  content: counter(custom-counter, lower-roman);
1469
1600
  }
1470
- html [class^=list-style-].list-style-upper-roman > p, html [class^=list-style-].list-style-upper-roman > div, html [class^=list-style-].list-style-upper-roman > li.qti-choice::before, html [class*=" list-style-"].list-style-upper-roman > p, html [class*=" list-style-"].list-style-upper-roman > div, html [class*=" list-style-"].list-style-upper-roman > li.qti-choice::before {
1601
+ html [class^=list-style-].list-style-upper-roman > p, html [class^=list-style-].list-style-upper-roman > div, html [class^=list-style-].list-style-upper-roman > li.qti-choice::before,
1602
+ html [class*=" list-style-"].list-style-upper-roman > p,
1603
+ html [class*=" list-style-"].list-style-upper-roman > div,
1604
+ html [class*=" list-style-"].list-style-upper-roman > li.qti-choice::before {
1471
1605
  content: counter(custom-counter, upper-roman);
1472
1606
  }
1473
- html [class^=list-style-].list-style-lower-greek > p, html [class^=list-style-].list-style-lower-greek > div, html [class^=list-style-].list-style-lower-greek > li.qti-choice::before, html [class*=" list-style-"].list-style-lower-greek > p, html [class*=" list-style-"].list-style-lower-greek > div, html [class*=" list-style-"].list-style-lower-greek > li.qti-choice::before {
1607
+ html [class^=list-style-].list-style-lower-greek > p, html [class^=list-style-].list-style-lower-greek > div, html [class^=list-style-].list-style-lower-greek > li.qti-choice::before,
1608
+ html [class*=" list-style-"].list-style-lower-greek > p,
1609
+ html [class*=" list-style-"].list-style-lower-greek > div,
1610
+ html [class*=" list-style-"].list-style-lower-greek > li.qti-choice::before {
1474
1611
  content: counter(custom-counter, lower-greek);
1475
1612
  }
1476
- html [class^=list-style-].list-style-lower-latin > p, html [class^=list-style-].list-style-lower-latin > div, html [class^=list-style-].list-style-lower-latin > li.qti-choice::before, html [class*=" list-style-"].list-style-lower-latin > p, html [class*=" list-style-"].list-style-lower-latin > div, html [class*=" list-style-"].list-style-lower-latin > li.qti-choice::before {
1613
+ html [class^=list-style-].list-style-lower-latin > p, html [class^=list-style-].list-style-lower-latin > div, html [class^=list-style-].list-style-lower-latin > li.qti-choice::before,
1614
+ html [class*=" list-style-"].list-style-lower-latin > p,
1615
+ html [class*=" list-style-"].list-style-lower-latin > div,
1616
+ html [class*=" list-style-"].list-style-lower-latin > li.qti-choice::before {
1477
1617
  content: counter(custom-counter, lower-latin);
1478
1618
  }
1479
- html [class^=list-style-].list-style-upper-latin > p, html [class^=list-style-].list-style-upper-latin > div, html [class^=list-style-].list-style-upper-latin > li.qti-choice::before, html [class*=" list-style-"].list-style-upper-latin > p, html [class*=" list-style-"].list-style-upper-latin > div, html [class*=" list-style-"].list-style-upper-latin > li.qti-choice::before {
1619
+ html [class^=list-style-].list-style-upper-latin > p, html [class^=list-style-].list-style-upper-latin > div, html [class^=list-style-].list-style-upper-latin > li.qti-choice::before,
1620
+ html [class*=" list-style-"].list-style-upper-latin > p,
1621
+ html [class*=" list-style-"].list-style-upper-latin > div,
1622
+ html [class*=" list-style-"].list-style-upper-latin > li.qti-choice::before {
1480
1623
  content: counter(custom-counter, upper-latin);
1481
1624
  }
1482
- html [class^=list-style-].list-style-armenian > p, html [class^=list-style-].list-style-armenian > div, html [class^=list-style-].list-style-armenian > li.qti-choice::before, html [class*=" list-style-"].list-style-armenian > p, html [class*=" list-style-"].list-style-armenian > div, html [class*=" list-style-"].list-style-armenian > li.qti-choice::before {
1625
+ html [class^=list-style-].list-style-armenian > p, html [class^=list-style-].list-style-armenian > div, html [class^=list-style-].list-style-armenian > li.qti-choice::before,
1626
+ html [class*=" list-style-"].list-style-armenian > p,
1627
+ html [class*=" list-style-"].list-style-armenian > div,
1628
+ html [class*=" list-style-"].list-style-armenian > li.qti-choice::before {
1483
1629
  content: counter(custom-counter, armenian);
1484
1630
  }
1485
- html [class^=list-style-].list-style-georgian > p, html [class^=list-style-].list-style-georgian > div, html [class^=list-style-].list-style-georgian > li.qti-choice::before, html [class*=" list-style-"].list-style-georgian > p, html [class*=" list-style-"].list-style-georgian > div, html [class*=" list-style-"].list-style-georgian > li.qti-choice::before {
1631
+ html [class^=list-style-].list-style-georgian > p, html [class^=list-style-].list-style-georgian > div, html [class^=list-style-].list-style-georgian > li.qti-choice::before,
1632
+ html [class*=" list-style-"].list-style-georgian > p,
1633
+ html [class*=" list-style-"].list-style-georgian > div,
1634
+ html [class*=" list-style-"].list-style-georgian > li.qti-choice::before {
1486
1635
  content: counter(custom-counter, georgian);
1487
1636
  }
1488
- html [class^=list-style-].list-style-lower-alpha > p, html [class^=list-style-].list-style-lower-alpha > div, html [class^=list-style-].list-style-lower-alpha > li.qti-choice::before, html [class*=" list-style-"].list-style-lower-alpha > p, html [class*=" list-style-"].list-style-lower-alpha > div, html [class*=" list-style-"].list-style-lower-alpha > li.qti-choice::before {
1637
+ html [class^=list-style-].list-style-lower-alpha > p, html [class^=list-style-].list-style-lower-alpha > div, html [class^=list-style-].list-style-lower-alpha > li.qti-choice::before,
1638
+ html [class*=" list-style-"].list-style-lower-alpha > p,
1639
+ html [class*=" list-style-"].list-style-lower-alpha > div,
1640
+ html [class*=" list-style-"].list-style-lower-alpha > li.qti-choice::before {
1489
1641
  content: counter(custom-counter, lower-alpha);
1490
1642
  }
1491
- html [class^=list-style-].list-style-upper-alpha > p, html [class^=list-style-].list-style-upper-alpha > div, html [class^=list-style-].list-style-upper-alpha > li.qti-choice::before, html [class*=" list-style-"].list-style-upper-alpha > p, html [class*=" list-style-"].list-style-upper-alpha > div, html [class*=" list-style-"].list-style-upper-alpha > li.qti-choice::before {
1643
+ html [class^=list-style-].list-style-upper-alpha > p, html [class^=list-style-].list-style-upper-alpha > div, html [class^=list-style-].list-style-upper-alpha > li.qti-choice::before,
1644
+ html [class*=" list-style-"].list-style-upper-alpha > p,
1645
+ html [class*=" list-style-"].list-style-upper-alpha > div,
1646
+ html [class*=" list-style-"].list-style-upper-alpha > li.qti-choice::before {
1492
1647
  content: counter(custom-counter, upper-alpha);
1493
1648
  }
1494
- html [class^=list-style-].list-style-disc-parenthesis > li.qti-choice::before, html [class*=" list-style-"].list-style-disc-parenthesis > li.qti-choice::before {
1649
+ html [class^=list-style-].list-style-disc-parenthesis > li.qti-choice::before,
1650
+ html [class*=" list-style-"].list-style-disc-parenthesis > li.qti-choice::before {
1495
1651
  content: counter(custom-counter, disc) ")";
1496
1652
  }
1497
- html [class^=list-style-].list-style-disc-period > li.qti-choice::before, html [class*=" list-style-"].list-style-disc-period > li.qti-choice::before {
1653
+ html [class^=list-style-].list-style-disc-period > li.qti-choice::before,
1654
+ html [class*=" list-style-"].list-style-disc-period > li.qti-choice::before {
1498
1655
  content: counter(custom-counter, disc) ".";
1499
1656
  }
1500
- html [class^=list-style-].list-style-circle-parenthesis > li.qti-choice::before, html [class*=" list-style-"].list-style-circle-parenthesis > li.qti-choice::before {
1657
+ html [class^=list-style-].list-style-circle-parenthesis > li.qti-choice::before,
1658
+ html [class*=" list-style-"].list-style-circle-parenthesis > li.qti-choice::before {
1501
1659
  content: counter(custom-counter, circle) ")";
1502
1660
  }
1503
- html [class^=list-style-].list-style-circle-period > li.qti-choice::before, html [class*=" list-style-"].list-style-circle-period > li.qti-choice::before {
1661
+ html [class^=list-style-].list-style-circle-period > li.qti-choice::before,
1662
+ html [class*=" list-style-"].list-style-circle-period > li.qti-choice::before {
1504
1663
  content: counter(custom-counter, circle) ".";
1505
1664
  }
1506
- html [class^=list-style-].list-style-square-parenthesis > li.qti-choice::before, html [class*=" list-style-"].list-style-square-parenthesis > li.qti-choice::before {
1665
+ html [class^=list-style-].list-style-square-parenthesis > li.qti-choice::before,
1666
+ html [class*=" list-style-"].list-style-square-parenthesis > li.qti-choice::before {
1507
1667
  content: counter(custom-counter, square) ")";
1508
1668
  }
1509
- html [class^=list-style-].list-style-square-period > li.qti-choice::before, html [class*=" list-style-"].list-style-square-period > li.qti-choice::before {
1669
+ html [class^=list-style-].list-style-square-period > li.qti-choice::before,
1670
+ html [class*=" list-style-"].list-style-square-period > li.qti-choice::before {
1510
1671
  content: counter(custom-counter, square) ".";
1511
1672
  }
1512
- html [class^=list-style-].list-style-decimal-parenthesis > li.qti-choice::before, html [class*=" list-style-"].list-style-decimal-parenthesis > li.qti-choice::before {
1673
+ html [class^=list-style-].list-style-decimal-parenthesis > li.qti-choice::before,
1674
+ html [class*=" list-style-"].list-style-decimal-parenthesis > li.qti-choice::before {
1513
1675
  content: counter(custom-counter, decimal) ")";
1514
1676
  }
1515
- html [class^=list-style-].list-style-decimal-period > li.qti-choice::before, html [class*=" list-style-"].list-style-decimal-period > li.qti-choice::before {
1677
+ html [class^=list-style-].list-style-decimal-period > li.qti-choice::before,
1678
+ html [class*=" list-style-"].list-style-decimal-period > li.qti-choice::before {
1516
1679
  content: counter(custom-counter, decimal) ".";
1517
1680
  }
1518
- html [class^=list-style-].list-style-decimal-leading-zero-parenthesis > li.qti-choice::before, html [class*=" list-style-"].list-style-decimal-leading-zero-parenthesis > li.qti-choice::before {
1681
+ html [class^=list-style-].list-style-decimal-leading-zero-parenthesis > li.qti-choice::before,
1682
+ html [class*=" list-style-"].list-style-decimal-leading-zero-parenthesis > li.qti-choice::before {
1519
1683
  content: counter(custom-counter, decimal-leading-zero) ")";
1520
1684
  }
1521
- html [class^=list-style-].list-style-decimal-leading-zero-period > li.qti-choice::before, html [class*=" list-style-"].list-style-decimal-leading-zero-period > li.qti-choice::before {
1685
+ html [class^=list-style-].list-style-decimal-leading-zero-period > li.qti-choice::before,
1686
+ html [class*=" list-style-"].list-style-decimal-leading-zero-period > li.qti-choice::before {
1522
1687
  content: counter(custom-counter, decimal-leading-zero) ".";
1523
1688
  }
1524
- html [class^=list-style-].list-style-lower-roman-parenthesis > li.qti-choice::before, html [class*=" list-style-"].list-style-lower-roman-parenthesis > li.qti-choice::before {
1689
+ html [class^=list-style-].list-style-lower-roman-parenthesis > li.qti-choice::before,
1690
+ html [class*=" list-style-"].list-style-lower-roman-parenthesis > li.qti-choice::before {
1525
1691
  content: counter(custom-counter, lower-roman) ")";
1526
1692
  }
1527
- html [class^=list-style-].list-style-lower-roman-period > li.qti-choice::before, html [class*=" list-style-"].list-style-lower-roman-period > li.qti-choice::before {
1693
+ html [class^=list-style-].list-style-lower-roman-period > li.qti-choice::before,
1694
+ html [class*=" list-style-"].list-style-lower-roman-period > li.qti-choice::before {
1528
1695
  content: counter(custom-counter, lower-roman) ".";
1529
1696
  }
1530
- html [class^=list-style-].list-style-upper-roman-parenthesis > li.qti-choice::before, html [class*=" list-style-"].list-style-upper-roman-parenthesis > li.qti-choice::before {
1697
+ html [class^=list-style-].list-style-upper-roman-parenthesis > li.qti-choice::before,
1698
+ html [class*=" list-style-"].list-style-upper-roman-parenthesis > li.qti-choice::before {
1531
1699
  content: counter(custom-counter, upper-roman) ")";
1532
1700
  }
1533
- html [class^=list-style-].list-style-upper-roman-period > li.qti-choice::before, html [class*=" list-style-"].list-style-upper-roman-period > li.qti-choice::before {
1701
+ html [class^=list-style-].list-style-upper-roman-period > li.qti-choice::before,
1702
+ html [class*=" list-style-"].list-style-upper-roman-period > li.qti-choice::before {
1534
1703
  content: counter(custom-counter, upper-roman) ".";
1535
1704
  }
1536
- html [class^=list-style-].list-style-lower-greek-parenthesis > li.qti-choice::before, html [class*=" list-style-"].list-style-lower-greek-parenthesis > li.qti-choice::before {
1705
+ html [class^=list-style-].list-style-lower-greek-parenthesis > li.qti-choice::before,
1706
+ html [class*=" list-style-"].list-style-lower-greek-parenthesis > li.qti-choice::before {
1537
1707
  content: counter(custom-counter, lower-greek) ")";
1538
1708
  }
1539
- html [class^=list-style-].list-style-lower-greek-period > li.qti-choice::before, html [class*=" list-style-"].list-style-lower-greek-period > li.qti-choice::before {
1709
+ html [class^=list-style-].list-style-lower-greek-period > li.qti-choice::before,
1710
+ html [class*=" list-style-"].list-style-lower-greek-period > li.qti-choice::before {
1540
1711
  content: counter(custom-counter, lower-greek) ".";
1541
1712
  }
1542
- html [class^=list-style-].list-style-lower-latin-parenthesis > li.qti-choice::before, html [class*=" list-style-"].list-style-lower-latin-parenthesis > li.qti-choice::before {
1713
+ html [class^=list-style-].list-style-lower-latin-parenthesis > li.qti-choice::before,
1714
+ html [class*=" list-style-"].list-style-lower-latin-parenthesis > li.qti-choice::before {
1543
1715
  content: counter(custom-counter, lower-latin) ")";
1544
1716
  }
1545
- html [class^=list-style-].list-style-lower-latin-period > li.qti-choice::before, html [class*=" list-style-"].list-style-lower-latin-period > li.qti-choice::before {
1717
+ html [class^=list-style-].list-style-lower-latin-period > li.qti-choice::before,
1718
+ html [class*=" list-style-"].list-style-lower-latin-period > li.qti-choice::before {
1546
1719
  content: counter(custom-counter, lower-latin) ".";
1547
1720
  }
1548
- html [class^=list-style-].list-style-upper-latin-parenthesis > li.qti-choice::before, html [class*=" list-style-"].list-style-upper-latin-parenthesis > li.qti-choice::before {
1721
+ html [class^=list-style-].list-style-upper-latin-parenthesis > li.qti-choice::before,
1722
+ html [class*=" list-style-"].list-style-upper-latin-parenthesis > li.qti-choice::before {
1549
1723
  content: counter(custom-counter, upper-latin) ")";
1550
1724
  }
1551
- html [class^=list-style-].list-style-upper-latin-period > li.qti-choice::before, html [class*=" list-style-"].list-style-upper-latin-period > li.qti-choice::before {
1725
+ html [class^=list-style-].list-style-upper-latin-period > li.qti-choice::before,
1726
+ html [class*=" list-style-"].list-style-upper-latin-period > li.qti-choice::before {
1552
1727
  content: counter(custom-counter, upper-latin) ".";
1553
1728
  }
1554
- html [class^=list-style-].list-style-armenian-parenthesis > li.qti-choice::before, html [class*=" list-style-"].list-style-armenian-parenthesis > li.qti-choice::before {
1729
+ html [class^=list-style-].list-style-armenian-parenthesis > li.qti-choice::before,
1730
+ html [class*=" list-style-"].list-style-armenian-parenthesis > li.qti-choice::before {
1555
1731
  content: counter(custom-counter, armenian) ")";
1556
1732
  }
1557
- html [class^=list-style-].list-style-armenian-period > li.qti-choice::before, html [class*=" list-style-"].list-style-armenian-period > li.qti-choice::before {
1733
+ html [class^=list-style-].list-style-armenian-period > li.qti-choice::before,
1734
+ html [class*=" list-style-"].list-style-armenian-period > li.qti-choice::before {
1558
1735
  content: counter(custom-counter, armenian) ".";
1559
1736
  }
1560
- html [class^=list-style-].list-style-georgian-parenthesis > li.qti-choice::before, html [class*=" list-style-"].list-style-georgian-parenthesis > li.qti-choice::before {
1737
+ html [class^=list-style-].list-style-georgian-parenthesis > li.qti-choice::before,
1738
+ html [class*=" list-style-"].list-style-georgian-parenthesis > li.qti-choice::before {
1561
1739
  content: counter(custom-counter, georgian) ")";
1562
1740
  }
1563
- html [class^=list-style-].list-style-georgian-period > li.qti-choice::before, html [class*=" list-style-"].list-style-georgian-period > li.qti-choice::before {
1741
+ html [class^=list-style-].list-style-georgian-period > li.qti-choice::before,
1742
+ html [class*=" list-style-"].list-style-georgian-period > li.qti-choice::before {
1564
1743
  content: counter(custom-counter, georgian) ".";
1565
1744
  }
1566
- html [class^=list-style-].list-style-lower-alpha-parenthesis > li.qti-choice::before, html [class*=" list-style-"].list-style-lower-alpha-parenthesis > li.qti-choice::before {
1745
+ html [class^=list-style-].list-style-lower-alpha-parenthesis > li.qti-choice::before,
1746
+ html [class*=" list-style-"].list-style-lower-alpha-parenthesis > li.qti-choice::before {
1567
1747
  content: counter(custom-counter, lower-alpha) ")";
1568
1748
  }
1569
- html [class^=list-style-].list-style-lower-alpha-period > li.qti-choice::before, html [class*=" list-style-"].list-style-lower-alpha-period > li.qti-choice::before {
1749
+ html [class^=list-style-].list-style-lower-alpha-period > li.qti-choice::before,
1750
+ html [class*=" list-style-"].list-style-lower-alpha-period > li.qti-choice::before {
1570
1751
  content: counter(custom-counter, lower-alpha) ".";
1571
1752
  }
1572
- html [class^=list-style-].list-style-upper-alpha-parenthesis > li.qti-choice::before, html [class*=" list-style-"].list-style-upper-alpha-parenthesis > li.qti-choice::before {
1753
+ html [class^=list-style-].list-style-upper-alpha-parenthesis > li.qti-choice::before,
1754
+ html [class*=" list-style-"].list-style-upper-alpha-parenthesis > li.qti-choice::before {
1573
1755
  content: counter(custom-counter, upper-alpha) ")";
1574
1756
  }
1575
- html [class^=list-style-].list-style-upper-alpha-period > li.qti-choice::before, html [class*=" list-style-"].list-style-upper-alpha-period > li.qti-choice::before {
1757
+ html [class^=list-style-].list-style-upper-alpha-period > li.qti-choice::before,
1758
+ html [class*=" list-style-"].list-style-upper-alpha-period > li.qti-choice::before {
1576
1759
  content: counter(custom-counter, upper-alpha) ".";
1577
1760
  }
1578
1761
  html table {
@@ -1799,14 +1982,17 @@ textarea + .feedback-info, textarea + .tooltip-blue {
1799
1982
  padding: 5px;
1800
1983
  }
1801
1984
 
1802
- [class*=" col-"], [class^=col-] {
1985
+ [class*=" col-"],
1986
+ [class^=col-] {
1803
1987
  float: left;
1804
1988
  min-block-size: 1rem;
1805
1989
  }
1806
- [class*=" col-"]:first-child, [class^=col-]:first-child {
1990
+ [class*=" col-"]:first-child,
1991
+ [class^=col-]:first-child {
1807
1992
  margin-left: 0;
1808
1993
  }
1809
- [class*=" col-"].grid-container, [class^=col-].grid-container {
1994
+ [class*=" col-"].grid-container,
1995
+ [class^=col-].grid-container {
1810
1996
  margin-bottom: 0;
1811
1997
  }
1812
1998
 
@@ -1818,7 +2004,8 @@ textarea + .feedback-info, textarea + .tooltip-blue {
1818
2004
  overflow-x: hidden;
1819
2005
  }
1820
2006
 
1821
- .grid-row, .fixed-grid-row {
2007
+ .grid-row,
2008
+ .fixed-grid-row {
1822
2009
  inline-size: 101.4285714286%;
1823
2010
  }
1824
2011
 
@@ -1828,110 +2015,66 @@ textarea + .feedback-info, textarea + .tooltip-blue {
1828
2015
  margin-block-end: 12px;
1829
2016
  }
1830
2017
 
1831
- .alpha {
1832
- margin-left: 0 !important;
1833
- }
1834
-
1835
2018
  .col-2 {
1836
2019
  margin-inline-start: 1.4285714286%;
1837
2020
  inline-size: 15.2380952381%;
1838
2021
  margin-block-end: 12px;
1839
2022
  }
1840
2023
 
1841
- .alpha {
1842
- margin-left: 0 !important;
1843
- }
1844
-
1845
2024
  .col-3 {
1846
2025
  margin-inline-start: 1.4285714286%;
1847
2026
  inline-size: 23.5714285714%;
1848
2027
  margin-block-end: 12px;
1849
2028
  }
1850
2029
 
1851
- .alpha {
1852
- margin-left: 0 !important;
1853
- }
1854
-
1855
2030
  .col-4 {
1856
2031
  margin-inline-start: 1.4285714286%;
1857
2032
  inline-size: 31.9047619048%;
1858
2033
  margin-block-end: 12px;
1859
2034
  }
1860
2035
 
1861
- .alpha {
1862
- margin-left: 0 !important;
1863
- }
1864
-
1865
2036
  .col-5 {
1866
2037
  margin-inline-start: 1.4285714286%;
1867
2038
  inline-size: 40.2380952381%;
1868
2039
  margin-block-end: 12px;
1869
2040
  }
1870
2041
 
1871
- .alpha {
1872
- margin-left: 0 !important;
1873
- }
1874
-
1875
2042
  .col-6 {
1876
2043
  margin-inline-start: 1.4285714286%;
1877
2044
  inline-size: 48.5714285714%;
1878
2045
  margin-block-end: 12px;
1879
2046
  }
1880
2047
 
1881
- .alpha {
1882
- margin-left: 0 !important;
1883
- }
1884
-
1885
2048
  .col-7 {
1886
2049
  margin-inline-start: 1.4285714286%;
1887
2050
  inline-size: 56.9047619048%;
1888
2051
  margin-block-end: 12px;
1889
2052
  }
1890
2053
 
1891
- .alpha {
1892
- margin-left: 0 !important;
1893
- }
1894
-
1895
2054
  .col-8 {
1896
2055
  margin-inline-start: 1.4285714286%;
1897
2056
  inline-size: 65.2380952381%;
1898
2057
  margin-block-end: 12px;
1899
2058
  }
1900
2059
 
1901
- .alpha {
1902
- margin-left: 0 !important;
1903
- }
1904
-
1905
2060
  .col-9 {
1906
2061
  margin-inline-start: 1.4285714286%;
1907
2062
  inline-size: 73.5714285714%;
1908
2063
  margin-block-end: 12px;
1909
2064
  }
1910
2065
 
1911
- .alpha {
1912
- margin-left: 0 !important;
1913
- }
1914
-
1915
2066
  .col-10 {
1916
2067
  margin-inline-start: 1.4285714286%;
1917
2068
  inline-size: 81.9047619048%;
1918
2069
  margin-block-end: 12px;
1919
2070
  }
1920
2071
 
1921
- .alpha {
1922
- margin-left: 0 !important;
1923
- }
1924
-
1925
2072
  .col-11 {
1926
2073
  margin-inline-start: 1.4285714286%;
1927
2074
  inline-size: 90.2380952381%;
1928
2075
  margin-block-end: 12px;
1929
2076
  }
1930
2077
 
1931
- .alpha {
1932
- margin-left: 0 !important;
1933
- }
1934
-
1935
2078
  .col-12 {
1936
2079
  margin-inline-start: 1.4285714286%;
1937
2080
  inline-size: 98.5714285714%;
@@ -1939,20 +2082,27 @@ textarea + .feedback-info, textarea + .tooltip-blue {
1939
2082
  }
1940
2083
 
1941
2084
  .alpha {
1942
- margin-left: 0 !important;
2085
+ margin-inline-start: 0 !important;
1943
2086
  }
1944
2087
 
1945
- .writing-mode-vertical-rl .grid-row.grid-row, .writing-mode-vertical-rl .fixed-grid-row.fixed-grid-row {
2088
+ .writing-mode-vertical-rl .grid-row.grid-row,
2089
+ .writing-mode-vertical-rl .fixed-grid-row.fixed-grid-row {
1946
2090
  block-size: auto;
1947
2091
  inline-size: 100%;
1948
2092
  }
1949
- .writing-mode-vertical-rl [class*=" col-"]:first-child, .writing-mode-vertical-rl [class^=col-]:first-child {
2093
+ .writing-mode-vertical-rl [class*=" col-"]:first-child,
2094
+ .writing-mode-vertical-rl [class^=col-]:first-child {
1950
2095
  margin-inline-start: 0;
1951
2096
  margin-block-end: 12px;
1952
2097
  }
1953
- .writing-mode-vertical-rl [class*=" col-"]:last-child, .writing-mode-vertical-rl [class^=col-]:last-child {
2098
+ .writing-mode-vertical-rl [class*=" col-"]:last-child,
2099
+ .writing-mode-vertical-rl [class^=col-]:last-child {
1954
2100
  margin-inline-end: 0;
1955
2101
  }
2102
+ .writing-mode-vertical-rl .grid-row:last-child [class*=" col-"],
2103
+ .writing-mode-vertical-rl .grid-row:last-child [class^=col-] {
2104
+ margin-block-end: 0;
2105
+ }
1956
2106
 
1957
2107
  #icon-editor .grid-row {
1958
2108
  width: 100%;