@oat-sa/tao-core-ui 3.10.0 → 3.11.0

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 (4) hide show
  1. package/package.json +1 -1
  2. package/scss/inc/base/_list-style.scss +31 -22
  3. package/src/css/basic.css +110 -62
  4. package/src/css/basic.css.map +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oat-sa/tao-core-ui",
3
- "version": "3.10.0",
3
+ "version": "3.11.0",
4
4
  "displayName": "TAO Core UI",
5
5
  "description": "UI libraries of TAO",
6
6
  "scripts": {
package/scss/inc/base/_list-style.scss CHANGED
@@ -18,42 +18,51 @@ nav {
18
18
  }
19
19
  }
20
20
 
21
- // according to https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type these styles are the most compatible ones
22
- // disc|circle|square|decimal|decimal-leading-zero|lower-roman|upper-roman|lower-greek|lower-latin|upper-latin|armenian|georgian|lower-alpha|upper-alpha|none. lower|upper-latin are aliases of lower|upper-roman
23
- $list_styles: disc,circle,square,decimal,decimal-leading-zero,lower-roman,upper-roman,lower-greek,lower-latin,upper-latin,armenian,georgian,lower-alpha,upper-alpha,none;
21
+ /*
22
+ This SCSS generates CSS classes for custom list styling, it:
23
+ - For classes like .list-style-disc, .list-style-decimal-period etc.
24
+ - Uses counter-reset for automatic item numbering
25
+ - Supports base styles (disc, decimal etc.) and suffix variants (-period ".", -parenthesis ")")
26
+ - Easy addition of new styles using $list_styles array and new suffixes and $suffixes map
27
+ */
24
28
 
29
+ //https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type
30
+ $list_styles: disc, circle, square, decimal, decimal-leading-zero, lower-roman, upper-roman,
31
+ lower-greek, lower-latin, upper-latin, armenian, georgian, lower-alpha, upper-alpha;
25
32
 
26
- @for $i from 1 through length($list_styles) {
27
- ul.#{nth($list_styles, $i)}, ol.#{nth($list_styles, $i)} {
28
- list-style-type: #{nth($list_styles, $i)};
29
- }
30
- }
31
-
32
- // this part enables list styles on all elements by using CSS counter, the required class name is e.g. list-style-disc
33
- // exp.
34
- // <parent class="list-style-disc">
35
- // <child> -> parent > p | parent > div | parent > li has a bullet
33
+ $suffixes: (
34
+ 'parenthesis': ')',
35
+ 'period': '.'
36
+ );
36
37
 
