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

armentieres: fix wcs summary & buttons layout (#70745)

This commit is contained in:
Corentin Sechet 2022-11-21 22:00:41 +01:00
parent 7c70656547
commit 0581b3e0e5
3 changed files with 56 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
static/armentieres/_common.scss
View File

@ -2,21 +2,29 @@
h1 {
font-size: $fz-1;
font-family: 'Archivo Black', 'Rubik', sans-serif;
margin-top: 0;
}
h2 {
font-size: $fz-2;
font-family: 'Viga', 'Rubik', sans-serif;
margin-top: 0;
}
h3 {
font-size: $fz-3;
font-family: 'Viga', 'Rubik', sans-serif;
margin-top: 0;
}
h4 {
font-size: $fz-4;
font-family: 'Viga', 'Rubik', sans-serif;
margin-top: 0;
}
li {
line-height: 1.2;
}
// Layout
@ -43,16 +51,18 @@ div#main-content-wrapper {
// Notices
.errornotice, .warningnotice, .successnotice, .infonotice {
border-radius: $border-radius;
padding-top: 2rem;
padding-bottom: 2rem;
padding-right: 2rem;
padding: 25px 60px;
color: $gray-dark;
a {
color: $red;
}
&::before {
top: calc(50% - 1rem);
top: 15px;
left: 20px;
right: auto;
font-size: 30px;
}
}

1
static/armentieres/_vars.scss
View File

@ -37,6 +37,7 @@ $notification_error_color: $red-light;
$notification_warning_color: #e5e5e5;
$notification_success_color: $green-light;
$notification_info_color: $yellow-light;
$notification-icon-size: 2rem;
$sidebar-columns-gutter: 50px;
$back-top-display: block;
$back-top-icon-character: "\f062";

44
static/armentieres/_wcs.scss
View File

@ -139,6 +139,18 @@ input::placeholder {
.form-content {
&--body .buttons.submit {
@media($max-mobile-viewport) {
display: flex;
flex-direction: column;
align-items: stretch;
.content {
width: 100%;
button { width: 100%; }
}
}
.form-next{
@include form-button-right('\f054');
}
@ -159,9 +171,14 @@ input::placeholder {
.back-home-button {
display: flex;
justify-content: center;
justify-content: stretch;
a {
@extend %button;
width: 100%;
margin: 0 0.5rem;
&::after {
content: '\f0e2';
font-family: FontAwesome;
@ -192,6 +209,27 @@ input::placeholder {
}
}
div.form-validation div.page {
border-radius: $border-radius;
div.form-validation, div#summary{
div.page {
border-radius: $border-radius;
background: $gray-xlight;
padding: 1rem 1rem;
margin: 1rem 0;
}
}
div#summary {
&::after {
width: 100%;
height: 1px;
display: inline-block;
background: $gray-dark;
content: '';
}
}
.timetable-widget {
.head {
font-size: $fz-small;
}
}