sogo/UI/WebServerResources/scss/components/subheader/subheader.scss
Francis Lachapelle 11e7af3450 Adopt theming system of Angular Material
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.
2015-09-09 16:35:09 -04:00

31 lines
691 B
SCSS

/// subheader.scss -*- Mode: scss; indent-tabs-mode: nil; basic-offset: 2 -*-
@import 'extends';
.md-subheader {
margin-right: 0;
line-height: $touch-zone-width;
}
.md-subheader {
.md-subheader-inner {
padding: 0 0 0 $layout-gutter-width;
}
}
.sg-md-subheader {
&--fixed {
position: fixed;
z-index: auto;
padding: $baseline-grid $baseline-grid $baseline-grid $layout-gutter-width;
background-color: transparent;
}
&--static {
position: static;
z-index: auto;
padding: $baseline-grid $baseline-grid $baseline-grid $layout-gutter-width;
background-color: transparent;
font-size: $sg-font-size-2;
font-weight: $sg-font-medium;
}
}