Report body inline style in Sass

Create bottombar component
This commit is contained in:
iRouge
2015-01-21 13:16:33 -05:00
parent 3b47d9ce3c
commit 3cf0078958
14 changed files with 168 additions and 5 deletions

View File

@@ -2336,6 +2336,80 @@ md-toolbar {
.md-toolbar-tools .md-button {
font-size: 14px; }
md-toolbar {
display: flex;
flex-direction: column;
position: relative;
z-index: 2;
font-size: 1.3em;
min-height: 64px;
width: 100%; }
md-toolbar.md-tall {
height: 128px;
min-height: 128px;
max-height: 128px; }
md-toolbar.md-medium-tall {
height: 88px;
min-height: 88px;
max-height: 88px; }
md-toolbar.md-medium-tall .md-toolbar-tools {
height: 48px;
min-height: 48px;
max-height: 48px; }
md-toolbar.md-toolbar-small {
min-height: 48px; }
md-toolbar .md-indent {
margin-left: 64px; }
.md-toolbar-tools {
display: flex;
align-items: center;
flex-direction: row;
width: 100%;
height: 64px;
min-height: 100%;
max-height: 64px;
font-size: inherit;
font-weight: normal;
padding: 0 16px;
margin: 0; }
.md-toolbar-tools > * {
font-size: inherit; }
.md-toolbar-tools h2, .md-toolbar-tools h3 {
font-weight: normal; }
.md-toolbar-tools a {
color: inherit;
text-decoration: none; }
.md-toolbar-tools .fill-height {
display: flex;
align-items: center; }
.md-toolbar-tools .md-tools {
margin-left: auto; }
.md-toolbar-tools .md-button {
font-size: 14px; }
.sg-bottombar {
@extends md-toolbar;
background-color: #212121;
position: fixed;
bottom: 0px;
left: 0px;
z-index: 100; }
/**
*
* @filename _base_styles.scss
* @project SOGo
* @version 3.alpha
*
* Define basic general styles for base elements
*
*
*/
body,
.main {
padding-bottom: 64px; }
/**
*
* This is the shame file (http://csswizardry.com/2013/04/shame-css/)