The SASS has been simplified so that different themes can be applied by only using the $mdThemingProvider serivce. The resulting design is more "Materialized" and less prone to the future changes of Angular Material.
29 lines
623 B
SCSS
29 lines
623 B
SCSS
/// _base_style.scss -*- Mode: scss; indent-tabs-mode: nil; basic-offset: 2 -*-
|
|
|
|
// Utility class to add padding on containers
|
|
// Because of the border-box sizing model, padding can affect width specialy
|
|
// in nested containers
|
|
.sg-padded {
|
|
padding-left: $mg;
|
|
padding-right: $mg;
|
|
&--left {
|
|
padding-left: $mg;
|
|
}
|
|
&--right {
|
|
padding-right: $mg;
|
|
}
|
|
&--top {
|
|
padding-top: $mg;
|
|
}
|
|
}
|
|
|
|
.sg-logo {
|
|
background-image: url("../img/sogo-full.svg");
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
height: 7 * $bl;
|
|
min-width: 18 * $bl;
|
|
//optical adjustement
|
|
transform: translateY(-10%);
|
|
}
|