@oat-sa/tao-core-ui 3.18.0 → 3.18.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/scss/inc/_base.scss +50 -0
- package/src/css/basic.css +47 -0
- package/src/css/basic.css.map +1 -1
package/package.json
CHANGED
package/scss/inc/_base.scss
CHANGED
|
@@ -593,6 +593,16 @@ body {
|
|
|
593
593
|
writing-mode: vertical-rl;
|
|
594
594
|
}
|
|
595
595
|
|
|
596
|
+
.qti-item .qti-itemBody.writing-mode-vertical-rl {
|
|
597
|
+
hr {
|
|
598
|
+
height: 100%;
|
|
599
|
+
max-height: 100%;
|
|
600
|
+
margin: 0 12px;
|
|
601
|
+
border: none;
|
|
602
|
+
border-right: 1px solid #8c8c8c;
|
|
603
|
+
}
|
|
604
|
+
}
|
|
605
|
+
|
|
596
606
|
.txt-subscript {
|
|
597
607
|
@include writing-mode-vertical-rl {
|
|
598
608
|
inset-block-start: -0.9em;
|
|
@@ -637,6 +647,7 @@ body {
|
|
|
637
647
|
}
|
|
638
648
|
}
|
|
639
649
|
}
|
|
650
|
+
|
|
640
651
|
.txt-wavy {
|
|
641
652
|
ruby rt {
|
|
642
653
|
position: relative;
|
|
@@ -649,6 +660,31 @@ body {
|
|
|
649
660
|
}
|
|
650
661
|
}
|
|
651
662
|
|
|
663
|
+
ruby rt {
|
|
664
|
+
& > .txt-wavy {
|
|
665
|
+
@include writing-mode-vertical-rl {
|
|
666
|
+
position: relative;
|
|
667
|
+
left: 5px;
|
|
668
|
+
}
|
|
669
|
+
@include writing-mode-horizontal-tb {
|
|
670
|
+
position: relative;
|
|
671
|
+
left: auto;
|
|
672
|
+
}
|
|
673
|
+
}
|
|
674
|
+
|
|
675
|
+
& > .txt-underline,
|
|
676
|
+
& > .txt-dashed {
|
|
677
|
+
@include writing-mode-vertical-rl {
|
|
678
|
+
position: relative;
|
|
679
|
+
left: 2px;
|
|
680
|
+
}
|
|
681
|
+
@include writing-mode-horizontal-tb {
|
|
682
|
+
position: relative;
|
|
683
|
+
left: auto;
|
|
684
|
+
}
|
|
685
|
+
}
|
|
686
|
+
}
|
|
687
|
+
|
|
652
688
|
[data-useragent-browser='safari'] {
|
|
653
689
|
&.writing-mode-vertical-rl,
|
|
654
690
|
.writing-mode-vertical-rl {
|
|
@@ -656,6 +692,13 @@ body {
|
|
|
656
692
|
.txt-dashed {
|
|
657
693
|
text-underline-offset: -0.1em;
|
|
658
694
|
}
|
|
695
|
+
ruby rt {
|
|
696
|
+
& > .txt-wavy,
|
|
697
|
+
& > .txt-underline,
|
|
698
|
+
& > .txt-dashed {
|
|
699
|
+
left: 0;
|
|
700
|
+
}
|
|
701
|
+
}
|
|
659
702
|
}
|
|
660
703
|
&,
|
|
661
704
|
.writing-mode-horizontal-tb {
|
|
@@ -663,6 +706,13 @@ body {
|
|
|
663
706
|
.txt-dashed {
|
|
664
707
|
text-underline-offset: auto;
|
|
665
708
|
}
|
|
709
|
+
ruby rt {
|
|
710
|
+
& > .txt-wavy,
|
|
711
|
+
& > .txt-underline,
|
|
712
|
+
& > .txt-dashed {
|
|
713
|
+
left: auto;
|
|
714
|
+
}
|
|
715
|
+
}
|
|
666
716
|
}
|
|
667
717
|
}
|
|
668
718
|
|
package/src/css/basic.css
CHANGED
|
@@ -1534,6 +1534,13 @@ html .writing-mode-horizontal-tb {
|
|
|
1534
1534
|
html .writing-mode-vertical-rl {
|
|
1535
1535
|
writing-mode: vertical-rl;
|
|
1536
1536
|
}
|
|
1537
|
+
html .qti-item .qti-itemBody.writing-mode-vertical-rl hr {
|
|
1538
|
+
height: 100%;
|
|
1539
|
+
max-height: 100%;
|
|
1540
|
+
margin: 0 12px;
|
|
1541
|
+
border: none;
|
|
1542
|
+
border-right: 1px solid #8c8c8c;
|
|
1543
|
+
}
|
|
1537
1544
|
html .writing-mode-vertical-rl .txt-subscript {
|
|
1538
1545
|
inset-block-start: -0.9em;
|
|
1539
1546
|
bottom: 0;
|
|
@@ -1605,18 +1612,58 @@ html .writing-mode-vertical-rl .writing-mode-horizontal-tb .txt-wavy ruby rt {
|
|
|
1605
1612
|
inset-block-start: auto;
|
|
1606
1613
|
}
|
|
1607
1614
|
|
|
1615
|
+
html .writing-mode-vertical-rl ruby rt > .txt-wavy {
|
|
1616
|
+
position: relative;
|
|
1617
|
+
left: 5px;
|
|
1618
|
+
}
|
|
1619
|
+
|
|
1620
|
+
html ruby rt > .txt-wavy {
|
|
1621
|
+
position: relative;
|
|
1622
|
+
left: auto;
|
|
1623
|
+
}
|
|
1624
|
+
html .writing-mode-vertical-rl .writing-mode-horizontal-tb ruby rt > .txt-wavy {
|
|
1625
|
+
position: relative;
|
|
1626
|
+
left: auto;
|
|
1627
|
+
}
|
|
1628
|
+
|
|
1629
|
+
html .writing-mode-vertical-rl ruby rt > .txt-underline, html .writing-mode-vertical-rl ruby rt > .txt-dashed {
|
|
1630
|
+
position: relative;
|
|
1631
|
+
left: 2px;
|
|
1632
|
+
}
|
|
1633
|
+
|
|
1634
|
+
html ruby rt > .txt-underline, html ruby rt > .txt-dashed {
|
|
1635
|
+
position: relative;
|
|
1636
|
+
left: auto;
|
|
1637
|
+
}
|
|
1638
|
+
html .writing-mode-vertical-rl .writing-mode-horizontal-tb ruby rt > .txt-underline, html .writing-mode-vertical-rl .writing-mode-horizontal-tb ruby rt > .txt-dashed {
|
|
1639
|
+
position: relative;
|
|
1640
|
+
left: auto;
|
|
1641
|
+
}
|
|
1642
|
+
|
|
1608
1643
|
html [data-useragent-browser=safari].writing-mode-vertical-rl .txt-underline,
|
|
1609
1644
|
html [data-useragent-browser=safari].writing-mode-vertical-rl .txt-dashed,
|
|
1610
1645
|
html [data-useragent-browser=safari] .writing-mode-vertical-rl .txt-underline,
|
|
1611
1646
|
html [data-useragent-browser=safari] .writing-mode-vertical-rl .txt-dashed {
|
|
1612
1647
|
text-underline-offset: -0.1em;
|
|
1613
1648
|
}
|
|
1649
|
+
html [data-useragent-browser=safari].writing-mode-vertical-rl ruby rt > .txt-wavy, html [data-useragent-browser=safari].writing-mode-vertical-rl ruby rt > .txt-underline, html [data-useragent-browser=safari].writing-mode-vertical-rl ruby rt > .txt-dashed,
|
|
1650
|
+
html [data-useragent-browser=safari] .writing-mode-vertical-rl ruby rt > .txt-wavy,
|
|
1651
|
+
html [data-useragent-browser=safari] .writing-mode-vertical-rl ruby rt > .txt-underline,
|
|
1652
|
+
html [data-useragent-browser=safari] .writing-mode-vertical-rl ruby rt > .txt-dashed {
|
|
1653
|
+
left: 0;
|
|
1654
|
+
}
|
|
1614
1655
|
html [data-useragent-browser=safari] .txt-underline,
|
|
1615
1656
|
html [data-useragent-browser=safari] .txt-dashed,
|
|
1616
1657
|
html [data-useragent-browser=safari] .writing-mode-horizontal-tb .txt-underline,
|
|
1617
1658
|
html [data-useragent-browser=safari] .writing-mode-horizontal-tb .txt-dashed {
|
|
1618
1659
|
text-underline-offset: auto;
|
|
1619
1660
|
}
|
|
1661
|
+
html [data-useragent-browser=safari] ruby rt > .txt-wavy, html [data-useragent-browser=safari] ruby rt > .txt-underline, html [data-useragent-browser=safari] ruby rt > .txt-dashed,
|
|
1662
|
+
html [data-useragent-browser=safari] .writing-mode-horizontal-tb ruby rt > .txt-wavy,
|
|
1663
|
+
html [data-useragent-browser=safari] .writing-mode-horizontal-tb ruby rt > .txt-underline,
|
|
1664
|
+
html [data-useragent-browser=safari] .writing-mode-horizontal-tb ruby rt > .txt-dashed {
|
|
1665
|
+
left: auto;
|
|
1666
|
+
}
|
|
1620
1667
|
html .txt-combine-upright-all {
|
|
1621
1668
|
text-combine-upright: all;
|
|
1622
1669
|
}
|