archive/httpcb
Archived
1
0
Fork 0
Code Releases Activity

app/assets/sass/layout/_footer.scss: change from grid to flexbox.

Browse source
This commit is contained in:
Henrik Hautakoski 2022-07-31 19:11:18 +02:00
parent 173bb59e07
commit 6fe1d3019c
2 changed files with 12 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

1
app/assets/sass/_variables.scss
View file

@ -79,6 +79,7 @@ $usermenu-button-hover-bg: darken($usermenu-button-bg, 8%);
// Footer
$footer-height: 80px;
$footer-spacing: 1rem;
$footer-border-color: $border-color;
$footer-text-color: $text-secondary-color;
$footer-link-color: $footer-text-color;

20
app/assets/sass/layout/_footer.scss
View file

@ -3,6 +3,7 @@
@extend .container;
display: flex;
align-items: center;
column-gap: $footer-spacing;
min-height: $footer-height;
a {
@ -14,22 +15,23 @@
}
}
&-left,
&-right {
@include make-xs-column(5);
}
&-middle {
@include make-xs-column(2);
&-left {
margin-left: $footer-spacing;
}
&-right {
display: flex;
justify-content: right;
margin-right: $footer-spacing;
}
&-left,
&-right {
text-align: right;
flex: 1;
}
// Top button
&-button-top {
@extend .center-block;
@extend .button;
@extend .button-round;
@include button-variant($footer-link-color, white, white);