mirror of
https://github.com/inverse-inc/sogo.git
synced 2026-03-30 18:42:44 +00:00
Report body inline style in Sass
Create bottombar component
This commit is contained in:
@@ -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/)
|
||||
|
||||
Reference in New Issue
Block a user