entrouvert
/
publik-base-theme
15
1
Fork 1
Code Issues Pull Requests 8 Releases Wiki Activity

alpes-maritimes-2018: updates steps (#36765)

This commit is contained in:
Thomas Jund 2019-10-24 16:44:00 +02:00
parent 190bd35d65
commit e34d8e6213
2 changed files with 38 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

81
static/alpes-maritimes-2018/_custom.scss
View File

@ -467,10 +467,33 @@ ul#evolutions li span.item {
}
}
/* Steps */
/* steps */
.wcs-step--marker {
font-weight: bold;
border: 2px solid $primary-color;
}
div#steps ol, div#social-steps ol {
.wcs-step.current {
.wcs-step--label {
font-weight: bold;
}
}
@media (min-width: $mobile-limit + 1) {
@if ($form-sidebar-position == left or $form-sidebar-position == right) {
.wcs-step {
font-size: 1.25em;
&--label {
margin-left: $wcs-steps-spacing / 2;
}
}
}
}
/* Social steps */
div#social-steps ol {
background: #fff;
position: relative;
li {
@ -506,60 +529,6 @@ div#steps ol, div#social-steps ol {
}
}
div#steps ol {
@media screen and (min-width: $mobile-limit) {
&::before {
content: '';
position: absolute;
top: 0;
left: calc(1.5em + 1ex + 4px);
bottom: 0;
width: 3px;
height: 100%;
background: $secondary-color;
}
}
li {
max-width: 15em;
margin-right: 3em;
span {
font-size: 100%;
&.marker {
vertical-align: middle;
font-size: 175%;
display: table-cell;
text-align: center;
@media screen and (max-width: $mobile-limit) {
font-size: 100%;
background: #fff;
color: $primary-color;
width: 1.25em;
}
}
&.label {
text-align: left;
@media screen and (max-width: $mobile-limit) {
display: none;
}
}
}
@media screen and (max-width: $mobile-limit) {
padding: 0;
&:not(:last-child) {
&::after {
content: '';
width: 2.5em;
height: 3px;
background: $secondary-color;
position: absolute;
right: -3em;
top: 50%;
}
}
}
}
}
div#social-steps ol {
display: flex;
display: -ms-flex;

13
static/alpes-maritimes-2018/_vars.scss
View File

@ -33,6 +33,19 @@ $button-background: $secondary-color;
$form-sidebar-position: right;
$wcs-steps-background: #fff;
$wcs-steps-spacing: 1.4rem;
$wcs-step-border-bottom: none;
$wcs-step_color: $primary-color;
$wcs-step-marker-size: 2.5em;
$wcs-step-marker-type: disc tied;
$wcs-step-marker-background: #fff;
$wcs-step-current-marker-color: #fff;
$wcs-step-current-marker-background: $primary-color;
$wcs-step-current-label-color: $primary-color;
$wcs-step-marker-tie-color: $secondary-color;
$wcs-step-marker-tie-width: 3px;
$cell-border: 0;
$cell-entry-hover-color: #fff;
$cell-entry-hover-background: $secondary-color;