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

grenoble-metropole-2019: use flexbox to align forms categories in columns (#40132)

This commit is contained in:
Serghei Mihai 2020-02-24 17:28:13 +01:00
parent 40431c530e
commit 10eded39fe
1 changed files with 7 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
static/grenoble-metropole-2019/_custom.scss
View File

@ -212,16 +212,9 @@ img#hautDePage {
div.left {
width: 65%;
div.categories {
clear: both;
column-count: 2;
-moz-column-count: 2;
-webkit-column-count: 2;
column-gap: 1.35em;
@media screen and ($max-mobile-viewport) {
column-count: 1;
-moz-column-count: 1;
-webkit-column-count: 1;
}
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
}
div.right, div.left {
@ -238,14 +231,11 @@ img#hautDePage {
}
}
div.wcsformsofcategorycell {
page-break-inside: avoid;
-webkit-column-break-inside: avoid;
break-inside: avoid;
break-inside: avoid-column;
position: relative;
display: inline-block;
width: 100%;
flex: 0 0 calc(50% - 0.5rem);
margin: 0.3ex 0 1.35ex 0;
@media screen and ($max-mobile-viewport) {
flex: 0 0 100%;
}
h2:first-child {
margin-bottom: 0;
}