CCCHH/ccchh-website
CCCHH/ccchh-website
2
2
Fork 0
Code Issues 3 Pull requests 2 Actions Activity

Style: Make footer adaptive

Browse source 
- Set flex-flow of the list to "row wrap" to make the footer adaptive.
- Set display of the list to flex to make it clear we're using it.
  This is already set in Pico CSS so it isn't necessary, but I think
  it's nicer to have it set again explictly.
  See here for the relevant Pico CSS code:
  aaa1ffe05c/scss/components/_nav.scss (L20)
This commit is contained in:
June 2023-10-28 03:34:48 +02:00 committed by jtbx
parent 2c5bd3ad6c
commit 3e887ec5b5
1 changed files with 6 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
themes/ccchh/assets/sass/main.scss
View file

@ -30,6 +30,12 @@ header {
body>footer { body>footer {
padding-top: var(--spacing); padding-top: var(--spacing);
padding-bottom: var(--spacing); padding-bottom: var(--spacing);
nav {
ul {
display: flex;
flex-flow: row wrap;
}
}
} }
body>main { body>main {