0001-toulouse-update-steps-36765.patch
static/toulouse/_custom.scss | ||
---|---|---|
913 | 913 |
} |
914 | 914 |
} |
915 | 915 | |
916 |
div#steps { |
|
916 |
#steps { |
|
917 |
h2 { |
|
918 |
display: none; |
|
919 |
} |
|
917 | 920 |
margin-top: -55px; |
918 | 921 |
ol { |
919 | 922 |
position: relative; |
920 | 923 |
text-align: left; |
921 | 924 |
display: flex; |
925 |
list-style-type: none; |
|
926 |
margin: 0; |
|
927 |
padding: 0; |
|
922 | 928 |
li { |
923 | 929 |
position: relative; |
924 | 930 |
padding: 0 1rem; |
... | ... | |
930 | 936 |
} |
931 | 937 |
flex: 1; |
932 | 938 |
text-align: center; |
933 |
span.marker {
|
|
939 |
.marker { |
|
934 | 940 |
display: inline-block; |
935 | 941 |
padding: 0; |
936 | 942 |
width: 68px; |
... | ... | |
947 | 953 |
} |
948 | 954 |
&.current { |
949 | 955 |
background: transparent; |
950 |
span.marker {
|
|
956 |
.marker { |
|
951 | 957 |
background: linear-gradient(to right, rgba(231,8,134,1) 0%, rgba(211,87,41,1) 100%); |
952 | 958 |
border-radius: 100%; |
953 | 959 |
color: white; |
954 | 960 |
} |
955 | 961 |
} |
956 |
span.label {
|
|
962 |
.label { |
|
957 | 963 |
padding-top: 10px; |
958 | 964 |
display: block; |
959 | 965 |
font-weight: bold; |
... | ... | |
999 | 1005 |
} |
1000 | 1006 |
min-width: auto; |
1001 | 1007 |
width: 2rem; |
1002 |
span.marker {
|
|
1008 |
.marker { |
|
1003 | 1009 |
width: 48px; |
1004 | 1010 |
height: 48px; |
1005 | 1011 |
line-height: 48px; |
1006 | 1012 |
font-size: 20px; |
1007 | 1013 |
} |
1008 |
span.label {
|
|
1014 |
.label { |
|
1009 | 1015 |
display: none; |
1010 | 1016 |
} |
1011 | 1017 |
&.current { |
1012 |
span.label {
|
|
1018 |
.label { |
|
1013 | 1019 |
display: block; |
1014 | 1020 |
width: 10rem; |
1015 | 1021 |
margin-left: -1rem; |
... | ... | |
1523 | 1529 |
margin-top: 0; |
1524 | 1530 |
} |
1525 | 1531 | |
1526 |
div#steps-mobile {
|
|
1532 |
#steps-mobile { |
|
1527 | 1533 |
display: none; |
1528 | 1534 |
} |
1529 | 1535 | |
1530 | 1536 |
@media screen and (max-width: $mobile-limit) { |
1531 |
div#steps {
|
|
1537 |
#steps { |
|
1532 | 1538 |
display: none; |
1533 | 1539 |
} |
1534 |
div#steps-mobile {
|
|
1540 |
#steps-mobile { |
|
1535 | 1541 |
display: block; |
1536 | 1542 |
margin: 0 auto; |
1537 | 1543 |
text-align: center; |
... | ... | |
1555 | 1561 |
} |
1556 | 1562 |
} |
1557 | 1563 |
} |
1558 |
span.current-label {
|
|
1564 |
.current-label { |
|
1559 | 1565 |
display: inline-block; |
1560 | 1566 |
font-weight: bold; |
1561 | 1567 |
font-size: 13px; |
1562 |
- |