pnx/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
$footer-height: 80px; $footer-height: 80px;
$footer-spacing: 1rem;
$footer-border-color: $border-color; $footer-border-color: $border-color;
$footer-text-color: $text-secondary-color; $footer-text-color: $text-secondary-color;
$footer-link-color: $footer-text-color; $footer-link-color: $footer-text-color;

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

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