consul/ui-v2/app/styles/components/footer/layout.scss

34 lines
513 B
SCSS

%footer {
display: flex;
justify-content: center;
position: relative;
z-index: 1;
}
%footer > * {
display: block;
}
@media #{$--tall-footer} {
%footer {
padding-top: 12px;
padding-bottom: 12px;
}
}
@media #{$--wide-footer} {
%footer {
padding-left: 12px;
padding-right: 12px;
}
%footer > * {
padding: 11px;
}
}
@media #{$--lt-wide-footer} {
%footer > :first-child {
padding: 5px;
margin-left: 20px;
}
%footer > :not(:first-child) {
display: none;
}
}