@festo-ui/web-essentials 3.0.0-pre-20220105.2 → 3.1.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.
- package/dist/css/festo-web-essentials.css +1 -184
- package/dist/css/festo-web-essentials.css.map +1 -1
- package/dist/css/festo-web-essentials.min.css +1 -1
- package/dist/css/festo-web-essentials.min.css.map +1 -1
- package/dist/css/organisms/festo-web-essentials-organisms.css +294 -0
- package/dist/css/organisms/festo-web-essentials-organisms.css.map +1 -0
- package/dist/css/organisms/festo-web-essentials-organisms.min.css +2 -0
- package/dist/css/organisms/festo-web-essentials-organisms.min.css.map +1 -0
- package/dist/scss/_search-input.scss +1 -0
- package/dist/scss/festo-web-essentials.scss +0 -1
- package/dist/scss/organisms/_footer.scss +142 -0
- package/dist/scss/organisms/_header-slider.scss +153 -0
- package/dist/scss/organisms/_teaser.scss +52 -0
- package/dist/scss/organisms/festo-web-essentials-organisms.scss +5 -0
- package/package.json +1 -1
- package/scss/_search-input.scss +1 -0
- package/scss/festo-web-essentials.scss +0 -1
- package/scss/organisms/_footer.scss +142 -0
- package/scss/organisms/_header-slider.scss +153 -0
- package/scss/organisms/_teaser.scss +52 -0
- package/scss/organisms/festo-web-essentials-organisms.scss +5 -0
- package/dist/scss/_footer.scss +0 -214
- package/scss/_footer.scss +0 -214
|
@@ -14561,190 +14561,6 @@ header.fwe-fixed-header {
|
|
|
14561
14561
|
pointer-events: none;
|
|
14562
14562
|
}
|
|
14563
14563
|
|
|
14564
|
-
footer.fwe-footer {
|
|
14565
|
-
background-color: var(--fwe-background);
|
|
14566
|
-
padding: 0 8px 0 8px;
|
|
14567
|
-
}
|
|
14568
|
-
footer.fwe-footer .fwe-footer-social-links {
|
|
14569
|
-
height: 155px;
|
|
14570
|
-
display: flex;
|
|
14571
|
-
flex-wrap: wrap;
|
|
14572
|
-
align-items: center;
|
|
14573
|
-
justify-content: center;
|
|
14574
|
-
}
|
|
14575
|
-
footer.fwe-footer .fwe-footer-social-links a {
|
|
14576
|
-
display: block;
|
|
14577
|
-
width: 64px;
|
|
14578
|
-
height: 64px;
|
|
14579
|
-
margin-right: 45px;
|
|
14580
|
-
}
|
|
14581
|
-
footer.fwe-footer .fwe-footer-social-links a:last-child {
|
|
14582
|
-
margin-right: 0;
|
|
14583
|
-
}
|
|
14584
|
-
footer.fwe-footer .fwe-footer-social-links a:hover svg {
|
|
14585
|
-
fill: var(--fwe-text);
|
|
14586
|
-
}
|
|
14587
|
-
footer.fwe-footer .fwe-footer-social-links a svg {
|
|
14588
|
-
width: 64px;
|
|
14589
|
-
height: 64px;
|
|
14590
|
-
fill: var(--fwe-border);
|
|
14591
|
-
}
|
|
14592
|
-
footer.fwe-footer hr {
|
|
14593
|
-
padding: 0;
|
|
14594
|
-
margin: 0;
|
|
14595
|
-
border: none;
|
|
14596
|
-
border-top: 1px solid var(--fwe-border);
|
|
14597
|
-
}
|
|
14598
|
-
footer.fwe-footer .fwe-footer-content {
|
|
14599
|
-
padding-bottom: 60px;
|
|
14600
|
-
display: flex;
|
|
14601
|
-
flex-wrap: wrap;
|
|
14602
|
-
justify-content: space-between;
|
|
14603
|
-
}
|
|
14604
|
-
footer.fwe-footer .fwe-footer-content details summary {
|
|
14605
|
-
position: relative;
|
|
14606
|
-
cursor: pointer;
|
|
14607
|
-
}
|
|
14608
|
-
footer.fwe-footer .fwe-footer-content details summary::before {
|
|
14609
|
-
position: absolute;
|
|
14610
|
-
right: 0;
|
|
14611
|
-
top: 0;
|
|
14612
|
-
content: "";
|
|
14613
|
-
font-family: "festo_icons-16";
|
|
14614
|
-
transform-origin: center center;
|
|
14615
|
-
transform: rotate(180deg);
|
|
14616
|
-
}
|
|
14617
|
-
footer.fwe-footer .fwe-footer-content details[open] summary::before {
|
|
14618
|
-
transform: rotate(0deg);
|
|
14619
|
-
}
|
|
14620
|
-
footer.fwe-footer .fwe-footer-content .fwe-footer-content-group,
|
|
14621
|
-
footer.fwe-footer .fwe-footer-content details {
|
|
14622
|
-
flex-grow: 1;
|
|
14623
|
-
width: 100%;
|
|
14624
|
-
border-bottom: 1px solid var(--fwe-border);
|
|
14625
|
-
padding-top: 30px;
|
|
14626
|
-
padding-bottom: 30px;
|
|
14627
|
-
}
|
|
14628
|
-
footer.fwe-footer .fwe-footer-content .fwe-footer-content-group .fwe-footer-content-group-title,
|
|
14629
|
-
footer.fwe-footer .fwe-footer-content .fwe-footer-content-group summary,
|
|
14630
|
-
footer.fwe-footer .fwe-footer-content details .fwe-footer-content-group-title,
|
|
14631
|
-
footer.fwe-footer .fwe-footer-content details summary {
|
|
14632
|
-
font-weight: 700;
|
|
14633
|
-
outline: none;
|
|
14634
|
-
margin-top: 30px;
|
|
14635
|
-
}
|
|
14636
|
-
footer.fwe-footer .fwe-footer-content .fwe-footer-content-group .fwe-footer-content-group-title:first-child,
|
|
14637
|
-
footer.fwe-footer .fwe-footer-content .fwe-footer-content-group summary:first-child,
|
|
14638
|
-
footer.fwe-footer .fwe-footer-content details .fwe-footer-content-group-title:first-child,
|
|
14639
|
-
footer.fwe-footer .fwe-footer-content details summary:first-child {
|
|
14640
|
-
margin-top: 0;
|
|
14641
|
-
}
|
|
14642
|
-
footer.fwe-footer .fwe-footer-content .fwe-footer-content-group summary,
|
|
14643
|
-
footer.fwe-footer .fwe-footer-content details summary {
|
|
14644
|
-
list-style-type: none;
|
|
14645
|
-
}
|
|
14646
|
-
footer.fwe-footer .fwe-footer-content .fwe-footer-content-group summary::-webkit-details-marker,
|
|
14647
|
-
footer.fwe-footer .fwe-footer-content details summary::-webkit-details-marker {
|
|
14648
|
-
display: none;
|
|
14649
|
-
}
|
|
14650
|
-
footer.fwe-footer .fwe-footer-content .fwe-footer-content-group ul,
|
|
14651
|
-
footer.fwe-footer .fwe-footer-content details ul {
|
|
14652
|
-
margin: 0;
|
|
14653
|
-
margin-top: 20px;
|
|
14654
|
-
padding: 0;
|
|
14655
|
-
list-style-type: none;
|
|
14656
|
-
}
|
|
14657
|
-
footer.fwe-footer .fwe-footer-content .fwe-footer-content-group ul li,
|
|
14658
|
-
footer.fwe-footer .fwe-footer-content details ul li {
|
|
14659
|
-
margin-bottom: 20px;
|
|
14660
|
-
}
|
|
14661
|
-
footer.fwe-footer .fwe-footer-content .fwe-footer-content-group ul li:last-child,
|
|
14662
|
-
footer.fwe-footer .fwe-footer-content details ul li:last-child {
|
|
14663
|
-
margin-bottom: 0;
|
|
14664
|
-
}
|
|
14665
|
-
footer.fwe-footer .fwe-footer-content .fwe-footer-content-group ul li a,
|
|
14666
|
-
footer.fwe-footer .fwe-footer-content details ul li a {
|
|
14667
|
-
color: var(--fwe-text);
|
|
14668
|
-
text-decoration: none;
|
|
14669
|
-
}
|
|
14670
|
-
footer.fwe-footer .fwe-footer-content .fwe-footer-content-group ul li a:hover,
|
|
14671
|
-
footer.fwe-footer .fwe-footer-content details ul li a:hover {
|
|
14672
|
-
color: var(--fwe-hero);
|
|
14673
|
-
}
|
|
14674
|
-
footer.fwe-footer .fwe-footer-muted {
|
|
14675
|
-
display: flex;
|
|
14676
|
-
color: var(--fwe-text);
|
|
14677
|
-
font-size: 12px;
|
|
14678
|
-
padding-bottom: 15px;
|
|
14679
|
-
padding-left: 30px;
|
|
14680
|
-
padding-right: 30px;
|
|
14681
|
-
justify-content: center;
|
|
14682
|
-
flex-direction: column-reverse;
|
|
14683
|
-
}
|
|
14684
|
-
footer.fwe-footer .fwe-footer-muted p {
|
|
14685
|
-
margin: 0;
|
|
14686
|
-
padding: 0;
|
|
14687
|
-
padding-bottom: 15px;
|
|
14688
|
-
text-align: center;
|
|
14689
|
-
}
|
|
14690
|
-
footer.fwe-footer .fwe-footer-muted ul {
|
|
14691
|
-
margin: 0;
|
|
14692
|
-
padding: 0;
|
|
14693
|
-
margin-bottom: 15px;
|
|
14694
|
-
list-style-type: none;
|
|
14695
|
-
display: flex;
|
|
14696
|
-
justify-content: center;
|
|
14697
|
-
flex-wrap: wrap;
|
|
14698
|
-
}
|
|
14699
|
-
footer.fwe-footer .fwe-footer-muted ul li {
|
|
14700
|
-
display: inline-block;
|
|
14701
|
-
padding-right: 12px;
|
|
14702
|
-
padding-bottom: 15px;
|
|
14703
|
-
}
|
|
14704
|
-
footer.fwe-footer .fwe-footer-muted ul li:last-child {
|
|
14705
|
-
padding-right: 0;
|
|
14706
|
-
}
|
|
14707
|
-
footer.fwe-footer .fwe-footer-muted ul li a {
|
|
14708
|
-
color: var(--fwe-text);
|
|
14709
|
-
text-decoration: none;
|
|
14710
|
-
}
|
|
14711
|
-
footer.fwe-footer .fwe-footer-muted ul li a:hover {
|
|
14712
|
-
color: var(--fwe-hero);
|
|
14713
|
-
}
|
|
14714
|
-
|
|
14715
|
-
@media (min-width: 1025px) {
|
|
14716
|
-
footer.fwe-footer .fwe-footer-content {
|
|
14717
|
-
margin-top: 30px;
|
|
14718
|
-
padding-left: 30px;
|
|
14719
|
-
padding-right: 30px;
|
|
14720
|
-
}
|
|
14721
|
-
footer.fwe-footer .fwe-footer-content .fwe-footer-content-group,
|
|
14722
|
-
footer.fwe-footer .fwe-footer-content details {
|
|
14723
|
-
margin-top: 60px;
|
|
14724
|
-
max-width: 325px;
|
|
14725
|
-
padding-right: 30px;
|
|
14726
|
-
border: none;
|
|
14727
|
-
padding-top: 0;
|
|
14728
|
-
padding-bottom: 0;
|
|
14729
|
-
}
|
|
14730
|
-
footer.fwe-footer .fwe-footer-content .fwe-footer-content-group:first-child,
|
|
14731
|
-
footer.fwe-footer .fwe-footer-content details:first-child {
|
|
14732
|
-
border-top: none;
|
|
14733
|
-
}
|
|
14734
|
-
footer.fwe-footer .fwe-footer-muted {
|
|
14735
|
-
justify-content: start;
|
|
14736
|
-
flex-direction: row;
|
|
14737
|
-
}
|
|
14738
|
-
footer.fwe-footer .fwe-footer-muted p {
|
|
14739
|
-
padding: 0;
|
|
14740
|
-
text-align: left;
|
|
14741
|
-
}
|
|
14742
|
-
footer.fwe-footer .fwe-footer-muted ul {
|
|
14743
|
-
margin: 0;
|
|
14744
|
-
margin-left: auto;
|
|
14745
|
-
justify-content: start;
|
|
14746
|
-
}
|
|
14747
|
-
}
|
|
14748
14564
|
a {
|
|
14749
14565
|
color: var(--fwe-hero);
|
|
14750
14566
|
text-decoration: none;
|
|
@@ -17388,6 +17204,7 @@ fieldset.fwe-progress-container label {
|
|
|
17388
17204
|
border-left: none;
|
|
17389
17205
|
border-top: none;
|
|
17390
17206
|
border-right: none;
|
|
17207
|
+
border-radius: 0px;
|
|
17391
17208
|
border-bottom: 1px solid var(--fwe-control-border);
|
|
17392
17209
|
background: transparent;
|
|
17393
17210
|
padding: 0px 24px 5px 32px;
|