sogo/UI/WebServerResources/scss/core/structure.scss
2015-12-07 20:54:26 -05:00

44 lines
937 B
SCSS

/// structure.scss -*- Mode: scss; indent-tabs-mode: nil; basic-offset: 2 -*-
// ngMaterial source for overrides
// ----------------------------------------------------------------------------
@import '../../angular-material/src/core/style/structure.scss';
// re-inforce a reset
html * {
box-sizing: border-box;
}
// 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%);
}
.sg-category {
position: absolute;
top: 0;
bottom: 0;
width: 3px;
}