@scania/tegel 1.34.0-multibrand-beta.1 → 1.34.0-multibrand-beta.3
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/dist/tegel/tegel.css +2 -2
- package/dist-styles/scania-variables.css +30 -191
- package/dist-styles/scania.css +30 -191
- package/dist-styles/traton-variables.css +28 -28
- package/dist-styles/traton.css +28 -28
- package/package.json +1 -1
package/dist-styles/scania.css
CHANGED
|
@@ -401,14 +401,14 @@
|
|
|
401
401
|
/* Scania logotype tokens */
|
|
402
402
|
:root,
|
|
403
403
|
html {
|
|
404
|
-
--tds-background-image-scania-wordmark-png-local: url(
|
|
405
|
-
--tds-background-image-scania-wordmark-svg-local: url(
|
|
406
|
-
--tds-background-image-scania-wordmark-white-png-local: url(
|
|
407
|
-
--tds-background-image-scania-wordmark-white-svg-local: url(
|
|
408
|
-
--tds-background-image-scania-symbol-png-local: url(
|
|
409
|
-
--tds-background-image-scania-symbol-svg-local: url(
|
|
410
|
-
--tds-background-image-scania-logotype-png-local: url(
|
|
411
|
-
--tds-background-image-scania-logotype-svg-local: url(
|
|
404
|
+
--tds-background-image-scania-wordmark-png-local: url(./assets/logos/scania/scania-wordmark.png);
|
|
405
|
+
--tds-background-image-scania-wordmark-svg-local: url(./assets/logos/scania/scania-wordmark.svg);
|
|
406
|
+
--tds-background-image-scania-wordmark-white-png-local: url(./assets/logos/scania/scania-wordmark-white.png);
|
|
407
|
+
--tds-background-image-scania-wordmark-white-svg-local: url(./assets/logos/scania/scania-wordmark-white.svg);
|
|
408
|
+
--tds-background-image-scania-symbol-png-local: url(./assets/logos/scania/scania-symbol.png);
|
|
409
|
+
--tds-background-image-scania-symbol-svg-local: url(./assets/logos/scania/scania-symbol.svg);
|
|
410
|
+
--tds-background-image-scania-logotype-png-local: url(./assets/logos/scania/scania-logotype.png);
|
|
411
|
+
--tds-background-image-scania-logotype-svg-local: url(./assets/logos/scania/scania-logotype.svg);
|
|
412
412
|
--tds-background-image-scania-wordmark-png: url(https://cdn.digitaldesign.scania.com/logotype/multibrand/scania/scania-wordmark.png);
|
|
413
413
|
--tds-background-image-scania-wordmark-svg: url(https://cdn.digitaldesign.scania.com/logotype/multibrand/scania/scania-wordmark.svg);
|
|
414
414
|
--tds-background-image-scania-wordmark-white-png: url(https://cdn.digitaldesign.scania.com/logotype/multibrand/scania/scania-wordmark-white.png);
|
|
@@ -732,302 +732,141 @@ html {
|
|
|
732
732
|
--detail-07-text-transform: none;
|
|
733
733
|
}
|
|
734
734
|
|
|
735
|
-
/* Scania Typography Usage Tokens */
|
|
736
|
-
:root,
|
|
737
|
-
.scania {
|
|
738
|
-
/* Font size tokens */
|
|
739
|
-
--super-type-01-font-size: 216px;
|
|
740
|
-
--super-type-02-font-size: 156px;
|
|
741
|
-
--super-type-03-font-size: 112px;
|
|
742
|
-
--expressive-headline-01-font-size: 80px;
|
|
743
|
-
--expressive-headline-02-font-size: 56px;
|
|
744
|
-
--headline-01-font-size: 40px;
|
|
745
|
-
--headline-02-font-size: 32px;
|
|
746
|
-
--headline-03-font-size: 24px;
|
|
747
|
-
--headline-04-font-size: 20px;
|
|
748
|
-
--headline-05-font-size: 16px;
|
|
749
|
-
--headline-06-font-size: 14px;
|
|
750
|
-
--headline-07-font-size: 14px;
|
|
751
|
-
--paragraph-01-font-size: 24px;
|
|
752
|
-
--paragraph-02-font-size: 20px;
|
|
753
|
-
--body-01-font-size: 16px;
|
|
754
|
-
--body-02-font-size: 14px;
|
|
755
|
-
--body-link-01-font-size: 16px;
|
|
756
|
-
--body-link-02-font-size: 14px;
|
|
757
|
-
--detail-01-font-size: 16px;
|
|
758
|
-
--detail-02-font-size: 14px;
|
|
759
|
-
--detail-03-font-size: 14px;
|
|
760
|
-
--detail-04-font-size: 12px;
|
|
761
|
-
--detail-05-font-size: 12px;
|
|
762
|
-
--detail-06-font-size: 10px;
|
|
763
|
-
--detail-07-font-size: 10px;
|
|
764
|
-
/* Line height tokens */
|
|
765
|
-
--super-type-01-line-height: 183px;
|
|
766
|
-
--super-type-02-line-height: 148px;
|
|
767
|
-
--super-type-03-line-height: 106px;
|
|
768
|
-
--expressive-headline-01-line-height: 80px;
|
|
769
|
-
--expressive-headline-02-line-height: 56px;
|
|
770
|
-
--headline-01-line-height: 40px;
|
|
771
|
-
--headline-02-line-height: 32px;
|
|
772
|
-
--headline-03-line-height: 24px;
|
|
773
|
-
--headline-04-line-height: 24px;
|
|
774
|
-
--headline-05-line-height: 24px;
|
|
775
|
-
--headline-06-line-height: 16px;
|
|
776
|
-
--headline-07-line-height: 16px;
|
|
777
|
-
--paragraph-01-line-height: 32px;
|
|
778
|
-
--paragraph-02-line-height: 24px;
|
|
779
|
-
--body-01-line-height: 24px;
|
|
780
|
-
--body-02-line-height: 20px;
|
|
781
|
-
--body-link-01-line-height: 24px;
|
|
782
|
-
--body-link-02-line-height: 20px;
|
|
783
|
-
--detail-01-line-height: 24px;
|
|
784
|
-
--detail-02-line-height: 16px;
|
|
785
|
-
--detail-03-line-height: 20px;
|
|
786
|
-
--detail-04-line-height: 16px;
|
|
787
|
-
--detail-05-line-height: 16px;
|
|
788
|
-
--detail-06-line-height: 16px;
|
|
789
|
-
--detail-07-line-height: 8px;
|
|
790
|
-
/* Font family tokens */
|
|
791
|
-
--super-type-01-font-family: "Scania Sans Headline", arial, "Helvetica Neue";
|
|
792
|
-
--super-type-02-font-family: "Scania Sans Headline", arial, "Helvetica Neue";
|
|
793
|
-
--super-type-03-font-family: "Scania Sans Headline", arial, "Helvetica Neue";
|
|
794
|
-
--expressive-headline-01-font-family: "Scania Sans Headline", arial, "Helvetica Neue";
|
|
795
|
-
--expressive-headline-02-font-family: "Scania Sans Headline", arial, "Helvetica Neue";
|
|
796
|
-
--headline-01-font-family: "Scania Sans Headline", arial, "Helvetica Neue";
|
|
797
|
-
--headline-02-font-family: "Scania Sans", arial, "Helvetica Neue";
|
|
798
|
-
--headline-03-font-family: "Scania Sans", arial, "Helvetica Neue";
|
|
799
|
-
--headline-04-font-family: "Scania Sans", arial, "Helvetica Neue";
|
|
800
|
-
--headline-05-font-family: "Scania Sans", arial, "Helvetica Neue";
|
|
801
|
-
--headline-06-font-family: "Scania Sans", arial, "Helvetica Neue";
|
|
802
|
-
--headline-07-font-family: "Scania Sans Semi Condensed", arial, "Helvetica Neue";
|
|
803
|
-
--paragraph-01-font-family: "Scania Sans", arial, "Helvetica Neue";
|
|
804
|
-
--paragraph-02-font-family: "Scania Sans", arial, "Helvetica Neue";
|
|
805
|
-
--body-01-font-family: "Scania Sans", arial, "Helvetica Neue";
|
|
806
|
-
--body-02-font-family: "Scania Sans", arial, "Helvetica Neue";
|
|
807
|
-
--body-link-01-font-family: "Scania Sans", arial, "Helvetica Neue";
|
|
808
|
-
--body-link-02-font-family: "Scania Sans", arial, "Helvetica Neue";
|
|
809
|
-
--detail-01-font-family: "Scania Sans Semi Condensed", arial, "Helvetica Neue";
|
|
810
|
-
--detail-02-font-family: "Scania Sans Semi Condensed", arial, "Helvetica Neue";
|
|
811
|
-
--detail-03-font-family: "Scania Sans Semi Condensed", arial, "Helvetica Neue";
|
|
812
|
-
--detail-04-font-family: "Scania Sans", arial, "Helvetica Neue";
|
|
813
|
-
--detail-05-font-family: "Scania Sans Semi Condensed", arial, "Helvetica Neue";
|
|
814
|
-
--detail-06-font-family: "Scania Sans", arial, "Helvetica Neue";
|
|
815
|
-
--detail-07-font-family: "Scania Sans Semi Condensed", arial, "Helvetica Neue";
|
|
816
|
-
/* Font weight tokens */
|
|
817
|
-
--super-type-01-font-weight: bold;
|
|
818
|
-
--super-type-02-font-weight: bold;
|
|
819
|
-
--super-type-03-font-weight: bold;
|
|
820
|
-
--expressive-headline-01-font-weight: bold;
|
|
821
|
-
--expressive-headline-02-font-weight: bold;
|
|
822
|
-
--headline-01-font-weight: bold;
|
|
823
|
-
--headline-02-font-weight: bold;
|
|
824
|
-
--headline-03-font-weight: bold;
|
|
825
|
-
--headline-04-font-weight: bold;
|
|
826
|
-
--headline-05-font-weight: bold;
|
|
827
|
-
--headline-06-font-weight: bold;
|
|
828
|
-
--headline-07-font-weight: bold;
|
|
829
|
-
--paragraph-01-font-weight: normal;
|
|
830
|
-
--paragraph-02-font-weight: normal;
|
|
831
|
-
--body-01-font-weight: normal;
|
|
832
|
-
--body-02-font-weight: normal;
|
|
833
|
-
--body-link-01-font-weight: normal;
|
|
834
|
-
--body-link-02-font-weight: normal;
|
|
835
|
-
--detail-01-font-weight: normal;
|
|
836
|
-
--detail-02-font-weight: normal;
|
|
837
|
-
--detail-03-font-weight: normal;
|
|
838
|
-
--detail-04-font-weight: bold;
|
|
839
|
-
--detail-05-font-weight: normal;
|
|
840
|
-
--detail-06-font-weight: bold;
|
|
841
|
-
--detail-07-font-weight: normal;
|
|
842
|
-
/* Letter spacing tokens */
|
|
843
|
-
--super-type-01-letter-spacing: 0;
|
|
844
|
-
--super-type-02-letter-spacing: 0;
|
|
845
|
-
--super-type-03-letter-spacing: 0;
|
|
846
|
-
--expressive-headline-01-letter-spacing: 0;
|
|
847
|
-
--expressive-headline-02-letter-spacing: 0;
|
|
848
|
-
--headline-01-letter-spacing: 0;
|
|
849
|
-
--headline-02-letter-spacing: -1.28px;
|
|
850
|
-
--headline-03-letter-spacing: -0.72px;
|
|
851
|
-
--headline-04-letter-spacing: -0.2px;
|
|
852
|
-
--headline-05-letter-spacing: -0.32px;
|
|
853
|
-
--headline-06-letter-spacing: -0.28px;
|
|
854
|
-
--headline-07-letter-spacing: -0.14px;
|
|
855
|
-
--paragraph-01-letter-spacing: -0.72px;
|
|
856
|
-
--paragraph-02-letter-spacing: -0.2px;
|
|
857
|
-
--body-01-letter-spacing: -0.32px;
|
|
858
|
-
--body-02-letter-spacing: -0.14px;
|
|
859
|
-
--body-link-01-letter-spacing: -0.32px;
|
|
860
|
-
--body-link-02-letter-spacing: -0.14px;
|
|
861
|
-
--detail-01-letter-spacing: -0.16px;
|
|
862
|
-
--detail-02-letter-spacing: -0.14px;
|
|
863
|
-
--detail-03-letter-spacing: -0.14px;
|
|
864
|
-
--detail-04-letter-spacing: 0.96px;
|
|
865
|
-
--detail-05-letter-spacing: 0;
|
|
866
|
-
--detail-06-letter-spacing: 0.8px;
|
|
867
|
-
--detail-07-letter-spacing: 0;
|
|
868
|
-
/* Text transform tokens */
|
|
869
|
-
--super-type-01-text-transform: uppercase;
|
|
870
|
-
--super-type-02-text-transform: uppercase;
|
|
871
|
-
--super-type-03-text-transform: uppercase;
|
|
872
|
-
--expressive-headline-01-text-transform: uppercase;
|
|
873
|
-
--expressive-headline-02-text-transform: uppercase;
|
|
874
|
-
--headline-01-text-transform: uppercase;
|
|
875
|
-
--headline-02-text-transform: none;
|
|
876
|
-
--headline-03-text-transform: none;
|
|
877
|
-
--headline-04-text-transform: none;
|
|
878
|
-
--headline-05-text-transform: none;
|
|
879
|
-
--headline-06-text-transform: none;
|
|
880
|
-
--headline-07-text-transform: none;
|
|
881
|
-
--paragraph-01-text-transform: none;
|
|
882
|
-
--paragraph-02-text-transform: none;
|
|
883
|
-
--body-01-text-transform: none;
|
|
884
|
-
--body-02-text-transform: none;
|
|
885
|
-
--body-link-01-text-transform: none;
|
|
886
|
-
--body-link-02-text-transform: none;
|
|
887
|
-
--detail-01-text-transform: none;
|
|
888
|
-
--detail-02-text-transform: none;
|
|
889
|
-
--detail-03-text-transform: none;
|
|
890
|
-
--detail-04-text-transform: uppercase;
|
|
891
|
-
--detail-05-text-transform: none;
|
|
892
|
-
--detail-06-text-transform: uppercase;
|
|
893
|
-
--detail-07-text-transform: none;
|
|
894
|
-
}
|
|
895
|
-
|
|
896
735
|
/* TODO: Add CY to all cyrilic fonts */
|
|
897
736
|
@font-face {
|
|
898
737
|
font-family: "Scania Sans";
|
|
899
738
|
font-weight: bold;
|
|
900
739
|
font-display: swap;
|
|
901
740
|
unicode-range: U+0400-04FF;
|
|
902
|
-
src: url("
|
|
741
|
+
src: url("./assets/fonts/cyrillic/ScaniaSansCY-Bold.woff") format("woff"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/cyrillic/ScaniaSansCY-Bold.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/cyrillic/ScaniaSansCY-Bold.woff") format("woff");
|
|
903
742
|
}
|
|
904
743
|
@font-face {
|
|
905
744
|
font-family: "Scania Sans";
|
|
906
745
|
font-style: italic;
|
|
907
746
|
font-display: swap;
|
|
908
747
|
unicode-range: U+0400-04FF;
|
|
909
|
-
src: url("
|
|
748
|
+
src: url("./assets/fonts/cyrillic/ScaniaSansCY-Italic.woff") format("woff"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/cyrillic/ScaniaSansCY-Italic.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/cyrillic/ScaniaSansCY-Italic.woff") format("woff");
|
|
910
749
|
}
|
|
911
750
|
@font-face {
|
|
912
751
|
font-family: "Scania Sans";
|
|
913
752
|
unicode-range: U+0400-04FF;
|
|
914
753
|
font-display: swap;
|
|
915
|
-
src: url("
|
|
754
|
+
src: url("./assets/fonts/cyrillic/ScaniaSansCY-Regular.woff") format("woff"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/cyrillic/ScaniaSansCY-Regular.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/cyrillic/ScaniaSansCY-Regular.woff") format("woff");
|
|
916
755
|
}
|
|
917
756
|
@font-face {
|
|
918
757
|
font-family: "Scania Sans Condensed";
|
|
919
758
|
font-weight: bold;
|
|
920
759
|
font-display: swap;
|
|
921
760
|
unicode-range: U+0400-04FF;
|
|
922
|
-
src: url("
|
|
761
|
+
src: url("./assets/fonts/cyrillic/ScaniaSansCYCondensed-Bold.woff") format("woff"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/cyrillic/ScaniaSansCYCondensed-Bold.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/cyrillic/ScaniaSansCYCondensed-Bold.woff") format("woff");
|
|
923
762
|
}
|
|
924
763
|
@font-face {
|
|
925
764
|
font-family: "Scania Sans Condensed";
|
|
926
765
|
font-style: italic;
|
|
927
766
|
font-display: swap;
|
|
928
767
|
unicode-range: U+0400-04FF;
|
|
929
|
-
src: url("
|
|
768
|
+
src: url("./assets/fonts/cyrillic/ScaniaSansCYCondensed-Italic.woff") format("woff"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/cyrillic/ScaniaSansCYCondensed-Italic.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/cyrillic/ScaniaSansCYCondensed-Italic.woff") format("woff");
|
|
930
769
|
}
|
|
931
770
|
@font-face {
|
|
932
771
|
font-family: "Scania Sans Condensed";
|
|
933
772
|
unicode-range: U+0400-04FF;
|
|
934
773
|
font-display: swap;
|
|
935
|
-
src: url("
|
|
774
|
+
src: url("./assets/fonts/cyrillic/ScaniaSansCYCondensed-Regular.woff") format("woff"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/cyrillic/ScaniaSansCYCondensed-Regular.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/cyrillic/ScaniaSansCYCondensed-Regular.woff") format("woff");
|
|
936
775
|
}
|
|
937
776
|
@font-face {
|
|
938
777
|
font-family: "Scania Sans Headline";
|
|
939
778
|
font-weight: bold;
|
|
940
779
|
unicode-range: U+0400-04FF;
|
|
941
780
|
font-display: swap;
|
|
942
|
-
src: url("
|
|
781
|
+
src: url("./assets/fonts/cyrillic/ScaniaSansCYHeadline-Bold.woff") format("woff"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/cyrillic/ScaniaSansCYHeadline-Bold.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/cyrillic/ScaniaSansCYHeadline-Bold.woff") format("woff");
|
|
943
782
|
}
|
|
944
783
|
@font-face {
|
|
945
784
|
font-family: "Scania Sans Headline";
|
|
946
785
|
unicode-range: U+0400-04FF;
|
|
947
786
|
font-display: swap;
|
|
948
|
-
src: url("
|
|
787
|
+
src: url("./assets/fonts/cyrillic/ScaniaSansCYHeadline-Regular.woff") format("woff"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/cyrillic/ScaniaSansCYHeadline-Regular.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/cyrillic/ScaniaSansCYHeadline-Regular.woff") format("woff");
|
|
949
788
|
}
|
|
950
789
|
@font-face {
|
|
951
790
|
font-family: "Scania Sans Semi Condensed";
|
|
952
791
|
font-weight: bold;
|
|
953
792
|
unicode-range: U+0400-04FF;
|
|
954
793
|
font-display: swap;
|
|
955
|
-
src: url("
|
|
794
|
+
src: url("./assets/fonts/cyrillic/ScaniaSansCYSemiCondensed-Bold.woff") format("woff"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/cyrillic/ScaniaSansCYSemiCondensed-Bold.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/cyrillic/ScaniaSansCYSemiCondensed-Bold.woff") format("woff");
|
|
956
795
|
}
|
|
957
796
|
@font-face {
|
|
958
797
|
font-family: "Scania Sans Semi Condensed";
|
|
959
798
|
font-style: italic;
|
|
960
799
|
unicode-range: U+0400-04FF;
|
|
961
800
|
font-display: swap;
|
|
962
|
-
src: url("
|
|
801
|
+
src: url("./assets/fonts/cyrillic/ScaniaSansCYSemiCondensed-Italic.woff") format("woff"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/cyrillic/ScaniaSansCYSemiCondensed-Italic.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/cyrillic/ScaniaSansCYSemiCondensed-Italic.woff") format("woff");
|
|
963
802
|
}
|
|
964
803
|
@font-face {
|
|
965
804
|
font-family: "Scania Sans Semi Condensed";
|
|
966
805
|
unicode-range: U+0400-04FF;
|
|
967
806
|
font-display: swap;
|
|
968
|
-
src: url("
|
|
807
|
+
src: url("./assets/fonts/cyrillic/ScaniaSansCYSemiCondensed-Regular.woff") format("woff"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/cyrillic/ScaniaSansCYSemiCondensed-Regular.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/cyrillic/ScaniaSansCYSemiCondensed-Regular.woff") format("woff");
|
|
969
808
|
}
|
|
970
809
|
@font-face {
|
|
971
810
|
font-family: "Scania Sans";
|
|
972
811
|
font-weight: bold;
|
|
973
812
|
font-display: swap;
|
|
974
|
-
src: url("
|
|
813
|
+
src: url("./assets/fonts/latin/ScaniaSans-Bold.woff") format("woff"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/latin/ScaniaSans-Bold.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/latin/ScaniaSans-Bold.woff") format("woff");
|
|
975
814
|
}
|
|
976
815
|
@font-face {
|
|
977
816
|
font-family: "Scania Sans";
|
|
978
817
|
font-style: italic;
|
|
979
818
|
font-display: swap;
|
|
980
|
-
src: url("
|
|
819
|
+
src: url("./assets/fonts/latin/ScaniaSans-Italic.woff") format("woff"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/latin/ScaniaSans-Italic.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/latin/ScaniaSans-Italic.woff") format("woff");
|
|
981
820
|
}
|
|
982
821
|
@font-face {
|
|
983
822
|
font-family: "Scania Sans";
|
|
984
823
|
font-display: swap;
|
|
985
|
-
src: url("
|
|
824
|
+
src: url("./assets/fonts/latin/ScaniaSans-Regular.woff") format("woff"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/latin/ScaniaSans-Regular.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/latin/ScaniaSans-Regular.woff") format("woff");
|
|
986
825
|
}
|
|
987
826
|
@font-face {
|
|
988
827
|
font-family: "Scania Sans Condensed";
|
|
989
828
|
font-weight: bold;
|
|
990
829
|
font-display: swap;
|
|
991
|
-
src: url("
|
|
830
|
+
src: url("./assets/fonts/latin/ScaniaSansCondensed-Bold.woff") format("woff"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/latin/ScaniaSansCondensed-Bold.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/latin/ScaniaSansCondensed-Bold.woff") format("woff");
|
|
992
831
|
}
|
|
993
832
|
@font-face {
|
|
994
833
|
font-family: "Scania Sans Condensed";
|
|
995
834
|
font-style: italic;
|
|
996
835
|
font-display: swap;
|
|
997
|
-
src: url("
|
|
836
|
+
src: url("./assets/fonts/latin/ScaniaSansCondensed-Italic.woff") format("woff"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/latin/ScaniaSansCondensed-Italic.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/latin/ScaniaSansCondensed-Italic.woff") format("woff");
|
|
998
837
|
}
|
|
999
838
|
@font-face {
|
|
1000
839
|
font-family: "Scania Sans Condensed";
|
|
1001
840
|
font-display: swap;
|
|
1002
|
-
src: url("
|
|
841
|
+
src: url("./assets/fonts/latin/ScaniaSansCondensed-Regular.woff") format("woff"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/latin/ScaniaSansCondensed-Regular.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/latin/ScaniaSansCondensed-Regular.woff") format("woff");
|
|
1003
842
|
}
|
|
1004
843
|
@font-face {
|
|
1005
844
|
font-family: "Scania Sans Headline";
|
|
1006
845
|
font-weight: bold;
|
|
1007
846
|
font-display: swap;
|
|
1008
|
-
src: url("
|
|
847
|
+
src: url("./assets/fonts/latin/ScaniaSansHeadline-Bold.woff") format("woff"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/latin/ScaniaSansHeadline-Bold.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/latin/ScaniaSansHeadline-Bold.woff") format("woff");
|
|
1009
848
|
}
|
|
1010
849
|
@font-face {
|
|
1011
850
|
font-family: "Scania Sans Headline";
|
|
1012
851
|
font-display: swap;
|
|
1013
|
-
src: url("
|
|
852
|
+
src: url("./assets/fonts/latin/ScaniaSansHeadline-Regular.woff") format("woff"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/latin/ScaniaSansHeadline-Regular.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/latin/ScaniaSansHeadline-Regular.woff") format("woff");
|
|
1014
853
|
}
|
|
1015
854
|
@font-face {
|
|
1016
855
|
font-family: "Scania Sans Semi Condensed";
|
|
1017
856
|
font-weight: bold;
|
|
1018
857
|
font-display: swap;
|
|
1019
|
-
src: url("
|
|
858
|
+
src: url("./assets/fonts/latin/ScaniaSansSemiCondensed-Bold.woff") format("woff"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/latin/ScaniaSansSemiCondensed-Bold.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/latin/ScaniaSansSemiCondensed-Bold.woff") format("woff");
|
|
1020
859
|
}
|
|
1021
860
|
@font-face {
|
|
1022
861
|
font-family: "Scania Sans Semi Condensed";
|
|
1023
862
|
font-style: italic;
|
|
1024
863
|
font-display: swap;
|
|
1025
|
-
src: url("
|
|
864
|
+
src: url("./assets/fonts/latin/ScaniaSansSemiCondensed-Italic.woff") format("woff"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/latin/ScaniaSansSemiCondensed-Italic.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/latin/ScaniaSansSemiCondensed-Italic.woff") format("woff");
|
|
1026
865
|
}
|
|
1027
866
|
@font-face {
|
|
1028
867
|
font-family: "Scania Sans Semi Condensed";
|
|
1029
868
|
font-display: swap;
|
|
1030
|
-
src: url("
|
|
869
|
+
src: url("./assets/fonts/latin/ScaniaSansSemiCondensed-Regular.woff") format("woff"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/latin/ScaniaSansSemiCondensed-Regular.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/latin/ScaniaSansSemiCondensed-Regular.woff") format("woff");
|
|
1031
870
|
}
|
|
1032
871
|
/* https://medium.com/swlh/full-text-styling-with-a-single-line-of-css-838e8c666f4d */
|
|
1033
872
|
:root {
|
|
@@ -1082,34 +1082,34 @@
|
|
|
1082
1082
|
* Do not edit directly, this file was auto-generated.
|
|
1083
1083
|
*/
|
|
1084
1084
|
:root {
|
|
1085
|
-
--traton-icon-arrow_diagonal-svg: url(
|
|
1086
|
-
--traton-icon-arrow_down-svg: url(
|
|
1087
|
-
--traton-icon-arrow_left-svg: url(
|
|
1088
|
-
--traton-icon-arrow_right-svg: url(
|
|
1089
|
-
--traton-icon-arrow_up-svg: url(
|
|
1090
|
-
--traton-icon-bento-svg: url(
|
|
1091
|
-
--traton-icon-burger-svg: url(
|
|
1092
|
-
--traton-icon-calendar-svg: url(
|
|
1093
|
-
--traton-icon-chevron_down-svg: url(
|
|
1094
|
-
--traton-icon-chevron_left-svg: url(
|
|
1095
|
-
--traton-icon-chevron_right-svg: url(
|
|
1096
|
-
--traton-icon-chevron_up-svg: url(
|
|
1097
|
-
--traton-icon-cross-svg: url(
|
|
1098
|
-
--traton-icon-edit-svg: url(
|
|
1099
|
-
--traton-icon-error-svg: url(
|
|
1100
|
-
--traton-icon-info-svg: url(
|
|
1101
|
-
--traton-icon-minus-svg: url(
|
|
1102
|
-
--traton-icon-notification-svg: url(
|
|
1103
|
-
--traton-icon-plus-svg: url(
|
|
1104
|
-
--traton-icon-print-svg: url(
|
|
1105
|
-
--traton-icon-refresh-svg: url(
|
|
1106
|
-
--traton-icon-search-svg: url(
|
|
1107
|
-
--traton-icon-share-svg: url(
|
|
1108
|
-
--traton-icon-sorting-svg: url(
|
|
1109
|
-
--traton-icon-star-svg: url(
|
|
1110
|
-
--traton-icon-tick-svg: url(
|
|
1111
|
-
--traton-icon-truck-svg: url(
|
|
1112
|
-
--traton-icon-warning-svg: url(
|
|
1085
|
+
--traton-icon-arrow_diagonal-svg: url(./assets/icons/traton/arrow_diagonal.svg);
|
|
1086
|
+
--traton-icon-arrow_down-svg: url(./assets/icons/traton/arrow_down.svg);
|
|
1087
|
+
--traton-icon-arrow_left-svg: url(./assets/icons/traton/arrow_left.svg);
|
|
1088
|
+
--traton-icon-arrow_right-svg: url(./assets/icons/traton/arrow_right.svg);
|
|
1089
|
+
--traton-icon-arrow_up-svg: url(./assets/icons/traton/arrow_up.svg);
|
|
1090
|
+
--traton-icon-bento-svg: url(./assets/icons/traton/bento.svg);
|
|
1091
|
+
--traton-icon-burger-svg: url(./assets/icons/traton/burger.svg);
|
|
1092
|
+
--traton-icon-calendar-svg: url(./assets/icons/traton/calendar.svg);
|
|
1093
|
+
--traton-icon-chevron_down-svg: url(./assets/icons/traton/chevron_down.svg);
|
|
1094
|
+
--traton-icon-chevron_left-svg: url(./assets/icons/traton/chevron_left.svg);
|
|
1095
|
+
--traton-icon-chevron_right-svg: url(./assets/icons/traton/chevron_right.svg);
|
|
1096
|
+
--traton-icon-chevron_up-svg: url(./assets/icons/traton/chevron_up.svg);
|
|
1097
|
+
--traton-icon-cross-svg: url(./assets/icons/traton/cross.svg);
|
|
1098
|
+
--traton-icon-edit-svg: url(./assets/icons/traton/edit.svg);
|
|
1099
|
+
--traton-icon-error-svg: url(./assets/icons/traton/error.svg);
|
|
1100
|
+
--traton-icon-info-svg: url(./assets/icons/traton/info.svg);
|
|
1101
|
+
--traton-icon-minus-svg: url(./assets/icons/traton/minus.svg);
|
|
1102
|
+
--traton-icon-notification-svg: url(./assets/icons/traton/notification.svg);
|
|
1103
|
+
--traton-icon-plus-svg: url(./assets/icons/traton/plus.svg);
|
|
1104
|
+
--traton-icon-print-svg: url(./assets/icons/traton/print.svg);
|
|
1105
|
+
--traton-icon-refresh-svg: url(./assets/icons/traton/refresh.svg);
|
|
1106
|
+
--traton-icon-search-svg: url(./assets/icons/traton/search.svg);
|
|
1107
|
+
--traton-icon-share-svg: url(./assets/icons/traton/share.svg);
|
|
1108
|
+
--traton-icon-sorting-svg: url(./assets/icons/traton/sorting.svg);
|
|
1109
|
+
--traton-icon-star-svg: url(./assets/icons/traton/star.svg);
|
|
1110
|
+
--traton-icon-tick-svg: url(./assets/icons/traton/tick.svg);
|
|
1111
|
+
--traton-icon-truck-svg: url(./assets/icons/traton/truck.svg);
|
|
1112
|
+
--traton-icon-warning-svg: url(./assets/icons/traton/warning.svg);
|
|
1113
1113
|
}
|
|
1114
1114
|
|
|
1115
1115
|
/* Traton icon tokens */
|
package/dist-styles/traton.css
CHANGED
|
@@ -1082,34 +1082,34 @@
|
|
|
1082
1082
|
* Do not edit directly, this file was auto-generated.
|
|
1083
1083
|
*/
|
|
1084
1084
|
:root {
|
|
1085
|
-
--traton-icon-arrow_diagonal-svg: url(
|
|
1086
|
-
--traton-icon-arrow_down-svg: url(
|
|
1087
|
-
--traton-icon-arrow_left-svg: url(
|
|
1088
|
-
--traton-icon-arrow_right-svg: url(
|
|
1089
|
-
--traton-icon-arrow_up-svg: url(
|
|
1090
|
-
--traton-icon-bento-svg: url(
|
|
1091
|
-
--traton-icon-burger-svg: url(
|
|
1092
|
-
--traton-icon-calendar-svg: url(
|
|
1093
|
-
--traton-icon-chevron_down-svg: url(
|
|
1094
|
-
--traton-icon-chevron_left-svg: url(
|
|
1095
|
-
--traton-icon-chevron_right-svg: url(
|
|
1096
|
-
--traton-icon-chevron_up-svg: url(
|
|
1097
|
-
--traton-icon-cross-svg: url(
|
|
1098
|
-
--traton-icon-edit-svg: url(
|
|
1099
|
-
--traton-icon-error-svg: url(
|
|
1100
|
-
--traton-icon-info-svg: url(
|
|
1101
|
-
--traton-icon-minus-svg: url(
|
|
1102
|
-
--traton-icon-notification-svg: url(
|
|
1103
|
-
--traton-icon-plus-svg: url(
|
|
1104
|
-
--traton-icon-print-svg: url(
|
|
1105
|
-
--traton-icon-refresh-svg: url(
|
|
1106
|
-
--traton-icon-search-svg: url(
|
|
1107
|
-
--traton-icon-share-svg: url(
|
|
1108
|
-
--traton-icon-sorting-svg: url(
|
|
1109
|
-
--traton-icon-star-svg: url(
|
|
1110
|
-
--traton-icon-tick-svg: url(
|
|
1111
|
-
--traton-icon-truck-svg: url(
|
|
1112
|
-
--traton-icon-warning-svg: url(
|
|
1085
|
+
--traton-icon-arrow_diagonal-svg: url(./assets/icons/traton/arrow_diagonal.svg);
|
|
1086
|
+
--traton-icon-arrow_down-svg: url(./assets/icons/traton/arrow_down.svg);
|
|
1087
|
+
--traton-icon-arrow_left-svg: url(./assets/icons/traton/arrow_left.svg);
|
|
1088
|
+
--traton-icon-arrow_right-svg: url(./assets/icons/traton/arrow_right.svg);
|
|
1089
|
+
--traton-icon-arrow_up-svg: url(./assets/icons/traton/arrow_up.svg);
|
|
1090
|
+
--traton-icon-bento-svg: url(./assets/icons/traton/bento.svg);
|
|
1091
|
+
--traton-icon-burger-svg: url(./assets/icons/traton/burger.svg);
|
|
1092
|
+
--traton-icon-calendar-svg: url(./assets/icons/traton/calendar.svg);
|
|
1093
|
+
--traton-icon-chevron_down-svg: url(./assets/icons/traton/chevron_down.svg);
|
|
1094
|
+
--traton-icon-chevron_left-svg: url(./assets/icons/traton/chevron_left.svg);
|
|
1095
|
+
--traton-icon-chevron_right-svg: url(./assets/icons/traton/chevron_right.svg);
|
|
1096
|
+
--traton-icon-chevron_up-svg: url(./assets/icons/traton/chevron_up.svg);
|
|
1097
|
+
--traton-icon-cross-svg: url(./assets/icons/traton/cross.svg);
|
|
1098
|
+
--traton-icon-edit-svg: url(./assets/icons/traton/edit.svg);
|
|
1099
|
+
--traton-icon-error-svg: url(./assets/icons/traton/error.svg);
|
|
1100
|
+
--traton-icon-info-svg: url(./assets/icons/traton/info.svg);
|
|
1101
|
+
--traton-icon-minus-svg: url(./assets/icons/traton/minus.svg);
|
|
1102
|
+
--traton-icon-notification-svg: url(./assets/icons/traton/notification.svg);
|
|
1103
|
+
--traton-icon-plus-svg: url(./assets/icons/traton/plus.svg);
|
|
1104
|
+
--traton-icon-print-svg: url(./assets/icons/traton/print.svg);
|
|
1105
|
+
--traton-icon-refresh-svg: url(./assets/icons/traton/refresh.svg);
|
|
1106
|
+
--traton-icon-search-svg: url(./assets/icons/traton/search.svg);
|
|
1107
|
+
--traton-icon-share-svg: url(./assets/icons/traton/share.svg);
|
|
1108
|
+
--traton-icon-sorting-svg: url(./assets/icons/traton/sorting.svg);
|
|
1109
|
+
--traton-icon-star-svg: url(./assets/icons/traton/star.svg);
|
|
1110
|
+
--traton-icon-tick-svg: url(./assets/icons/traton/tick.svg);
|
|
1111
|
+
--traton-icon-truck-svg: url(./assets/icons/traton/truck.svg);
|
|
1112
|
+
--traton-icon-warning-svg: url(./assets/icons/traton/warning.svg);
|
|
1113
1113
|
}
|
|
1114
1114
|
|
|
1115
1115
|
/* Traton icon tokens */
|