mirror of
https://github.com/inverse-inc/sogo.git
synced 2026-03-04 14:46:24 +00:00
34 lines
1.0 KiB
SCSS
34 lines
1.0 KiB
SCSS
/// subheader.scss -*- Mode: scss; indent-tabs-mode: nil; basic-offset: 2 -*-
|
|
@import 'extends';
|
|
|
|
$sg-subheader-padding-top-bottom: ($subheader-padding - ($icon-button-height - $subheader-font-size)/2);
|
|
$sg-subheader-padding-left-right: $baseline-grid;
|
|
|
|
|
|
.sg-md-subheader {
|
|
&--with-icon ._md-subheader-inner,
|
|
&--with-secondary-icon ._md-subheader-inner {
|
|
line-height: $sg-avatar-width + ($sg-subheader-padding-top-bottom)*2;
|
|
padding: ($subheader-padding - ($icon-button-height - $subheader-font-size)/2) $baseline-grid;
|
|
padding: 0;
|
|
padding-left: $subheader-padding;
|
|
}
|
|
&--with-icon ._md-subheader-inner {
|
|
padding-left: 0;
|
|
}
|
|
&--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;
|
|
}
|
|
}
|