37
38
  [class^="list-style-"], [class*=" list-style-"] {
38
-
39
39
  counter-reset: custom-counter;
40
40
 
41
- &>p, &>div, &>li {
41
+ &>p, &>div, &>li.qti-choice {
42
+ position: relative;
42
43
  &::before {
43
44
  counter-increment: custom-counter;
45
+ position: absolute;
46
+ left: -25px;
44
47
  width: 20px;
45
48
  display: inline-block;
46
49
  text-align: center;
47
50
  }
48
51
  }
49
52
 
50
- @for $i from 1 through length($list_styles) {
51
- &.list-style-#{nth($list_styles, $i)} {
52
- &>p, &>div, &>li {
53
- &::before {
54
- content: counter(custom-counter, #{nth($list_styles, $i)});
55
- }
53
+ @each $style in $list_styles {
54
+ &.list-style-#{$style} {
55
+ &>p, &>div, &>li.qti-choice::before {
56
+ content: counter(custom-counter, #{$style});
56
57
  }
57
58
  }
58
59
  }
59
- }
60
+
61
+ @each $style in $list_styles {
62
+ @each $suffix, $symbol in $suffixes {
63
+ &.list-style-#{$style}-#{$suffix} > li.qti-choice::before {
64
+ content: counter(custom-counter, #{$style}) "#{$symbol}";
65
+ }
66
+ }
67
+ }
68
+ }
package/src/css/basic.css CHANGED
@@ -1052,6 +1052,13 @@ body {
1052
1052
  }
1053
1053
 
1054
1054
  html {
1055
+ /*
1056
+ This SCSS generates CSS classes for custom list styling, it:
1057
+ - For classes like .list-style-disc, .list-style-decimal-period etc.
1058
+ - Uses counter-reset for automatic item numbering
1059
+ - Supports base styles (disc, decimal etc.) and suffix variants (-period ".", -parenthesis ")")
1060
+ - Easy addition of new styles using $list_styles array and new suffixes and $suffixes map
1061
+ */
1055
1062
  /* fake table stuff */
1056
1063
  }
1057
1064
  html *, html *:before, html *:after {
@@ -1428,104 +1435,145 @@ html nav ul {
1428
1435
  margin: 0;
1429
1436
  list-style: none;
1430
1437
  }
1431
- html ul.disc, html ol.disc {
1432
- list-style-type: disc;
1433
- }
1434
- html ul.circle, html ol.circle {
1435
- list-style-type: circle;
1436
- }
1437
- html ul.square, html ol.square {
1438
- list-style-type: square;
1439
- }
1440
- html ul.decimal, html ol.decimal {
1441
- list-style-type: decimal;
1442
- }
1443
- html ul.decimal-leading-zero, html ol.decimal-leading-zero {
1444
- list-style-type: decimal-leading-zero;
1445
- }
1446
- html ul.lower-roman, html ol.lower-roman {
1447
- list-style-type: lower-roman;
1448
- }
1449
- html ul.upper-roman, html ol.upper-roman {
1450
- list-style-type: upper-roman;
1451
- }
1452
- html ul.lower-greek, html ol.lower-greek {
1453
- list-style-type: lower-greek;
1454
- }
1455
- html ul.lower-latin, html ol.lower-latin {
1456
- list-style-type: lower-latin;
1457
- }
1458
- html ul.upper-latin, html ol.upper-latin {
1459
- list-style-type: upper-latin;
1460
- }
1461
- html ul.armenian, html ol.armenian {
1462
- list-style-type: armenian;
1463
- }
1464
- html ul.georgian, html ol.georgian {
1465
- list-style-type: georgian;
1466
- }
1467
- html ul.lower-alpha, html ol.lower-alpha {
1468
- list-style-type: lower-alpha;
1469
- }
1470
- html ul.upper-alpha, html ol.upper-alpha {
1471
- list-style-type: upper-alpha;
1472
- }
1473
- html ul.none, html ol.none {
1474
- list-style-type: none;
1475
- }
1476
1438
  html [class^=list-style-], html [class*=" list-style-"] {
1477
1439
  counter-reset: custom-counter;
1478
1440
  }
1479
- html [class^=list-style-] > p::before, html [class^=list-style-] > div::before, html [class^=list-style-] > li::before, html [class*=" list-style-"] > p::before, html [class*=" list-style-"] > div::before, html [class*=" list-style-"] > li::before {
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 {
1442
+ position: relative;
1443
+ }
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 {
1480
1445
  counter-increment: custom-counter;
1446
+ position: absolute;
1447
+ left: -25px;
1481
1448
  width: 20px;
1482
1449
  display: inline-block;
1483
1450
  text-align: center;
1484
1451
  }
1485
- html [class^=list-style-].list-style-disc > p::before, html [class^=list-style-].list-style-disc > div::before, html [class^=list-style-].list-style-disc > li::before, html [class*=" list-style-"].list-style-disc > p::before, html [class*=" list-style-"].list-style-disc > div::before, html [class*=" list-style-"].list-style-disc > li::before {
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 {
1486
1453
  content: counter(custom-counter, disc);
1487
1454
  }
1488
- html [class^=list-style-].list-style-circle > p::before, html [class^=list-style-].list-style-circle > div::before, html [class^=list-style-].list-style-circle > li::before, html [class*=" list-style-"].list-style-circle > p::before, html [class*=" list-style-"].list-style-circle > div::before, html [class*=" list-style-"].list-style-circle > li::before {
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 {
1489
1456
  content: counter(custom-counter, circle);
1490
1457
  }
1491
- html [class^=list-style-].list-style-square > p::before, html [class^=list-style-].list-style-square > div::before, html [class^=list-style-].list-style-square > li::before, html [class*=" list-style-"].list-style-square > p::before, html [class*=" list-style-"].list-style-square > div::before, html [class*=" list-style-"].list-style-square > li::before {
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 {
1492
1459
  content: counter(custom-counter, square);
1493
1460
  }
1494
- html [class^=list-style-].list-style-decimal > p::before, html [class^=list-style-].list-style-decimal > div::before, html [class^=list-style-].list-style-decimal > li::before, html [class*=" list-style-"].list-style-decimal > p::before, html [class*=" list-style-"].list-style-decimal > div::before, html [class*=" list-style-"].list-style-decimal > li::before {
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 {
1495
1462
  content: counter(custom-counter, decimal);
1496
1463
  }
1497
- html [class^=list-style-].list-style-decimal-leading-zero > p::before, html [class^=list-style-].list-style-decimal-leading-zero > div::before, html [class^=list-style-].list-style-decimal-leading-zero > li::before, html [class*=" list-style-"].list-style-decimal-leading-zero > p::before, html [class*=" list-style-"].list-style-decimal-leading-zero > div::before, html [class*=" list-style-"].list-style-decimal-leading-zero > li::before {
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 {
1498
1465
  content: counter(custom-counter, decimal-leading-zero);
1499
1466
  }
1500
- html [class^=list-style-].list-style-lower-roman > p::before, html [class^=list-style-].list-style-lower-roman > div::before, html [class^=list-style-].list-style-lower-roman > li::before, html [class*=" list-style-"].list-style-lower-roman > p::before, html [class*=" list-style-"].list-style-lower-roman > div::before, html [class*=" list-style-"].list-style-lower-roman > li::before {
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 {
1501
1468
  content: counter(custom-counter, lower-roman);
1502
1469
  }
1503
- html [class^=list-style-].list-style-upper-roman > p::before, html [class^=list-style-].list-style-upper-roman > div::before, html [class^=list-style-].list-style-upper-roman > li::before, html [class*=" list-style-"].list-style-upper-roman > p::before, html [class*=" list-style-"].list-style-upper-roman > div::before, html [class*=" list-style-"].list-style-upper-roman > li::before {
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 {
1504
1471
  content: counter(custom-counter, upper-roman);
1505
1472
  }
1506
- html [class^=list-style-].list-style-lower-greek > p::before, html [class^=list-style-].list-style-lower-greek > div::before, html [class^=list-style-].list-style-lower-greek > li::before, html [class*=" list-style-"].list-style-lower-greek > p::before, html [class*=" list-style-"].list-style-lower-greek > div::before, html [class*=" list-style-"].list-style-lower-greek > li::before {
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 {
1507
1474
  content: counter(custom-counter, lower-greek);
1508
1475
  }
1509
- html [class^=list-style-].list-style-lower-latin > p::before, html [class^=list-style-].list-style-lower-latin > div::before, html [class^=list-style-].list-style-lower-latin > li::before, html [class*=" list-style-"].list-style-lower-latin > p::before, html [class*=" list-style-"].list-style-lower-latin > div::before, html [class*=" list-style-"].list-style-lower-latin > li::before {
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 {
1510
1477
  content: counter(custom-counter, lower-latin);
1511
1478
  }
1512
- html [class^=list-style-].list-style-upper-latin > p::before, html [class^=list-style-].list-style-upper-latin > div::before, html [class^=list-style-].list-style-upper-latin > li::before, html [class*=" list-style-"].list-style-upper-latin > p::before, html [class*=" list-style-"].list-style-upper-latin > div::before, html [class*=" list-style-"].list-style-upper-latin > li::before {
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 {
1513
1480
  content: counter(custom-counter, upper-latin);
1514
1481
  }
1515
- html [class^=list-style-].list-style-armenian > p::before, html [class^=list-style-].list-style-armenian > div::before, html [class^=list-style-].list-style-armenian > li::before, html [class*=" list-style-"].list-style-armenian > p::before, html [class*=" list-style-"].list-style-armenian > div::before, html [class*=" list-style-"].list-style-armenian > li::before {
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 {
1516
1483
  content: counter(custom-counter, armenian);
1517
1484
  }
1518
- html [class^=list-style-].list-style-georgian > p::before, html [class^=list-style-].list-style-georgian > div::before, html [class^=list-style-].list-style-georgian > li::before, html [class*=" list-style-"].list-style-georgian > p::before, html [class*=" list-style-"].list-style-georgian > div::before, html [class*=" list-style-"].list-style-georgian > li::before {
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 {
1519
1486
  content: counter(custom-counter, georgian);
1520
1487
  }
1521
- html [class^=list-style-].list-style-lower-alpha > p::before, html [class^=list-style-].list-style-lower-alpha > div::before, html [class^=list-style-].list-style-lower-alpha > li::before, html [class*=" list-style-"].list-style-lower-alpha > p::before, html [class*=" list-style-"].list-style-lower-alpha > div::before, html [class*=" list-style-"].list-style-lower-alpha > li::before {
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 {
1522
1489
  content: counter(custom-counter, lower-alpha);
1523
1490
  }
1524
- html [class^=list-style-].list-style-upper-alpha > p::before, html [class^=list-style-].list-style-upper-alpha > div::before, html [class^=list-style-].list-style-upper-alpha > li::before, html [class*=" list-style-"].list-style-upper-alpha > p::before, html [class*=" list-style-"].list-style-upper-alpha > div::before, html [class*=" list-style-"].list-style-upper-alpha > li::before {
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 {
1525
1492
  content: counter(custom-counter, upper-alpha);
1526
1493
  }
1527
- html [class^=list-style-].list-style-none > p::before, html [class^=list-style-].list-style-none > div::before, html [class^=list-style-].list-style-none > li::before, html [class*=" list-style-"].list-style-none > p::before, html [class*=" list-style-"].list-style-none > div::before, html [class*=" list-style-"].list-style-none > li::before {
1528
- content: counter(custom-counter, none);
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 {
1495
+ content: counter(custom-counter, disc) ")";
1496
+ }
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 {
1498
+ content: counter(custom-counter, disc) ".";
1499
+ }
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 {
1501
+ content: counter(custom-counter, circle) ")";
1502
+ }
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 {
1504
+ content: counter(custom-counter, circle) ".";
1505
+ }
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 {
1507
+ content: counter(custom-counter, square) ")";
1508
+ }
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 {
1510
+ content: counter(custom-counter, square) ".";
1511
+ }
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 {
1513
+ content: counter(custom-counter, decimal) ")";
1514
+ }
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 {
1516
+ content: counter(custom-counter, decimal) ".";
1517
+ }
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 {
1519
+ content: counter(custom-counter, decimal-leading-zero) ")";
1520
+ }
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 {
1522
+ content: counter(custom-counter, decimal-leading-zero) ".";
1523
+ }
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 {
1525
+ content: counter(custom-counter, lower-roman) ")";
1526
+ }
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 {
1528
+ content: counter(custom-counter, lower-roman) ".";
1529
+ }
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 {
1531
+ content: counter(custom-counter, upper-roman) ")";
1532
+ }
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 {
1534
+ content: counter(custom-counter, upper-roman) ".";
1535
+ }
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 {
1537
+ content: counter(custom-counter, lower-greek) ")";
1538
+ }
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 {
1540
+ content: counter(custom-counter, lower-greek) ".";
1541
+ }
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 {
1543
+ content: counter(custom-counter, lower-latin) ")";
1544
+ }
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 {
1546
+ content: counter(custom-counter, lower-latin) ".";
1547
+ }
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 {
1549
+ content: counter(custom-counter, upper-latin) ")";
1550
+ }
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 {
1552
+ content: counter(custom-counter, upper-latin) ".";
1553
+ }
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 {
1555
+ content: counter(custom-counter, armenian) ")";
1556
+ }
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 {
1558
+ content: counter(custom-counter, armenian) ".";
1559
+ }
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 {
1561
+ content: counter(custom-counter, georgian) ")";
1562
+ }
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 {
1564
+ content: counter(custom-counter, georgian) ".";
1565
+ }
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 {
1567
+ content: counter(custom-counter, lower-alpha) ")";
1568
+ }
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 {
1570
+ content: counter(custom-counter, lower-alpha) ".";
1571
+ }
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 {
1573
+ content: counter(custom-counter, upper-alpha) ")";
1574
+ }
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 {
1576
+ content: counter(custom-counter, upper-alpha) ".";
1529
1577
  }
1530
1578
  html table {
1531
1579
  border-collapse: collapse;