mirror of
https://github.com/Hopiu/vue-material.git
synced 2026-03-20 07:50:23 +00:00
116 lines
No EOL
2.8 KiB
CSS
116 lines
No EOL
2.8 KiB
CSS
/* Common */
|
|
/* Responsive Breakpoints */
|
|
/* Transitions - Based on Angular Material */
|
|
/* Elevation - Based on Angular Material */
|
|
.md-toolbar {
|
|
min-height: 64px;
|
|
padding: 0 8px;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-ms-flex-line-pack: center;
|
|
align-content: center;
|
|
-ms-flex-flow: row wrap;
|
|
flex-flow: row wrap;
|
|
position: relative;
|
|
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
|
transform: translate3D(0, 0, 0);
|
|
}
|
|
.md-toolbar.md-dense {
|
|
min-height: 48px;
|
|
}
|
|
.md-toolbar.md-dense.md-medium {
|
|
min-height: 72px;
|
|
}
|
|
.md-toolbar.md-dense.md-large {
|
|
min-height: 96px;
|
|
}
|
|
.md-toolbar.md-dense .md-toolbar-container {
|
|
height: 48px;
|
|
}
|
|
.md-toolbar.md-medium {
|
|
min-height: 88px;
|
|
}
|
|
.md-toolbar.md-medium .md-toolbar-container:nth-child(2) .md-title:first-child {
|
|
margin-left: 56px;
|
|
}
|
|
.md-toolbar.md-large {
|
|
min-height: 128px;
|
|
-ms-flex-line-pack: inherit;
|
|
align-content: inherit;
|
|
}
|
|
.md-toolbar.md-large .md-toolbar-container:nth-child(2) .md-title:first-child {
|
|
margin-left: 56px;
|
|
}
|
|
.md-toolbar.md-account-header {
|
|
min-height: 164px;
|
|
}
|
|
.md-toolbar.md-account-header .md-ink-ripple {
|
|
color: #fff;
|
|
}
|
|
.md-toolbar.md-account-header .md-list-item-container:hover:not([disabled]) {
|
|
background-color: rgba(255, 255, 255, 0.12);
|
|
}
|
|
.md-toolbar.md-account-header .md-avatar-list {
|
|
margin: 16px 0 8px;
|
|
}
|
|
.md-toolbar.md-account-header .md-avatar-list .md-list-item-container {
|
|
-ms-flex-align: start;
|
|
align-items: flex-start;
|
|
}
|
|
.md-toolbar.md-account-header .md-avatar-list .md-avatar + .md-avatar {
|
|
margin-left: 16px;
|
|
}
|
|
.md-toolbar .md-toolbar-container {
|
|
width: 100%;
|
|
height: 64px;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-ms-flex-item-align: start;
|
|
align-self: flex-start;
|
|
}
|
|
.md-toolbar .md-toolbar-container > .md-button:first-child {
|
|
margin-left: 0;
|
|
margin-right: 16px;
|
|
}
|
|
.md-toolbar .md-toolbar-container > .md-button + .md-button {
|
|
margin-left: 0;
|
|
}
|
|
.md-toolbar > .md-button:first-child {
|
|
margin-left: 0;
|
|
margin-right: 16px;
|
|
}
|
|
.md-toolbar > .md-button + .md-button {
|
|
margin-left: 0;
|
|
}
|
|
.md-toolbar .md-button:hover:not([disabled]):not(.md-raised):not(.md-icon-button):not(.md-fab) {
|
|
background-color: rgba(255, 255, 255, 0.1);
|
|
}
|
|
.md-toolbar .md-title {
|
|
margin: 0;
|
|
font-size: 20px;
|
|
font-weight: 400;
|
|
}
|
|
.md-toolbar .md-title:first-child {
|
|
margin-left: 8px;
|
|
}
|
|
.md-toolbar .md-title + .md-input-container {
|
|
margin-left: 24px;
|
|
}
|
|
.md-toolbar .md-input-container {
|
|
min-height: 32px;
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
padding-top: 0;
|
|
}
|
|
.md-toolbar .md-list {
|
|
padding: 0;
|
|
margin: 0 -8px;
|
|
-ms-flex: 1;
|
|
flex: 1;
|
|
}
|
|
|
|
/*# sourceMappingURL=index.css.map*/ |