DGNum/demarches-normaliennes
13
1
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity

stylesheet: improve the procedure description layout

Browse source
This commit is contained in:
Pierre de La Morinerie 2019-03-14 16:19:17 +00:00
parent 9fbcf4313a
commit 1e63ee764a
2 changed files with 13 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

11
app/assets/stylesheets/new_design/layouts.scss
View file

@ -23,14 +23,23 @@
}
.column {
padding: $two-columns-padding 0 $two-columns-padding 0;
width: 100%;
max-width: 500px;
margin: 0 auto;
padding: ($default-padding * 2) 0 0 0;
&:last-of-type {
padding-bottom: $default-padding * 2;
}
@media (min-width: $two-columns-breakpoint) {
width: 45%;
margin: 0;
padding: $two-columns-padding 0 $two-columns-padding 0;
&:last-of-type {
padding-bottom: $two-columns-padding;
}
}
}
}

6
app/assets/stylesheets/new_design/procedure_context.scss
View file

@ -26,7 +26,7 @@ $procedure-context-breakpoint: $two-columns-breakpoint;
.procedure-title {
font-size: 30px;
margin: 20px 0 0;
margin: 0 0 20px 0;
text-align: center;
@media (min-width: $procedure-context-breakpoint) {
@ -38,7 +38,7 @@ $procedure-context-breakpoint: $two-columns-breakpoint;
.procedure-description {
font-size: 16px;
p {
p:not(:last-of-type) {
margin-bottom: 2 * $default-spacer;
}
@ -54,7 +54,7 @@ $procedure-context-breakpoint: $two-columns-breakpoint;
img {
max-height: 50px;
max-width: 100%;
margin: 0 10px;
margin: 0 10px 20px 10px;
@media (min-width: $procedure-context-breakpoint) {
max-height: 130px;