@asante-org/atlascopco-vt-litesitegenerator 1.6.4 → 1.6.10
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/index.esm.scss +168 -114
- package/dist/index.scss +168 -114
- package/dist/themes/theme-1.css +84 -57
- package/dist/themes/theme-1.css.map +1 -1
- package/dist/themes/theme-2.css +84 -57
- package/dist/themes/theme-2.css.map +1 -1
- package/dist/themes/theme-3.css +84 -57
- package/dist/themes/theme-3.css.map +1 -1
- package/package.json +1 -1
package/dist/index.esm.scss
CHANGED
|
@@ -359,7 +359,7 @@
|
|
|
359
359
|
.lsg-nav__list {
|
|
360
360
|
display: flex;
|
|
361
361
|
align-items: center;
|
|
362
|
-
gap:
|
|
362
|
+
gap: 18px;
|
|
363
363
|
}
|
|
364
364
|
.lsg-nav__item {
|
|
365
365
|
position: relative;
|
|
@@ -371,14 +371,15 @@
|
|
|
371
371
|
align-items: center;
|
|
372
372
|
justify-content: space-between;
|
|
373
373
|
gap: 4px;
|
|
374
|
-
min-height:
|
|
375
|
-
padding:
|
|
374
|
+
min-height: 40px;
|
|
375
|
+
padding: 8px 0;
|
|
376
376
|
font-family: var(--lsg-font-family-primary);
|
|
377
|
-
font-size:
|
|
377
|
+
font-size: 16px;
|
|
378
378
|
font-weight: 400;
|
|
379
|
-
line-height: 1.
|
|
379
|
+
line-height: 1.5;
|
|
380
380
|
color: var(--lsg-color-black);
|
|
381
381
|
text-decoration: none;
|
|
382
|
+
text-transform: uppercase;
|
|
382
383
|
border-bottom: 2px solid transparent;
|
|
383
384
|
transition: color 0.24s ease, border-color 0.24s ease, background-color 0.24s ease;
|
|
384
385
|
}
|
|
@@ -403,15 +404,15 @@
|
|
|
403
404
|
display: inline-flex;
|
|
404
405
|
align-items: center;
|
|
405
406
|
justify-content: center;
|
|
406
|
-
width:
|
|
407
|
-
height:
|
|
407
|
+
width: 10px;
|
|
408
|
+
height: 5px;
|
|
408
409
|
color: currentColor;
|
|
409
410
|
transition: transform 0.24s ease;
|
|
410
411
|
}
|
|
411
412
|
.lsg-nav__chevron svg {
|
|
412
413
|
display: block;
|
|
413
|
-
width:
|
|
414
|
-
height:
|
|
414
|
+
width: 10px;
|
|
415
|
+
height: 5px;
|
|
415
416
|
fill: currentColor;
|
|
416
417
|
}
|
|
417
418
|
.lsg-nav--dropdown .lsg-nav__item--has-children > .lsg-nav__link .lsg-nav__chevron {
|
|
@@ -424,7 +425,7 @@
|
|
|
424
425
|
z-index: 40;
|
|
425
426
|
width: 176px;
|
|
426
427
|
padding: 8px 12px;
|
|
427
|
-
background: var(--lsg-color-
|
|
428
|
+
background: var(--lsg-color-light);
|
|
428
429
|
box-shadow: 0 12px 20px rgba(0, 0, 0, 0.05);
|
|
429
430
|
opacity: 0;
|
|
430
431
|
pointer-events: none;
|
|
@@ -448,7 +449,7 @@
|
|
|
448
449
|
width: 0;
|
|
449
450
|
height: 0;
|
|
450
451
|
border-right: 9px solid transparent;
|
|
451
|
-
border-bottom: 9px solid var(--lsg-color-
|
|
452
|
+
border-bottom: 9px solid var(--lsg-color-light);
|
|
452
453
|
border-left: 9px solid transparent;
|
|
453
454
|
transform: translateX(-50%);
|
|
454
455
|
}
|
|
@@ -462,11 +463,12 @@
|
|
|
462
463
|
.lsg-nav--dropdown .lsg-nav__dropdown .lsg-nav__link {
|
|
463
464
|
display: flex;
|
|
464
465
|
width: 100%;
|
|
465
|
-
min-height:
|
|
466
|
+
min-height: 40px;
|
|
466
467
|
padding: 8px 0;
|
|
467
468
|
border-bottom: 0;
|
|
468
|
-
font-size:
|
|
469
|
-
line-height: 1.
|
|
469
|
+
font-size: 14px;
|
|
470
|
+
line-height: 1.4;
|
|
471
|
+
text-transform: none;
|
|
470
472
|
}
|
|
471
473
|
.lsg-nav--dropdown .lsg-nav__dropdown .lsg-nav__link:hover, .lsg-nav--dropdown .lsg-nav__dropdown .lsg-nav__link:focus-visible, .lsg-nav--dropdown .lsg-nav__dropdown .lsg-nav__link--current {
|
|
472
474
|
color: var(--lsg-header-green);
|
|
@@ -515,7 +517,7 @@
|
|
|
515
517
|
gap: 8px;
|
|
516
518
|
padding: 8px 12px;
|
|
517
519
|
font-family: var(--lsg-font-family-primary);
|
|
518
|
-
font-size:
|
|
520
|
+
font-size: 14px;
|
|
519
521
|
font-weight: 500;
|
|
520
522
|
color: var(--lsg-color-secondary);
|
|
521
523
|
background: none;
|
|
@@ -545,8 +547,8 @@
|
|
|
545
547
|
transform: rotate(180deg);
|
|
546
548
|
}
|
|
547
549
|
.lsg-lang-switcher__globe {
|
|
548
|
-
width:
|
|
549
|
-
height:
|
|
550
|
+
width: 24px;
|
|
551
|
+
height: 24px;
|
|
550
552
|
fill: currentColor;
|
|
551
553
|
}
|
|
552
554
|
.lsg-lang-switcher__current {
|
|
@@ -557,7 +559,7 @@
|
|
|
557
559
|
top: calc(100% + 4px);
|
|
558
560
|
right: 0;
|
|
559
561
|
min-width: 140px;
|
|
560
|
-
background: var(--lsg-color-
|
|
562
|
+
background: var(--lsg-color-light);
|
|
561
563
|
border: 1px solid color-mix(in srgb, var(--lsg-color-secondary) 18%, var(--lsg-color-white));
|
|
562
564
|
border-radius: var(--lsg-radius-rounded);
|
|
563
565
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
|
|
@@ -569,7 +571,7 @@
|
|
|
569
571
|
.lsg-lang-switcher__option-link {
|
|
570
572
|
display: block;
|
|
571
573
|
padding: 8px 12px;
|
|
572
|
-
font-size:
|
|
574
|
+
font-size: 14px;
|
|
573
575
|
color: var(--lsg-color-secondary);
|
|
574
576
|
text-decoration: none;
|
|
575
577
|
transition: background-color 0.1s ease, color 0.1s ease;
|
|
@@ -720,7 +722,7 @@
|
|
|
720
722
|
.lsg-header {
|
|
721
723
|
--lsg-header-green: var(--lsg-color-primary);
|
|
722
724
|
--lsg-header-active: color-mix(in srgb, var(--lsg-color-primary) 11%, var(--lsg-color-white));
|
|
723
|
-
--lsg-header-divider: rgba(
|
|
725
|
+
--lsg-header-divider: rgba(255, 255, 255, 0.2);
|
|
724
726
|
--lsg-header-text: var(--lsg-color-black);
|
|
725
727
|
position: sticky;
|
|
726
728
|
top: 0;
|
|
@@ -736,9 +738,9 @@
|
|
|
736
738
|
align-items: center;
|
|
737
739
|
gap: 20px;
|
|
738
740
|
width: min(100%, 1320px);
|
|
739
|
-
height:
|
|
741
|
+
height: 98px;
|
|
740
742
|
margin: 0 auto;
|
|
741
|
-
padding: 0 clamp(48px, 9vw,
|
|
743
|
+
padding: 0 clamp(48px, 13.9vw, 200px);
|
|
742
744
|
background: var(--lsg-color-white);
|
|
743
745
|
}
|
|
744
746
|
.lsg-header .lsg-logo-decorator {
|
|
@@ -831,6 +833,10 @@
|
|
|
831
833
|
width: 20px;
|
|
832
834
|
height: 20px;
|
|
833
835
|
}
|
|
836
|
+
.lsg-header__icon-button .lsg-header__icon {
|
|
837
|
+
width: 20px;
|
|
838
|
+
height: 20px;
|
|
839
|
+
}
|
|
834
840
|
.lsg-header .lsg-lang-switcher__trigger {
|
|
835
841
|
min-height: 20px;
|
|
836
842
|
padding: 0;
|
|
@@ -842,17 +848,18 @@
|
|
|
842
848
|
height: 24px;
|
|
843
849
|
}
|
|
844
850
|
.lsg-header .lsg-lang-switcher__current {
|
|
845
|
-
font-size:
|
|
851
|
+
font-size: 14px;
|
|
846
852
|
}
|
|
847
853
|
.lsg-header__menu-trigger {
|
|
848
854
|
gap: 4px;
|
|
849
855
|
min-height: 20px;
|
|
850
|
-
font-size:
|
|
856
|
+
font-size: 16px;
|
|
851
857
|
line-height: 1;
|
|
858
|
+
text-transform: uppercase;
|
|
852
859
|
}
|
|
853
860
|
.lsg-header__menu-trigger .lsg-header__icon {
|
|
854
|
-
width:
|
|
855
|
-
height:
|
|
861
|
+
width: 20px;
|
|
862
|
+
height: 14px;
|
|
856
863
|
}
|
|
857
864
|
.lsg-header__separator {
|
|
858
865
|
display: inline-flex;
|
|
@@ -870,7 +877,7 @@
|
|
|
870
877
|
width: min(100%, 1320px);
|
|
871
878
|
min-height: 330px;
|
|
872
879
|
margin: 0 auto;
|
|
873
|
-
padding: 44px clamp(48px, 9vw,
|
|
880
|
+
padding: 44px clamp(48px, 13.9vw, 200px);
|
|
874
881
|
background: var(--lsg-color-white);
|
|
875
882
|
border-top: 1px solid transparent;
|
|
876
883
|
animation: lsg-header-panel-in 0.24s ease both;
|
|
@@ -885,12 +892,12 @@
|
|
|
885
892
|
}
|
|
886
893
|
.lsg-header__mega-column {
|
|
887
894
|
position: relative;
|
|
888
|
-
width:
|
|
895
|
+
width: 229px;
|
|
889
896
|
min-height: 212px;
|
|
890
897
|
padding: 0 20px 0 0;
|
|
891
898
|
margin: 0;
|
|
892
899
|
list-style: none;
|
|
893
|
-
border-right: 1px solid
|
|
900
|
+
border-right: 1px solid rgba(0, 0, 0, 0.12);
|
|
894
901
|
}
|
|
895
902
|
.lsg-header__mega-column + .lsg-header__mega-column {
|
|
896
903
|
padding-left: 20px;
|
|
@@ -909,11 +916,12 @@
|
|
|
909
916
|
display: block;
|
|
910
917
|
}
|
|
911
918
|
.lsg-header__mega-item {
|
|
912
|
-
margin: 0 0
|
|
919
|
+
margin: 0 0 4px;
|
|
913
920
|
}
|
|
914
921
|
.lsg-header__mega-item--open > .lsg-header__mega-link, .lsg-header__mega-item:hover > .lsg-header__mega-link, .lsg-header__mega-item:focus-within > .lsg-header__mega-link {
|
|
915
|
-
color: var(--lsg-
|
|
916
|
-
background: var(--lsg-
|
|
922
|
+
color: var(--lsg-color-white);
|
|
923
|
+
background: var(--lsg-color-primary);
|
|
924
|
+
font-weight: 600;
|
|
917
925
|
outline: none;
|
|
918
926
|
}
|
|
919
927
|
.lsg-header__mega-link {
|
|
@@ -921,27 +929,36 @@
|
|
|
921
929
|
align-items: center;
|
|
922
930
|
justify-content: space-between;
|
|
923
931
|
gap: 12px;
|
|
924
|
-
min-height:
|
|
925
|
-
padding: 6px
|
|
926
|
-
font-size:
|
|
927
|
-
|
|
928
|
-
|
|
932
|
+
min-height: 35px;
|
|
933
|
+
padding: 6px 10px;
|
|
934
|
+
font-size: 16px;
|
|
935
|
+
font-weight: 400;
|
|
936
|
+
line-height: 1.5;
|
|
937
|
+
color: var(--lsg-color-white);
|
|
938
|
+
background: var(--lsg-color-primary);
|
|
929
939
|
text-decoration: none;
|
|
930
|
-
|
|
940
|
+
text-transform: uppercase;
|
|
941
|
+
transition: font-weight 0.1s ease;
|
|
931
942
|
}
|
|
932
943
|
.lsg-header__mega-link:hover, .lsg-header__mega-link:focus-visible {
|
|
933
|
-
color: var(--lsg-
|
|
934
|
-
background: var(--lsg-
|
|
944
|
+
color: var(--lsg-color-white);
|
|
945
|
+
background: var(--lsg-color-primary);
|
|
946
|
+
font-weight: 600;
|
|
935
947
|
outline: none;
|
|
936
948
|
}
|
|
937
949
|
.lsg-header__mega-link .lsg-header__icon {
|
|
938
950
|
width: 8px;
|
|
939
951
|
height: 8px;
|
|
940
952
|
flex: 0 0 auto;
|
|
953
|
+
fill: var(--lsg-color-white);
|
|
954
|
+
}
|
|
955
|
+
.lsg-header__mega-column .lsg-header__mega-link {
|
|
956
|
+
font-size: 14px;
|
|
957
|
+
text-transform: none;
|
|
941
958
|
}
|
|
942
959
|
.lsg-header__mega-item--active > .lsg-header__mega-link {
|
|
943
|
-
color: var(--lsg-
|
|
944
|
-
background: var(--lsg-
|
|
960
|
+
color: var(--lsg-color-white);
|
|
961
|
+
background: var(--lsg-color-primary);
|
|
945
962
|
font-weight: 600;
|
|
946
963
|
}
|
|
947
964
|
.lsg-header__mobile-panel {
|
|
@@ -969,12 +986,12 @@
|
|
|
969
986
|
.lsg-header {
|
|
970
987
|
position: relative;
|
|
971
988
|
width: 100%;
|
|
972
|
-
min-height:
|
|
989
|
+
min-height: 82px;
|
|
973
990
|
}
|
|
974
991
|
.lsg-header__inner {
|
|
975
992
|
width: 100%;
|
|
976
|
-
height:
|
|
977
|
-
padding: 0
|
|
993
|
+
height: 82px;
|
|
994
|
+
padding: 0 16px;
|
|
978
995
|
gap: 8px;
|
|
979
996
|
}
|
|
980
997
|
.lsg-header .lsg-logo-decorator {
|
|
@@ -1034,7 +1051,7 @@
|
|
|
1034
1051
|
}
|
|
1035
1052
|
.lsg-header__mobile-panel {
|
|
1036
1053
|
display: none;
|
|
1037
|
-
min-height: calc(100vh -
|
|
1054
|
+
min-height: calc(100vh - 82px);
|
|
1038
1055
|
padding: 10px 16px 48px;
|
|
1039
1056
|
background: var(--lsg-color-white);
|
|
1040
1057
|
animation: lsg-header-panel-in 0.24s ease both;
|
|
@@ -1059,21 +1076,22 @@
|
|
|
1059
1076
|
.lsg-header__mobile-panel .lsg-nav__link {
|
|
1060
1077
|
display: flex;
|
|
1061
1078
|
width: 100%;
|
|
1062
|
-
min-height:
|
|
1079
|
+
min-height: 40px;
|
|
1063
1080
|
padding: 0 8px;
|
|
1064
1081
|
border-bottom: 0;
|
|
1065
|
-
font-size:
|
|
1082
|
+
font-size: 14px;
|
|
1083
|
+
text-transform: uppercase;
|
|
1066
1084
|
}
|
|
1067
1085
|
.lsg-header__mobile-panel .lsg-nav__link:hover, .lsg-header__mobile-panel .lsg-nav__link:focus-visible, .lsg-header__mobile-panel .lsg-nav__link--current {
|
|
1068
1086
|
color: var(--lsg-header-green);
|
|
1069
1087
|
background: var(--lsg-header-active);
|
|
1070
1088
|
}
|
|
1071
1089
|
.lsg-header__mobile-panel .lsg-nav__chevron {
|
|
1072
|
-
width:
|
|
1090
|
+
width: 10px;
|
|
1073
1091
|
height: 5px;
|
|
1074
1092
|
}
|
|
1075
1093
|
.lsg-header__mobile-panel .lsg-nav__chevron svg {
|
|
1076
|
-
width:
|
|
1094
|
+
width: 10px;
|
|
1077
1095
|
height: 5px;
|
|
1078
1096
|
}
|
|
1079
1097
|
.lsg-header__mobile-panel .lsg-nav--dropdown .lsg-nav__dropdown {
|
|
@@ -1109,8 +1127,16 @@
|
|
|
1109
1127
|
border-right: 0;
|
|
1110
1128
|
}
|
|
1111
1129
|
.lsg-header__mobile-panel .lsg-header__mega-link {
|
|
1112
|
-
min-height:
|
|
1113
|
-
font-size:
|
|
1130
|
+
min-height: 40px;
|
|
1131
|
+
font-size: 14px;
|
|
1132
|
+
padding: 6px 10px;
|
|
1133
|
+
background: var(--lsg-color-primary);
|
|
1134
|
+
color: var(--lsg-color-white);
|
|
1135
|
+
text-transform: uppercase;
|
|
1136
|
+
}
|
|
1137
|
+
.lsg-header__mega-column .lsg-header__mobile-panel .lsg-header__mega-link {
|
|
1138
|
+
font-size: 14px;
|
|
1139
|
+
text-transform: none;
|
|
1114
1140
|
}
|
|
1115
1141
|
.lsg-header__breadcrumb {
|
|
1116
1142
|
display: flex;
|
|
@@ -1119,7 +1145,7 @@
|
|
|
1119
1145
|
min-height: 35px;
|
|
1120
1146
|
margin: -2px -16px 18px;
|
|
1121
1147
|
padding: 0 16px;
|
|
1122
|
-
font-size:
|
|
1148
|
+
font-size: 14px;
|
|
1123
1149
|
color: var(--lsg-header-text);
|
|
1124
1150
|
border-bottom: 1px solid transparent;
|
|
1125
1151
|
}
|
|
@@ -1189,16 +1215,16 @@
|
|
|
1189
1215
|
align-items: center;
|
|
1190
1216
|
justify-content: space-between;
|
|
1191
1217
|
gap: 16px;
|
|
1192
|
-
min-height:
|
|
1218
|
+
min-height: 40px;
|
|
1193
1219
|
padding: 0 8px;
|
|
1194
|
-
font-size:
|
|
1195
|
-
line-height: 1.
|
|
1220
|
+
font-size: 14px;
|
|
1221
|
+
line-height: 1.4;
|
|
1196
1222
|
color: var(--lsg-header-text);
|
|
1197
1223
|
text-decoration: none;
|
|
1198
1224
|
transition: color 0.24s ease, background-color 0.24s ease;
|
|
1199
1225
|
}
|
|
1200
1226
|
.lsg-header__mobile-link .lsg-header__icon {
|
|
1201
|
-
width:
|
|
1227
|
+
width: 10px;
|
|
1202
1228
|
height: 5px;
|
|
1203
1229
|
flex: 0 0 auto;
|
|
1204
1230
|
}
|
|
@@ -1287,6 +1313,7 @@
|
|
|
1287
1313
|
}
|
|
1288
1314
|
|
|
1289
1315
|
.lsg-footer {
|
|
1316
|
+
font-family: var(--lsg-font-family-primary);
|
|
1290
1317
|
background-color: #18181b;
|
|
1291
1318
|
color: #ffffff;
|
|
1292
1319
|
width: 100%;
|
|
@@ -2405,7 +2432,7 @@
|
|
|
2405
2432
|
.lsg-nav__list {
|
|
2406
2433
|
display: flex;
|
|
2407
2434
|
align-items: center;
|
|
2408
|
-
gap:
|
|
2435
|
+
gap: 18px;
|
|
2409
2436
|
}
|
|
2410
2437
|
.lsg-nav__item {
|
|
2411
2438
|
position: relative;
|
|
@@ -2417,14 +2444,15 @@
|
|
|
2417
2444
|
align-items: center;
|
|
2418
2445
|
justify-content: space-between;
|
|
2419
2446
|
gap: 4px;
|
|
2420
|
-
min-height:
|
|
2421
|
-
padding:
|
|
2447
|
+
min-height: 40px;
|
|
2448
|
+
padding: 8px 0;
|
|
2422
2449
|
font-family: var(--lsg-font-family-primary);
|
|
2423
|
-
font-size:
|
|
2450
|
+
font-size: 16px;
|
|
2424
2451
|
font-weight: 400;
|
|
2425
|
-
line-height: 1.
|
|
2452
|
+
line-height: 1.5;
|
|
2426
2453
|
color: var(--lsg-color-black);
|
|
2427
2454
|
text-decoration: none;
|
|
2455
|
+
text-transform: uppercase;
|
|
2428
2456
|
border-bottom: 2px solid transparent;
|
|
2429
2457
|
transition: color 0.24s ease, border-color 0.24s ease, background-color 0.24s ease;
|
|
2430
2458
|
}
|
|
@@ -2449,15 +2477,15 @@
|
|
|
2449
2477
|
display: inline-flex;
|
|
2450
2478
|
align-items: center;
|
|
2451
2479
|
justify-content: center;
|
|
2452
|
-
width:
|
|
2453
|
-
height:
|
|
2480
|
+
width: 10px;
|
|
2481
|
+
height: 5px;
|
|
2454
2482
|
color: currentColor;
|
|
2455
2483
|
transition: transform 0.24s ease;
|
|
2456
2484
|
}
|
|
2457
2485
|
.lsg-nav__chevron svg {
|
|
2458
2486
|
display: block;
|
|
2459
|
-
width:
|
|
2460
|
-
height:
|
|
2487
|
+
width: 10px;
|
|
2488
|
+
height: 5px;
|
|
2461
2489
|
fill: currentColor;
|
|
2462
2490
|
}
|
|
2463
2491
|
.lsg-nav--dropdown .lsg-nav__item--has-children > .lsg-nav__link .lsg-nav__chevron {
|
|
@@ -2470,7 +2498,7 @@
|
|
|
2470
2498
|
z-index: 40;
|
|
2471
2499
|
width: 176px;
|
|
2472
2500
|
padding: 8px 12px;
|
|
2473
|
-
background: var(--lsg-color-
|
|
2501
|
+
background: var(--lsg-color-light);
|
|
2474
2502
|
box-shadow: 0 12px 20px rgba(0, 0, 0, 0.05);
|
|
2475
2503
|
opacity: 0;
|
|
2476
2504
|
pointer-events: none;
|
|
@@ -2494,7 +2522,7 @@
|
|
|
2494
2522
|
width: 0;
|
|
2495
2523
|
height: 0;
|
|
2496
2524
|
border-right: 9px solid transparent;
|
|
2497
|
-
border-bottom: 9px solid var(--lsg-color-
|
|
2525
|
+
border-bottom: 9px solid var(--lsg-color-light);
|
|
2498
2526
|
border-left: 9px solid transparent;
|
|
2499
2527
|
transform: translateX(-50%);
|
|
2500
2528
|
}
|
|
@@ -2508,11 +2536,12 @@
|
|
|
2508
2536
|
.lsg-nav--dropdown .lsg-nav__dropdown .lsg-nav__link {
|
|
2509
2537
|
display: flex;
|
|
2510
2538
|
width: 100%;
|
|
2511
|
-
min-height:
|
|
2539
|
+
min-height: 40px;
|
|
2512
2540
|
padding: 8px 0;
|
|
2513
2541
|
border-bottom: 0;
|
|
2514
|
-
font-size:
|
|
2515
|
-
line-height: 1.
|
|
2542
|
+
font-size: 14px;
|
|
2543
|
+
line-height: 1.4;
|
|
2544
|
+
text-transform: none;
|
|
2516
2545
|
}
|
|
2517
2546
|
.lsg-nav--dropdown .lsg-nav__dropdown .lsg-nav__link:hover, .lsg-nav--dropdown .lsg-nav__dropdown .lsg-nav__link:focus-visible, .lsg-nav--dropdown .lsg-nav__dropdown .lsg-nav__link--current {
|
|
2518
2547
|
color: var(--lsg-header-green);
|
|
@@ -2628,7 +2657,7 @@
|
|
|
2628
2657
|
gap: 8px;
|
|
2629
2658
|
padding: 8px 12px;
|
|
2630
2659
|
font-family: var(--lsg-font-family-primary);
|
|
2631
|
-
font-size:
|
|
2660
|
+
font-size: 14px;
|
|
2632
2661
|
font-weight: 500;
|
|
2633
2662
|
color: var(--lsg-color-secondary);
|
|
2634
2663
|
background: none;
|
|
@@ -2658,8 +2687,8 @@
|
|
|
2658
2687
|
transform: rotate(180deg);
|
|
2659
2688
|
}
|
|
2660
2689
|
.lsg-lang-switcher__globe {
|
|
2661
|
-
width:
|
|
2662
|
-
height:
|
|
2690
|
+
width: 24px;
|
|
2691
|
+
height: 24px;
|
|
2663
2692
|
fill: currentColor;
|
|
2664
2693
|
}
|
|
2665
2694
|
.lsg-lang-switcher__current {
|
|
@@ -2670,7 +2699,7 @@
|
|
|
2670
2699
|
top: calc(100% + 4px);
|
|
2671
2700
|
right: 0;
|
|
2672
2701
|
min-width: 140px;
|
|
2673
|
-
background: var(--lsg-color-
|
|
2702
|
+
background: var(--lsg-color-light);
|
|
2674
2703
|
border: 1px solid color-mix(in srgb, var(--lsg-color-secondary) 18%, var(--lsg-color-white));
|
|
2675
2704
|
border-radius: var(--lsg-radius-rounded);
|
|
2676
2705
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
|
|
@@ -2682,7 +2711,7 @@
|
|
|
2682
2711
|
.lsg-lang-switcher__option-link {
|
|
2683
2712
|
display: block;
|
|
2684
2713
|
padding: 8px 12px;
|
|
2685
|
-
font-size:
|
|
2714
|
+
font-size: 14px;
|
|
2686
2715
|
color: var(--lsg-color-secondary);
|
|
2687
2716
|
text-decoration: none;
|
|
2688
2717
|
transition: background-color 0.1s ease, color 0.1s ease;
|
|
@@ -3031,7 +3060,7 @@
|
|
|
3031
3060
|
.lsg-header {
|
|
3032
3061
|
--lsg-header-green: var(--lsg-color-primary);
|
|
3033
3062
|
--lsg-header-active: color-mix(in srgb, var(--lsg-color-primary) 11%, var(--lsg-color-white));
|
|
3034
|
-
--lsg-header-divider: rgba(
|
|
3063
|
+
--lsg-header-divider: rgba(255, 255, 255, 0.2);
|
|
3035
3064
|
--lsg-header-text: var(--lsg-color-black);
|
|
3036
3065
|
position: sticky;
|
|
3037
3066
|
top: 0;
|
|
@@ -3047,9 +3076,9 @@
|
|
|
3047
3076
|
align-items: center;
|
|
3048
3077
|
gap: 20px;
|
|
3049
3078
|
width: min(100%, 1320px);
|
|
3050
|
-
height:
|
|
3079
|
+
height: 98px;
|
|
3051
3080
|
margin: 0 auto;
|
|
3052
|
-
padding: 0 clamp(48px, 9vw,
|
|
3081
|
+
padding: 0 clamp(48px, 13.9vw, 200px);
|
|
3053
3082
|
background: var(--lsg-color-white);
|
|
3054
3083
|
}
|
|
3055
3084
|
.lsg-header .lsg-logo-decorator {
|
|
@@ -3142,6 +3171,10 @@
|
|
|
3142
3171
|
width: 20px;
|
|
3143
3172
|
height: 20px;
|
|
3144
3173
|
}
|
|
3174
|
+
.lsg-header__icon-button .lsg-header__icon {
|
|
3175
|
+
width: 20px;
|
|
3176
|
+
height: 20px;
|
|
3177
|
+
}
|
|
3145
3178
|
.lsg-header .lsg-lang-switcher__trigger {
|
|
3146
3179
|
min-height: 20px;
|
|
3147
3180
|
padding: 0;
|
|
@@ -3153,17 +3186,18 @@
|
|
|
3153
3186
|
height: 24px;
|
|
3154
3187
|
}
|
|
3155
3188
|
.lsg-header .lsg-lang-switcher__current {
|
|
3156
|
-
font-size:
|
|
3189
|
+
font-size: 14px;
|
|
3157
3190
|
}
|
|
3158
3191
|
.lsg-header__menu-trigger {
|
|
3159
3192
|
gap: 4px;
|
|
3160
3193
|
min-height: 20px;
|
|
3161
|
-
font-size:
|
|
3194
|
+
font-size: 16px;
|
|
3162
3195
|
line-height: 1;
|
|
3196
|
+
text-transform: uppercase;
|
|
3163
3197
|
}
|
|
3164
3198
|
.lsg-header__menu-trigger .lsg-header__icon {
|
|
3165
|
-
width:
|
|
3166
|
-
height:
|
|
3199
|
+
width: 20px;
|
|
3200
|
+
height: 14px;
|
|
3167
3201
|
}
|
|
3168
3202
|
.lsg-header__separator {
|
|
3169
3203
|
display: inline-flex;
|
|
@@ -3181,7 +3215,7 @@
|
|
|
3181
3215
|
width: min(100%, 1320px);
|
|
3182
3216
|
min-height: 330px;
|
|
3183
3217
|
margin: 0 auto;
|
|
3184
|
-
padding: 44px clamp(48px, 9vw,
|
|
3218
|
+
padding: 44px clamp(48px, 13.9vw, 200px);
|
|
3185
3219
|
background: var(--lsg-color-white);
|
|
3186
3220
|
border-top: 1px solid transparent;
|
|
3187
3221
|
animation: lsg-header-panel-in 0.24s ease both;
|
|
@@ -3196,12 +3230,12 @@
|
|
|
3196
3230
|
}
|
|
3197
3231
|
.lsg-header__mega-column {
|
|
3198
3232
|
position: relative;
|
|
3199
|
-
width:
|
|
3233
|
+
width: 229px;
|
|
3200
3234
|
min-height: 212px;
|
|
3201
3235
|
padding: 0 20px 0 0;
|
|
3202
3236
|
margin: 0;
|
|
3203
3237
|
list-style: none;
|
|
3204
|
-
border-right: 1px solid
|
|
3238
|
+
border-right: 1px solid rgba(0, 0, 0, 0.12);
|
|
3205
3239
|
}
|
|
3206
3240
|
.lsg-header__mega-column + .lsg-header__mega-column {
|
|
3207
3241
|
padding-left: 20px;
|
|
@@ -3220,11 +3254,12 @@
|
|
|
3220
3254
|
display: block;
|
|
3221
3255
|
}
|
|
3222
3256
|
.lsg-header__mega-item {
|
|
3223
|
-
margin: 0 0
|
|
3257
|
+
margin: 0 0 4px;
|
|
3224
3258
|
}
|
|
3225
3259
|
.lsg-header__mega-item--open > .lsg-header__mega-link, .lsg-header__mega-item:hover > .lsg-header__mega-link, .lsg-header__mega-item:focus-within > .lsg-header__mega-link {
|
|
3226
|
-
color: var(--lsg-
|
|
3227
|
-
background: var(--lsg-
|
|
3260
|
+
color: var(--lsg-color-white);
|
|
3261
|
+
background: var(--lsg-color-primary);
|
|
3262
|
+
font-weight: 600;
|
|
3228
3263
|
outline: none;
|
|
3229
3264
|
}
|
|
3230
3265
|
.lsg-header__mega-link {
|
|
@@ -3232,27 +3267,36 @@
|
|
|
3232
3267
|
align-items: center;
|
|
3233
3268
|
justify-content: space-between;
|
|
3234
3269
|
gap: 12px;
|
|
3235
|
-
min-height:
|
|
3236
|
-
padding: 6px
|
|
3237
|
-
font-size:
|
|
3238
|
-
|
|
3239
|
-
|
|
3270
|
+
min-height: 35px;
|
|
3271
|
+
padding: 6px 10px;
|
|
3272
|
+
font-size: 16px;
|
|
3273
|
+
font-weight: 400;
|
|
3274
|
+
line-height: 1.5;
|
|
3275
|
+
color: var(--lsg-color-white);
|
|
3276
|
+
background: var(--lsg-color-primary);
|
|
3240
3277
|
text-decoration: none;
|
|
3241
|
-
|
|
3278
|
+
text-transform: uppercase;
|
|
3279
|
+
transition: font-weight 0.1s ease;
|
|
3242
3280
|
}
|
|
3243
3281
|
.lsg-header__mega-link:hover, .lsg-header__mega-link:focus-visible {
|
|
3244
|
-
color: var(--lsg-
|
|
3245
|
-
background: var(--lsg-
|
|
3282
|
+
color: var(--lsg-color-white);
|
|
3283
|
+
background: var(--lsg-color-primary);
|
|
3284
|
+
font-weight: 600;
|
|
3246
3285
|
outline: none;
|
|
3247
3286
|
}
|
|
3248
3287
|
.lsg-header__mega-link .lsg-header__icon {
|
|
3249
3288
|
width: 8px;
|
|
3250
3289
|
height: 8px;
|
|
3251
3290
|
flex: 0 0 auto;
|
|
3291
|
+
fill: var(--lsg-color-white);
|
|
3292
|
+
}
|
|
3293
|
+
.lsg-header__mega-column .lsg-header__mega-link {
|
|
3294
|
+
font-size: 14px;
|
|
3295
|
+
text-transform: none;
|
|
3252
3296
|
}
|
|
3253
3297
|
.lsg-header__mega-item--active > .lsg-header__mega-link {
|
|
3254
|
-
color: var(--lsg-
|
|
3255
|
-
background: var(--lsg-
|
|
3298
|
+
color: var(--lsg-color-white);
|
|
3299
|
+
background: var(--lsg-color-primary);
|
|
3256
3300
|
font-weight: 600;
|
|
3257
3301
|
}
|
|
3258
3302
|
.lsg-header__mobile-panel {
|
|
@@ -3280,12 +3324,12 @@
|
|
|
3280
3324
|
.lsg-header {
|
|
3281
3325
|
position: relative;
|
|
3282
3326
|
width: 100%;
|
|
3283
|
-
min-height:
|
|
3327
|
+
min-height: 82px;
|
|
3284
3328
|
}
|
|
3285
3329
|
.lsg-header__inner {
|
|
3286
3330
|
width: 100%;
|
|
3287
|
-
height:
|
|
3288
|
-
padding: 0
|
|
3331
|
+
height: 82px;
|
|
3332
|
+
padding: 0 16px;
|
|
3289
3333
|
gap: 8px;
|
|
3290
3334
|
}
|
|
3291
3335
|
.lsg-header .lsg-logo-decorator {
|
|
@@ -3345,7 +3389,7 @@
|
|
|
3345
3389
|
}
|
|
3346
3390
|
.lsg-header__mobile-panel {
|
|
3347
3391
|
display: none;
|
|
3348
|
-
min-height: calc(100vh -
|
|
3392
|
+
min-height: calc(100vh - 82px);
|
|
3349
3393
|
padding: 10px 16px 48px;
|
|
3350
3394
|
background: var(--lsg-color-white);
|
|
3351
3395
|
animation: lsg-header-panel-in 0.24s ease both;
|
|
@@ -3370,21 +3414,22 @@
|
|
|
3370
3414
|
.lsg-header__mobile-panel .lsg-nav__link {
|
|
3371
3415
|
display: flex;
|
|
3372
3416
|
width: 100%;
|
|
3373
|
-
min-height:
|
|
3417
|
+
min-height: 40px;
|
|
3374
3418
|
padding: 0 8px;
|
|
3375
3419
|
border-bottom: 0;
|
|
3376
|
-
font-size:
|
|
3420
|
+
font-size: 14px;
|
|
3421
|
+
text-transform: uppercase;
|
|
3377
3422
|
}
|
|
3378
3423
|
.lsg-header__mobile-panel .lsg-nav__link:hover, .lsg-header__mobile-panel .lsg-nav__link:focus-visible, .lsg-header__mobile-panel .lsg-nav__link--current {
|
|
3379
3424
|
color: var(--lsg-header-green);
|
|
3380
3425
|
background: var(--lsg-header-active);
|
|
3381
3426
|
}
|
|
3382
3427
|
.lsg-header__mobile-panel .lsg-nav__chevron {
|
|
3383
|
-
width:
|
|
3428
|
+
width: 10px;
|
|
3384
3429
|
height: 5px;
|
|
3385
3430
|
}
|
|
3386
3431
|
.lsg-header__mobile-panel .lsg-nav__chevron svg {
|
|
3387
|
-
width:
|
|
3432
|
+
width: 10px;
|
|
3388
3433
|
height: 5px;
|
|
3389
3434
|
}
|
|
3390
3435
|
.lsg-header__mobile-panel .lsg-nav--dropdown .lsg-nav__dropdown {
|
|
@@ -3420,8 +3465,16 @@
|
|
|
3420
3465
|
border-right: 0;
|
|
3421
3466
|
}
|
|
3422
3467
|
.lsg-header__mobile-panel .lsg-header__mega-link {
|
|
3423
|
-
min-height:
|
|
3424
|
-
font-size:
|
|
3468
|
+
min-height: 40px;
|
|
3469
|
+
font-size: 14px;
|
|
3470
|
+
padding: 6px 10px;
|
|
3471
|
+
background: var(--lsg-color-primary);
|
|
3472
|
+
color: var(--lsg-color-white);
|
|
3473
|
+
text-transform: uppercase;
|
|
3474
|
+
}
|
|
3475
|
+
.lsg-header__mega-column .lsg-header__mobile-panel .lsg-header__mega-link {
|
|
3476
|
+
font-size: 14px;
|
|
3477
|
+
text-transform: none;
|
|
3425
3478
|
}
|
|
3426
3479
|
.lsg-header__breadcrumb {
|
|
3427
3480
|
display: flex;
|
|
@@ -3430,7 +3483,7 @@
|
|
|
3430
3483
|
min-height: 35px;
|
|
3431
3484
|
margin: -2px -16px 18px;
|
|
3432
3485
|
padding: 0 16px;
|
|
3433
|
-
font-size:
|
|
3486
|
+
font-size: 14px;
|
|
3434
3487
|
color: var(--lsg-header-text);
|
|
3435
3488
|
border-bottom: 1px solid transparent;
|
|
3436
3489
|
}
|
|
@@ -3500,16 +3553,16 @@
|
|
|
3500
3553
|
align-items: center;
|
|
3501
3554
|
justify-content: space-between;
|
|
3502
3555
|
gap: 16px;
|
|
3503
|
-
min-height:
|
|
3556
|
+
min-height: 40px;
|
|
3504
3557
|
padding: 0 8px;
|
|
3505
|
-
font-size:
|
|
3506
|
-
line-height: 1.
|
|
3558
|
+
font-size: 14px;
|
|
3559
|
+
line-height: 1.4;
|
|
3507
3560
|
color: var(--lsg-header-text);
|
|
3508
3561
|
text-decoration: none;
|
|
3509
3562
|
transition: color 0.24s ease, background-color 0.24s ease;
|
|
3510
3563
|
}
|
|
3511
3564
|
.lsg-header__mobile-link .lsg-header__icon {
|
|
3512
|
-
width:
|
|
3565
|
+
width: 10px;
|
|
3513
3566
|
height: 5px;
|
|
3514
3567
|
flex: 0 0 auto;
|
|
3515
3568
|
}
|
|
@@ -3797,6 +3850,7 @@
|
|
|
3797
3850
|
}
|
|
3798
3851
|
|
|
3799
3852
|
.lsg-footer {
|
|
3853
|
+
font-family: var(--lsg-font-family-primary);
|
|
3800
3854
|
background-color: #18181b;
|
|
3801
3855
|
color: #ffffff;
|
|
3802
3856
|
width: 100%;
|