open-consul/ui-v2/app/styles/components/footer/layout.scss
John Cowen 941fefb15c ui: Split out product css component into its separate elements (#7342)
* Remove old %action-group

* Remove old variables we no longer need

* Use the discovery-chain component in the same manner as others

* Split `product` out into its separate components
2020-05-12 17:14:11 +00:00

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;
}
}