mirror of
https://github.com/Hopiu/vue-material.git
synced 2026-05-15 02:33:10 +00:00
[build] 0.4.0
This commit is contained in:
Marcos Moura
parent
afc10c3a48
commit
14997c041b
39 changed files with 5144 additions and 60 deletions
75
dist/components/mdAvatar/index.css
vendored
75
dist/components/mdAvatar/index.css
vendored
|
|
@ -1 +1,74 @@
|
|||
.md-avatar{width:40px;min-width:40px;height:40px;min-height:40px;margin:auto;display:inline-block;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;border-radius:40px;vertical-align:middle}.md-avatar.md-large{width:64px;min-width:64px;height:64px;min-height:64px;border-radius:64px}.md-avatar.md-large .md-icon{width:40px;min-width:40px;height:40px;min-height:40px;font-size:40px;line-height:40px}.md-avatar.md-avatar-icon{background-color:rgba(0,0,0,.38)}.md-avatar.md-avatar-icon .md-icon{color:#fff}.md-avatar .md-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.md-avatar img{width:100%;height:100%;display:block}.md-avatar .md-ink-ripple{border-radius:50%}.md-avatar .md-ink-ripple .md-ripple.md-active{animation-duration:.9s}.md-avatar-tooltip.md-tooltip-top{margin-top:-8px}.md-avatar-tooltip.md-tooltip-right{margin-left:8px}.md-avatar-tooltip.md-tooltip-bottom{margin-top:8px}.md-avatar-tooltip.md-tooltip-left{margin-left:-8px}
|
||||
/* Common
|
||||
========================================================================== */
|
||||
/* Transitions - Based on Angular Material
|
||||
========================================================================== */
|
||||
/* Elevation - Based on Angular Material
|
||||
========================================================================== */
|
||||
.md-avatar {
|
||||
width: 40px;
|
||||
min-width: 40px;
|
||||
height: 40px;
|
||||
min-height: 40px;
|
||||
margin: auto;
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
position: relative;
|
||||
border-radius: 40px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.md-avatar.md-large {
|
||||
width: 64px;
|
||||
min-width: 64px;
|
||||
height: 64px;
|
||||
min-height: 64px;
|
||||
border-radius: 64px;
|
||||
}
|
||||
.md-avatar.md-large .md-icon {
|
||||
width: 40px;
|
||||
min-width: 40px;
|
||||
height: 40px;
|
||||
min-height: 40px;
|
||||
font-size: 40px;
|
||||
line-height: 40px;
|
||||
}
|
||||
.md-avatar.md-avatar-icon {
|
||||
background-color: rgba(0, 0, 0, 0.38);
|
||||
}
|
||||
.md-avatar.md-avatar-icon .md-icon {
|
||||
color: #fff;
|
||||
}
|
||||
.md-avatar .md-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
.md-avatar img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
}
|
||||
.md-avatar .md-ink-ripple {
|
||||
border-radius: 50%;
|
||||
}
|
||||
.md-avatar .md-ink-ripple .md-ripple.md-active {
|
||||
animation-duration: .9s;
|
||||
}
|
||||
.md-avatar-tooltip.md-tooltip-top {
|
||||
margin-top: -8px;
|
||||
}
|
||||
.md-avatar-tooltip.md-tooltip-right {
|
||||
margin-left: 8px;
|
||||
}
|
||||
.md-avatar-tooltip.md-tooltip-bottom {
|
||||
margin-top: 8px;
|
||||
}
|
||||
.md-avatar-tooltip.md-tooltip-left {
|
||||
margin-left: -8px;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
29
dist/components/mdBackdrop/index.css
vendored
29
dist/components/mdBackdrop/index.css
vendored
|
|
@ -1 +1,28 @@
|
|||
.md-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:99;pointer-events:none;background-color:rgba(0,0,0,.54);transform:translateZ(0);opacity:0;transition:all .5s cubic-bezier(.35,0,.25,1)}.md-backdrop.md-active{opacity:1;pointer-events:auto}.md-backdrop.md-transparent{background:none}
|
||||
/* Common
|
||||
========================================================================== */
|
||||
/* Transitions - Based on Angular Material
|
||||
========================================================================== */
|
||||
/* Elevation - Based on Angular Material
|
||||
========================================================================== */
|
||||
.md-backdrop {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 99;
|
||||
pointer-events: none;
|
||||
background-color: rgba(0, 0, 0, 0.54);
|
||||
transform: translate3d(0, 0, 0);
|
||||
opacity: 0;
|
||||
transition: all 0.5s cubic-bezier(0.35, 0, 0.25, 1);
|
||||
}
|
||||
.md-backdrop.md-active {
|
||||
opacity: 1;
|
||||
pointer-events: auto;
|
||||
}
|
||||
.md-backdrop.md-transparent {
|
||||
background: none;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
96
dist/components/mdBottomBar/index.css
vendored
96
dist/components/mdBottomBar/index.css
vendored
|
|
@ -1 +1,95 @@
|
|||
.md-bottom-bar{width:100%;min-width:100%;height:56px;-ms-flex-pack:center;justify-content:center;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-bottom-bar,.md-bottom-bar-item{position:relative;display:-ms-flexbox;display:flex}.md-bottom-bar-item{max-width:168px;min-width:80px;height:100%;padding:8px 12px 10px;-ms-flex-flow:column nowrap;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;-ms-flex:1;flex:1;cursor:pointer;border:none;background:transparent;transform:translateZ(0);color:currentColor;font-family:inherit;font-size:14px;line-height:1em}.md-bottom-bar-item.md-active{padding-top:6px}.md-bottom-bar-item.md-active .md-text{transform:scale(1) translateZ(0)}.md-bottom-bar-item.md-active .md-icon,.md-bottom-bar-item.md-active .md-text{color:currentColor}.md-bottom-bar.md-shift .md-bottom-bar-item{min-width:56px;max-width:96px;position:static;-ms-flex:1 1 32px;flex:1 1 32px;transition:.4s cubic-bezier(.25,.8,.25,1);transition-property:flex,min-width,max-width;transition-property:flex,min-width,max-width,-ms-flex}.md-bottom-bar.md-shift .md-bottom-bar-item .md-icon{transform:translate3d(0,8px,0)}.md-bottom-bar.md-shift .md-bottom-bar-item .md-text{opacity:0;transform:scale(1) translate3d(0,6px,0)}.md-bottom-bar.md-shift .md-bottom-bar-item.md-active{min-width:96px;max-width:168px;-ms-flex:1 1 72px;flex:1 1 72px}.md-bottom-bar.md-shift .md-bottom-bar-item.md-active .md-icon,.md-bottom-bar.md-shift .md-bottom-bar-item.md-active .md-text{opacity:1}.md-bottom-bar.md-shift .md-bottom-bar-item.md-active .md-icon{transform:scale(1) translateZ(0)}.md-bottom-bar.md-shift .md-bottom-bar-item.md-active .md-text{transform:scale(1) translate3d(0,2px,0)}.md-bottom-bar-item .md-text{transform:scale(.8571) translateY(2px);transition:all .4s cubic-bezier(.25,.8,.25,1),color .08s linear,opacity .08s linear}.md-bottom-bar-item .md-icon{transition:all .4s cubic-bezier(.25,.8,.25,1),color .08s linear}
|
||||
/* Common
|
||||
========================================================================== */
|
||||
/* Transitions - Based on Angular Material
|
||||
========================================================================== */
|
||||
/* Elevation - Based on Angular Material
|
||||
========================================================================== */
|
||||
.md-bottom-bar {
|
||||
width: 100%;
|
||||
min-width: 100%;
|
||||
height: 56px;
|
||||
position: relative;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
}
|
||||
.md-bottom-bar-item {
|
||||
max-width: 168px;
|
||||
min-width: 80px;
|
||||
height: 100%;
|
||||
padding: 8px 12px 10px;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-flow: column nowrap;
|
||||
flex-flow: column nowrap;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
background: transparent;
|
||||
transform: translate3d(0, 0, 0);
|
||||
color: currentColor;
|
||||
font-family: inherit;
|
||||
font-size: 14px;
|
||||
line-height: 1em;
|
||||
}
|
||||
.md-bottom-bar-item.md-active {
|
||||
padding-top: 6px;
|
||||
}
|
||||
.md-bottom-bar-item.md-active .md-text {
|
||||
transform: scale(1) translate3d(0, 0, 0);
|
||||
}
|
||||
.md-bottom-bar-item.md-active .md-text,
|
||||
.md-bottom-bar-item.md-active .md-icon {
|
||||
color: currentColor;
|
||||
}
|
||||
.md-bottom-bar.md-shift .md-bottom-bar-item {
|
||||
min-width: 56px;
|
||||
max-width: 96px;
|
||||
position: static;
|
||||
-ms-flex: 1 1 32px;
|
||||
flex: 1 1 32px;
|
||||
transition: 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
transition-property: flex, min-width, max-width;
|
||||
transition-property: flex, min-width, max-width, -ms-flex;
|
||||
}
|
||||
.md-bottom-bar.md-shift .md-bottom-bar-item .md-icon {
|
||||
transform: translate3d(0, 8px, 0);
|
||||
}
|
||||
.md-bottom-bar.md-shift .md-bottom-bar-item .md-text {
|
||||
opacity: 0;
|
||||
transform: scale(1) translate3d(0, 6px, 0);
|
||||
}
|
||||
.md-bottom-bar.md-shift .md-bottom-bar-item.md-active {
|
||||
min-width: 96px;
|
||||
max-width: 168px;
|
||||
-ms-flex: 1 1 72px;
|
||||
flex: 1 1 72px;
|
||||
}
|
||||
.md-bottom-bar.md-shift .md-bottom-bar-item.md-active .md-icon,
|
||||
.md-bottom-bar.md-shift .md-bottom-bar-item.md-active .md-text {
|
||||
opacity: 1;
|
||||
}
|
||||
.md-bottom-bar.md-shift .md-bottom-bar-item.md-active .md-icon {
|
||||
transform: scale(1) translate3d(0, 0, 0);
|
||||
}
|
||||
.md-bottom-bar.md-shift .md-bottom-bar-item.md-active .md-text {
|
||||
transform: scale(1) translate3d(0, 2px, 0);
|
||||
}
|
||||
.md-bottom-bar-item .md-text {
|
||||
transform: scale(0.8571) translateY(2px);
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), color 0.08s linear, opacity 0.08s linear;
|
||||
}
|
||||
.md-bottom-bar-item .md-icon {
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), color 0.08s linear;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
193
dist/components/mdButton/index.css
vendored
193
dist/components/mdButton/index.css
vendored
|
|
@ -1 +1,192 @@
|
|||
.md-button{min-width:88px;min-height:36px;margin:6px 8px;padding:0 16px;display:inline-block;position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;background:none;border:0;border-radius:2px;transition:all .4s cubic-bezier(.25,.8,.25,1);color:currentColor;font-family:inherit;font-size:14px;font-style:inherit;font-variant:inherit;font-weight:500;letter-spacing:inherit;line-height:36px;text-align:center;text-transform:uppercase;text-decoration:none;vertical-align:top;white-space:nowrap}.md-button,.md-button:focus{outline:none}.md-button::-moz-focus-inner{border:0}.md-button:hover:not([disabled]):not(.md-raised){background-color:hsla(0,0%,60%,.2);text-decoration:none}.md-button:hover:not([disabled]).md-raised{background-color:rgba(0,0,0,.12)}.md-button:active:not([disabled]){background-color:hsla(0,0%,60%,.4)}.md-button.md-raised:not([disabled]){box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12)}.md-button.md-dense{min-height:32px;line-height:32px;font-size:13px}.md-button.md-fab .md-icon,.md-button.md-icon-button .md-icon{margin-top:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.md-button.md-icon-button{width:40px;min-width:40px;height:40px;margin:0 6px;padding:8px;border-radius:50%;line-height:24px}.md-button.md-icon-button:not([disabled]):hover{background:none}.md-button.md-icon-button.md-dense{width:32px;min-width:32px;height:32px;min-height:32px;padding:4px;line-height:32px}.md-button.md-icon-button .md-ink-ripple{border-radius:50%}.md-button.md-icon-button .md-ink-ripple .md-ripple{top:0!important;right:0!important;bottom:0!important;left:0!important}.md-button.md-icon-button .md-ripple.md-active{animation-duration:.9s}.md-button.md-fab{width:56px;height:56px;min-width:0;overflow:hidden;box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);border-radius:56px;line-height:56px;background-clip:padding-box;transition:all .3s cubic-bezier(.55,0,.55,.2);transition-property:background-color,box-shadow,transform}.md-button.md-fab:focus,.md-button.md-fab:hover{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px rgba(0,0,0,.14),0 1px 14px rgba(0,0,0,.12)}.md-button.md-fab.md-fab-top-left{position:absolute;top:16px;left:16px}.md-button.md-fab.md-fab-top-center{position:absolute;top:16px;left:50%;transform:translateX(-50%)}.md-button.md-fab.md-fab-top-right{position:absolute;top:16px;right:16px}.md-button.md-fab.md-fab-bottom-left{position:absolute;bottom:16px;left:16px}.md-button.md-fab.md-fab-bottom-center{position:absolute;bottom:16px;left:50%;transform:translateX(-50%)}.md-button.md-fab.md-fab-bottom-right{position:absolute;right:16px;bottom:16px}.md-button.md-fab.md-mini{width:40px;height:40px;line-height:40px}.md-button.md-fab .md-ink-ripple{border-radius:56px}.md-button[disabled]{color:rgba(0,0,0,.26);cursor:default}.md-button[disabled].md-fab,.md-button[disabled].md-raised{background-color:rgba(0,0,0,.12)}.md-button[disabled].md-fab{box-shadow:none}.md-button:after{transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-button .md-ink-ripple{border-radius:2px;background-clip:padding-box;overflow:hidden}.md-button.md-fab .md-icon,.md-button.md-icon-button .md-icon{display:block}.md-button-tooltip.md-tooltip-top{margin-top:-8px}.md-button-tooltip.md-tooltip-right{margin-left:8px}.md-button-tooltip.md-tooltip-bottom{margin-top:8px}.md-button-tooltip.md-tooltip-left{margin-left:-8px}
|
||||
/* Common
|
||||
========================================================================== */
|
||||
/* Transitions - Based on Angular Material
|
||||
========================================================================== */
|
||||
/* Elevation - Based on Angular Material
|
||||
========================================================================== */
|
||||
.md-button {
|
||||
min-width: 88px;
|
||||
min-height: 36px;
|
||||
margin: 6px 8px;
|
||||
padding: 0 16px;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
background: none;
|
||||
border: 0;
|
||||
border-radius: 2px;
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
color: currentColor;
|
||||
font-family: inherit;
|
||||
font-size: 14px;
|
||||
font-style: inherit;
|
||||
font-variant: inherit;
|
||||
font-weight: 500;
|
||||
letter-spacing: inherit;
|
||||
line-height: 36px;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
text-decoration: none;
|
||||
vertical-align: top;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.md-button:focus {
|
||||
outline: none;
|
||||
}
|
||||
.md-button::-moz-focus-inner {
|
||||
border: 0;
|
||||
}
|
||||
.md-button:hover:not([disabled]):not(.md-raised) {
|
||||
background-color: rgba(153, 153, 153, 0.2);
|
||||
text-decoration: none;
|
||||
}
|
||||
.md-button:hover:not([disabled]).md-raised {
|
||||
background-color: rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.md-button:active:not([disabled]) {
|
||||
background-color: rgba(153, 153, 153, 0.4);
|
||||
}
|
||||
.md-button.md-raised:not([disabled]) {
|
||||
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.md-button.md-dense {
|
||||
min-height: 32px;
|
||||
line-height: 32px;
|
||||
font-size: 13px;
|
||||
}
|
||||
.md-button.md-icon-button .md-icon, .md-button.md-fab .md-icon {
|
||||
margin-top: 1px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
.md-button.md-icon-button {
|
||||
width: 40px;
|
||||
min-width: 40px;
|
||||
height: 40px;
|
||||
margin: 0 6px;
|
||||
padding: 8px;
|
||||
border-radius: 50%;
|
||||
line-height: 24px;
|
||||
}
|
||||
.md-button.md-icon-button:not([disabled]):hover {
|
||||
background: none;
|
||||
}
|
||||
.md-button.md-icon-button.md-dense {
|
||||
width: 32px;
|
||||
min-width: 32px;
|
||||
height: 32px;
|
||||
min-height: 32px;
|
||||
padding: 4px;
|
||||
line-height: 32px;
|
||||
}
|
||||
.md-button.md-icon-button .md-ink-ripple {
|
||||
border-radius: 50%;
|
||||
}
|
||||
.md-button.md-icon-button .md-ink-ripple .md-ripple {
|
||||
top: 0 !important;
|
||||
right: 0 !important;
|
||||
bottom: 0 !important;
|
||||
left: 0 !important;
|
||||
}
|
||||
.md-button.md-icon-button .md-ripple.md-active {
|
||||
animation-duration: .9s;
|
||||
}
|
||||
.md-button.md-fab {
|
||||
width: 56px;
|
||||
height: 56px;
|
||||
min-width: 0;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
|
||||
border-radius: 56px;
|
||||
line-height: 56px;
|
||||
background-clip: padding-box;
|
||||
transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
|
||||
transition-property: background-color, box-shadow, transform;
|
||||
}
|
||||
.md-button.md-fab:hover, .md-button.md-fab:focus {
|
||||
box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px rgba(0, 0, 0, 0.14), 0 1px 14px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.md-button.md-fab.md-fab-top-left {
|
||||
position: absolute;
|
||||
top: 16px;
|
||||
left: 16px;
|
||||
}
|
||||
.md-button.md-fab.md-fab-top-center {
|
||||
position: absolute;
|
||||
top: 16px;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.md-button.md-fab.md-fab-top-right {
|
||||
position: absolute;
|
||||
top: 16px;
|
||||
right: 16px;
|
||||
}
|
||||
.md-button.md-fab.md-fab-bottom-left {
|
||||
position: absolute;
|
||||
bottom: 16px;
|
||||
left: 16px;
|
||||
}
|
||||
.md-button.md-fab.md-fab-bottom-center {
|
||||
position: absolute;
|
||||
bottom: 16px;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.md-button.md-fab.md-fab-bottom-right {
|
||||
position: absolute;
|
||||
right: 16px;
|
||||
bottom: 16px;
|
||||
}
|
||||
.md-button.md-fab.md-mini {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
}
|
||||
.md-button.md-fab .md-ink-ripple {
|
||||
border-radius: 56px;
|
||||
}
|
||||
.md-button[disabled] {
|
||||
color: rgba(0, 0, 0, 0.26);
|
||||
cursor: default;
|
||||
}
|
||||
.md-button[disabled].md-raised, .md-button[disabled].md-fab {
|
||||
background-color: rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.md-button[disabled].md-fab {
|
||||
box-shadow: none;
|
||||
}
|
||||
.md-button:after {
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
}
|
||||
.md-button .md-ink-ripple {
|
||||
border-radius: 2px;
|
||||
background-clip: padding-box;
|
||||
overflow: hidden;
|
||||
}
|
||||
.md-button.md-icon-button .md-icon,
|
||||
.md-button.md-fab .md-icon {
|
||||
display: block;
|
||||
}
|
||||
.md-button-tooltip.md-tooltip-top {
|
||||
margin-top: -8px;
|
||||
}
|
||||
.md-button-tooltip.md-tooltip-right {
|
||||
margin-left: 8px;
|
||||
}
|
||||
.md-button-tooltip.md-tooltip-bottom {
|
||||
margin-top: 8px;
|
||||
}
|
||||
.md-button-tooltip.md-tooltip-left {
|
||||
margin-left: -8px;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
40
dist/components/mdButtonToggle/index.css
vendored
40
dist/components/mdButtonToggle/index.css
vendored
|
|
@ -1 +1,39 @@
|
|||
.md-button-toggle{width:auto;display:-ms-flexbox;display:flex}.md-button-toggle>.md-button{margin:0;overflow:hidden;border-width:1px 0 1px 1px;border-radius:0;text-align:center;text-overflow:ellipsis;white-space:nowrap}.md-button-toggle>.md-button:first-child{border-radius:2px 0 0 2px}.md-button-toggle>.md-button:last-child{border-right-width:1px;border-radius:0 2px 2px 0}.md-button-toggle>.md-button:not([disabled]){color:rgba(0,0,0,.54)}.md-button-toggle>.md-button:not([disabled]):hover:not(.md-toggle):not(.md-raised){background-color:hsla(0,0%,60%,.2);text-decoration:none}.md-button-toggle>.md-button .md-ink-ripple{border-radius:2px}
|
||||
/* Common
|
||||
========================================================================== */
|
||||
/* Transitions - Based on Angular Material
|
||||
========================================================================== */
|
||||
/* Elevation - Based on Angular Material
|
||||
========================================================================== */
|
||||
.md-button-toggle {
|
||||
width: auto;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
}
|
||||
.md-button-toggle > .md-button {
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
border-width: 1px 0 1px 1px;
|
||||
border-radius: 0;
|
||||
text-align: center;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.md-button-toggle > .md-button:first-child {
|
||||
border-radius: 2px 0 0 2px;
|
||||
}
|
||||
.md-button-toggle > .md-button:last-child {
|
||||
border-right-width: 1px;
|
||||
border-radius: 0 2px 2px 0;
|
||||
}
|
||||
.md-button-toggle > .md-button:not([disabled]) {
|
||||
color: rgba(0, 0, 0, 0.54);
|
||||
}
|
||||
.md-button-toggle > .md-button:not([disabled]):hover:not(.md-toggle):not(.md-raised) {
|
||||
background-color: rgba(153, 153, 153, 0.2);
|
||||
text-decoration: none;
|
||||
}
|
||||
.md-button-toggle > .md-button .md-ink-ripple {
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
302
dist/components/mdCard/index.css
vendored
302
dist/components/mdCard/index.css
vendored
File diff suppressed because one or more lines are too long
82
dist/components/mdCheckbox/index.css
vendored
82
dist/components/mdCheckbox/index.css
vendored
|
|
@ -1 +1,81 @@
|
|||
.md-checkbox{width:auto;margin:16px 8px 16px 0;display:-ms-inline-flexbox;display:inline-flex;position:relative}.md-checkbox .md-checkbox-container{width:20px;height:20px;position:relative;border-radius:2px;border:2px solid rgba(0,0,0,.54);transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-checkbox .md-checkbox-container:focus{outline:none}.md-checkbox .md-checkbox-container:before{width:48px;height:48px;position:absolute;top:50%;left:50%;border-radius:50%;transform:translate(-50%,-50%);transition:all .3s cubic-bezier(.55,0,.55,.2);content:" "}.md-checkbox .md-checkbox-container:after{width:6px;height:13px;position:absolute;top:0;left:5px;border:2px solid #fff;border-top:0;border-left:0;opacity:0;transform:rotate(45deg) scale3D(.15,.15,1);transition:all .3s cubic-bezier(.55,0,.55,.2);content:" "}.md-checkbox .md-checkbox-container input{position:absolute;left:-999em}.md-checkbox .md-checkbox-container .md-ink-ripple{top:-16px;right:-16px;bottom:-16px;left:-16px;border-radius:50%;color:rgba(0,0,0,.54)}.md-checkbox .md-checkbox-container .md-ink-ripple .md-ripple{width:48px!important;height:48px!important;top:0!important;right:0!important;bottom:0!important;left:0!important}.md-checkbox .md-checkbox-label{height:20px;padding-left:8px;line-height:20px}.md-checkbox.md-checked .md-checkbox-container:after{opacity:1;transform:rotate(45deg) scale3D(1,1,1);transition:all .4s cubic-bezier(.25,.8,.25,1)}
|
||||
/* Common
|
||||
========================================================================== */
|
||||
/* Transitions - Based on Angular Material
|
||||
========================================================================== */
|
||||
/* Elevation - Based on Angular Material
|
||||
========================================================================== */
|
||||
.md-checkbox {
|
||||
width: auto;
|
||||
margin: 16px 8px 16px 0;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
position: relative;
|
||||
}
|
||||
.md-checkbox .md-checkbox-container {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
position: relative;
|
||||
border-radius: 2px;
|
||||
border: 2px solid rgba(0, 0, 0, 0.54);
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
}
|
||||
.md-checkbox .md-checkbox-container:focus {
|
||||
outline: none;
|
||||
}
|
||||
.md-checkbox .md-checkbox-container:before {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
border-radius: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
|
||||
content: " ";
|
||||
}
|
||||
.md-checkbox .md-checkbox-container:after {
|
||||
width: 6px;
|
||||
height: 13px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 5px;
|
||||
border: 2px solid #fff;
|
||||
border-top: 0;
|
||||
border-left: 0;
|
||||
opacity: 0;
|
||||
transform: rotate(45deg) scale3D(0.15, 0.15, 1);
|
||||
transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
|
||||
content: " ";
|
||||
}
|
||||
.md-checkbox .md-checkbox-container input {
|
||||
position: absolute;
|
||||
left: -999em;
|
||||
}
|
||||
.md-checkbox .md-checkbox-container .md-ink-ripple {
|
||||
top: -16px;
|
||||
right: -16px;
|
||||
bottom: -16px;
|
||||
left: -16px;
|
||||
border-radius: 50%;
|
||||
color: rgba(0, 0, 0, 0.54);
|
||||
}
|
||||
.md-checkbox .md-checkbox-container .md-ink-ripple .md-ripple {
|
||||
width: 48px !important;
|
||||
height: 48px !important;
|
||||
top: 0 !important;
|
||||
right: 0 !important;
|
||||
bottom: 0 !important;
|
||||
left: 0 !important;
|
||||
}
|
||||
.md-checkbox .md-checkbox-label {
|
||||
height: 20px;
|
||||
padding-left: 8px;
|
||||
line-height: 20px;
|
||||
}
|
||||
.md-checkbox.md-checked .md-checkbox-container:after {
|
||||
opacity: 1;
|
||||
transform: rotate(45deg) scale3D(1, 1, 1);
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
37
dist/components/mdCore/index.css
vendored
37
dist/components/mdCore/index.css
vendored
|
|
@ -1 +1,36 @@
|
|||
.md-ink-ripple{pointer-events:none;overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask-image:radial-gradient(circle,#fff 100%,#000 0);mask-image:radial-gradient(circle,#fff 100%,#000 0);transition:all .3s cubic-bezier(.55,0,.55,.2)}.md-ripple{position:absolute;transform:scale(0);background-color:currentColor;opacity:.26;border-radius:50%}.md-ripple.md-active{animation:ripple 1s cubic-bezier(.25,.8,.25,1)}@keyframes ripple{to{transform:scale(1.5);opacity:0}}
|
||||
/* Common
|
||||
========================================================================== */
|
||||
/* Transitions - Based on Angular Material
|
||||
========================================================================== */
|
||||
/* Elevation - Based on Angular Material
|
||||
========================================================================== */
|
||||
.md-ink-ripple {
|
||||
pointer-events: none;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
-webkit-mask-image: radial-gradient(circle, white 100%, black 100%);
|
||||
mask-image: radial-gradient(circle, white 100%, black 100%);
|
||||
transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
|
||||
}
|
||||
.md-ripple {
|
||||
position: absolute;
|
||||
transform: scale(0);
|
||||
background-color: currentColor;
|
||||
opacity: .26;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.md-ripple.md-active {
|
||||
animation: ripple 1s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
}
|
||||
@keyframes ripple {
|
||||
to {
|
||||
transform: scale(1.5);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
103
dist/components/mdDialog/index.css
vendored
103
dist/components/mdDialog/index.css
vendored
|
|
@ -1 +1,102 @@
|
|||
.md-dialog-container{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:108}.md-dialog-container.md-active{pointer-events:auto}.md-dialog-container.md-active .md-dialog{opacity:1!important;transform:scale(1)!important;transition:all .4s cubic-bezier(.25,.8,.25,1);transition-property:opacity,transform}.md-dialog-backdrop{position:fixed;z-index:109}.md-dialog{min-width:280px;max-width:80%;max-height:80%;overflow:hidden;position:relative;z-index:110;outline:none;border-radius:2px;opacity:0;box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12);transform:scale(.9,.85);transform-origin:center center;transition:opacity .4s cubic-bezier(.25,.8,.25,1),transform .4s cubic-bezier(.25,.8,.25,1) .05s;will-change:opacity,transform}.md-dialog.md-reference{transform-origin:top center}.md-dialog.md-transition-off{transition:none!important}.md-dialog p{margin:0}.md-dialog-title{margin-bottom:20px;padding:24px 24px 0}.md-dialog-content{padding:0 24px 24px}.md-dialog-content:first-child{padding-top:24px}.md-dialog-content p:first-child:not(:only-child){margin-top:0}.md-dialog-content p:last-child:not(:only-child){margin-bottom:0}.md-dialog-body{margin:0 -24px;padding:0 24px;overflow:auto}.md-dialog-actions{min-height:52px;padding:8px 8px 8px 24px;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}.md-dialog-actions .md-button{min-width:64px;margin:0;padding:0 8px}.md-dialog-actions .md-button+.md-button{margin-left:8px}
|
||||
/* Common
|
||||
========================================================================== */
|
||||
/* Transitions - Based on Angular Material
|
||||
========================================================================== */
|
||||
/* Elevation - Based on Angular Material
|
||||
========================================================================== */
|
||||
.md-dialog-container {
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-flow: column;
|
||||
flex-flow: column;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
pointer-events: none;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 108;
|
||||
}
|
||||
.md-dialog-container.md-active {
|
||||
pointer-events: auto;
|
||||
}
|
||||
.md-dialog-container.md-active .md-dialog {
|
||||
opacity: 1 !important;
|
||||
transform: scale(1) !important;
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
transition-property: opacity, transform;
|
||||
}
|
||||
.md-dialog-backdrop {
|
||||
position: fixed;
|
||||
z-index: 109;
|
||||
}
|
||||
.md-dialog {
|
||||
min-width: 280px;
|
||||
max-width: 80%;
|
||||
max-height: 80%;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
z-index: 110;
|
||||
outline: none;
|
||||
border-radius: 2px;
|
||||
opacity: 0;
|
||||
box-shadow: 0 7px 9px -4px rgba(0, 0, 0, 0.2), 0 14px 21px 2px rgba(0, 0, 0, 0.14), 0 5px 26px 4px rgba(0, 0, 0, 0.12);
|
||||
transform: scale(0.9, 0.85);
|
||||
transform-origin: center center;
|
||||
transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.4s 0.05s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
will-change: opacity, transform;
|
||||
}
|
||||
.md-dialog.md-reference {
|
||||
transform-origin: top center;
|
||||
}
|
||||
.md-dialog.md-transition-off {
|
||||
transition: none !important;
|
||||
}
|
||||
.md-dialog p {
|
||||
margin: 0;
|
||||
}
|
||||
.md-dialog-title {
|
||||
margin-bottom: 20px;
|
||||
padding: 24px 24px 0;
|
||||
}
|
||||
.md-dialog-content {
|
||||
padding: 0 24px 24px;
|
||||
}
|
||||
.md-dialog-content:first-child {
|
||||
padding-top: 24px;
|
||||
}
|
||||
.md-dialog-content p:first-child:not(:only-child) {
|
||||
margin-top: 0;
|
||||
}
|
||||
.md-dialog-content p:last-child:not(:only-child) {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.md-dialog-body {
|
||||
margin: 0 -24px;
|
||||
padding: 0 24px;
|
||||
overflow: auto;
|
||||
}
|
||||
.md-dialog-actions {
|
||||
min-height: 52px;
|
||||
padding: 8px 8px 8px 24px;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-pack: end;
|
||||
justify-content: flex-end;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
}
|
||||
.md-dialog-actions .md-button {
|
||||
min-width: 64px;
|
||||
margin: 0;
|
||||
padding: 0 8px;
|
||||
}
|
||||
.md-dialog-actions .md-button + .md-button {
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
20
dist/components/mdDivider/index.css
vendored
20
dist/components/mdDivider/index.css
vendored
|
|
@ -1 +1,19 @@
|
|||
.md-divider{height:1px;margin:0;padding:0;display:block;border:0;background-color:rgba(0,0,0,.12)}.md-divider.md-inset{margin-left:72px}
|
||||
/* Common
|
||||
========================================================================== */
|
||||
/* Transitions - Based on Angular Material
|
||||
========================================================================== */
|
||||
/* Elevation - Based on Angular Material
|
||||
========================================================================== */
|
||||
.md-divider {
|
||||
height: 1px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: block;
|
||||
border: 0;
|
||||
background-color: rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.md-divider.md-inset {
|
||||
margin-left: 72px;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
22
dist/components/mdIcon/index.css
vendored
22
dist/components/mdIcon/index.css
vendored
|
|
@ -1 +1,21 @@
|
|||
.md-icon{width:24px;min-width:24px;height:24px;min-height:24px;margin:auto;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;fill:currentColor;vertical-align:middle}
|
||||
/* Common
|
||||
========================================================================== */
|
||||
/* Transitions - Based on Angular Material
|
||||
========================================================================== */
|
||||
/* Elevation - Based on Angular Material
|
||||
========================================================================== */
|
||||
.md-icon {
|
||||
width: 24px;
|
||||
min-width: 24px;
|
||||
height: 24px;
|
||||
min-height: 24px;
|
||||
margin: auto;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
fill: currentColor;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
159
dist/components/mdInputContainer/index.css
vendored
159
dist/components/mdInputContainer/index.css
vendored
|
|
@ -1 +1,158 @@
|
|||
.md-input-container{min-height:48px;margin:4px 0 24px;padding-top:16px;position:relative}.md-input-container:after{height:1px;right:0;bottom:0;background-color:rgba(0,0,0,.12);content:" "}.md-input-container:after,.md-input-container label{position:absolute;left:0;transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-input-container label{top:23px;pointer-events:none;transition-duration:.3s;color:rgba(0,0,0,.54);font-size:16px;line-height:20px}.md-input-container input,.md-input-container textarea{width:100%;height:32px;padding:0;display:block;border:none;background:none;transition:all .4s cubic-bezier(.25,.8,.25,1);transition-property:font-size;color:rgba(0,0,0,.54);font-family:inherit;font-size:1px;line-height:32px}.md-input-container input:focus,.md-input-container textarea:focus{outline:none}.md-input-container input::-webkit-input-placeholder,.md-input-container textarea::-webkit-input-placeholder{color:rgba(0,0,0,.54);font-size:16px;text-shadow:none;-webkit-text-fill-color:initial}.md-input-container textarea{min-height:32px;max-height:230px;padding:5px 0;line-height:1.3em;resize:none}.md-input-container .md-error{height:20px;display:block!important;position:absolute;opacity:0;transform:translate3d(0,-8px,0);transition:all .3s cubic-bezier(.55,0,.55,.2);font-size:12px}.md-input-container .md-count{height:20px;position:absolute;right:0;font-size:12px}.md-input-container.md-input-placeholder label{pointer-events:auto;top:10px;opacity:0;font-size:12px}.md-input-container.md-input-placeholder input,.md-input-container.md-input-placeholder textarea{font-size:16px}.md-input-container.md-has-value label,.md-input-container.md-input-focused label{pointer-events:auto;top:0;opacity:1;font-size:12px}.md-input-container.md-has-value input,.md-input-container.md-has-value textarea,.md-input-container.md-input-focused input,.md-input-container.md-input-focused textarea{font-size:16px}.md-input-container.md-has-value input,.md-input-container.md-has-value textarea{color:rgba(0,0,0,.87)}.md-input-container.md-input-inline label{pointer-events:none}.md-input-container.md-input-inline.md-input-focused label{top:23px;font-size:16px}.md-input-container.md-input-inline.md-has-value label{opacity:0}.md-input-container.md-input-disabled:after{background:0 100% repeat-x;background-image:linear-gradient(90deg,rgba(0,0,0,.38) 0,rgba(0,0,0,.38) 33%,transparent 0);background-size:4px 1px}.md-input-container.md-input-disabled input,.md-input-container.md-input-disabled label,.md-input-container.md-input-disabled textarea{color:rgba(0,0,0,.38)}.md-input-container.md-has-password.md-input-focused .md-toggle-password{color:rgba(0,0,0,.54)}.md-input-container.md-has-password .md-toggle-password{margin:0;position:absolute;right:0;bottom:-2px;color:rgba(0,0,0,.38)}.md-input-container.md-has-password .md-toggle-password .md-ink-ripple{color:rgba(0,0,0,.87)}.md-input-container.md-input-invalid .md-error{opacity:1;transform:translateZ(0)}.md-input-container.md-input-required label:after{position:absolute;top:2px;right:0;transform:translateX(calc(100% + 2px));content:"*";font-size:12px;line-height:1em;vertical-align:top}.md-input-container.md-has-select:hover .md-select:after{color:rgba(0,0,0,.87)}
|
||||
/* Common
|
||||
========================================================================== */
|
||||
/* Transitions - Based on Angular Material
|
||||
========================================================================== */
|
||||
/* Elevation - Based on Angular Material
|
||||
========================================================================== */
|
||||
.md-input-container {
|
||||
min-height: 48px;
|
||||
margin: 4px 0 24px;
|
||||
padding-top: 16px;
|
||||
position: relative;
|
||||
}
|
||||
.md-input-container:after {
|
||||
height: 1px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background-color: rgba(0, 0, 0, 0.12);
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
content: " ";
|
||||
}
|
||||
.md-input-container label {
|
||||
position: absolute;
|
||||
top: 23px;
|
||||
left: 0;
|
||||
pointer-events: none;
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
transition-duration: .3s;
|
||||
color: rgba(0, 0, 0, 0.54);
|
||||
font-size: 16px;
|
||||
line-height: 20px;
|
||||
}
|
||||
.md-input-container input,
|
||||
.md-input-container textarea {
|
||||
width: 100%;
|
||||
height: 32px;
|
||||
padding: 0;
|
||||
display: block;
|
||||
border: none;
|
||||
background: none;
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
transition-property: font-size;
|
||||
color: rgba(0, 0, 0, 0.54);
|
||||
font-family: inherit;
|
||||
font-size: 1px;
|
||||
line-height: 32px;
|
||||
}
|
||||
.md-input-container input:focus,
|
||||
.md-input-container textarea:focus {
|
||||
outline: none;
|
||||
}
|
||||
.md-input-container input::-webkit-input-placeholder,
|
||||
.md-input-container textarea::-webkit-input-placeholder {
|
||||
color: rgba(0, 0, 0, 0.54);
|
||||
font-size: 16px;
|
||||
text-shadow: none;
|
||||
-webkit-text-fill-color: initial;
|
||||
}
|
||||
.md-input-container textarea {
|
||||
min-height: 32px;
|
||||
max-height: 230px;
|
||||
padding: 5px 0;
|
||||
line-height: 1.3em;
|
||||
resize: none;
|
||||
}
|
||||
.md-input-container .md-error {
|
||||
height: 20px;
|
||||
display: block !important;
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
transform: translate3d(0, -8px, 0);
|
||||
transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
|
||||
font-size: 12px;
|
||||
}
|
||||
.md-input-container .md-count {
|
||||
height: 20px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
font-size: 12px;
|
||||
}
|
||||
.md-input-container.md-input-placeholder label {
|
||||
pointer-events: auto;
|
||||
top: 10px;
|
||||
opacity: 0;
|
||||
font-size: 12px;
|
||||
}
|
||||
.md-input-container.md-input-placeholder input,
|
||||
.md-input-container.md-input-placeholder textarea {
|
||||
font-size: 16px;
|
||||
}
|
||||
.md-input-container.md-input-focused label, .md-input-container.md-has-value label {
|
||||
pointer-events: auto;
|
||||
top: 0;
|
||||
opacity: 1;
|
||||
font-size: 12px;
|
||||
}
|
||||
.md-input-container.md-input-focused input,
|
||||
.md-input-container.md-input-focused textarea, .md-input-container.md-has-value input,
|
||||
.md-input-container.md-has-value textarea {
|
||||
font-size: 16px;
|
||||
}
|
||||
.md-input-container.md-has-value input,
|
||||
.md-input-container.md-has-value textarea {
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
}
|
||||
.md-input-container.md-input-inline label {
|
||||
pointer-events: none;
|
||||
}
|
||||
.md-input-container.md-input-inline.md-input-focused label {
|
||||
top: 23px;
|
||||
font-size: 16px;
|
||||
}
|
||||
.md-input-container.md-input-inline.md-has-value label {
|
||||
opacity: 0;
|
||||
}
|
||||
.md-input-container.md-input-disabled:after {
|
||||
background: bottom left repeat-x;
|
||||
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.38) 0%, rgba(0, 0, 0, 0.38) 33%, transparent 0%);
|
||||
background-size: 4px 1px;
|
||||
}
|
||||
.md-input-container.md-input-disabled label,
|
||||
.md-input-container.md-input-disabled input,
|
||||
.md-input-container.md-input-disabled textarea {
|
||||
color: rgba(0, 0, 0, 0.38);
|
||||
}
|
||||
.md-input-container.md-has-password.md-input-focused .md-toggle-password {
|
||||
color: rgba(0, 0, 0, 0.54);
|
||||
}
|
||||
.md-input-container.md-has-password .md-toggle-password {
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: -2px;
|
||||
color: rgba(0, 0, 0, 0.38);
|
||||
}
|
||||
.md-input-container.md-has-password .md-toggle-password .md-ink-ripple {
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
}
|
||||
.md-input-container.md-input-invalid .md-error {
|
||||
opacity: 1;
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
.md-input-container.md-input-required label:after {
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
right: 0;
|
||||
transform: translateX(calc(100% + 2px));
|
||||
content: "*";
|
||||
font-size: 12px;
|
||||
line-height: 1em;
|
||||
vertical-align: top;
|
||||
}
|
||||
.md-input-container.md-has-select:hover .md-select:after {
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
249
dist/components/mdList/index.css
vendored
249
dist/components/mdList/index.css
vendored
|
|
@ -1 +1,248 @@
|
|||
.md-list{margin:0;padding:8px 0;display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column;position:relative;list-style:none}.md-list.md-dense{padding:4px 0}.md-list.md-dense .md-list-item.md-inset .md-list-item-container{padding-left:72px}.md-list.md-dense .md-list-item .md-list-item-container{min-height:40px;font-size:13px}.md-list.md-dense .md-list-item .md-list-item-container .md-avatar:first-child{margin-right:24px}.md-list.md-dense .md-avatar{width:32px;min-width:32px;height:32px;min-height:32px}.md-list.md-dense .md-list-item-expand{min-height:40px}.md-list.md-double-line.md-dense .md-list-item .md-list-item-container{min-height:60px}.md-list.md-double-line.md-dense .md-list-item .md-avatar{width:36px;min-width:36px;height:36px;min-height:36px}.md-list.md-double-line.md-dense .md-list-item .md-avatar:first-child{margin-right:20px}.md-list.md-double-line.md-dense .md-list-text-container>:nth-child(1),.md-list.md-double-line.md-dense .md-list-text-container>:nth-child(2){font-size:13px}.md-list.md-double-line .md-list-item .md-list-item-container{min-height:72px}.md-list.md-triple-line.md-dense .md-list-item .md-list-item-container{min-height:76px}.md-list.md-triple-line.md-dense .md-list-item .md-avatar{width:36px;min-width:36px;height:36px;min-height:36px}.md-list.md-triple-line.md-dense .md-list-item .md-avatar:first-child{margin-right:20px}.md-list.md-triple-line.md-dense .md-list-text-container>:nth-child(1),.md-list.md-triple-line.md-dense .md-list-text-container>:nth-child(2){font-size:13px}.md-list.md-triple-line .md-list-item .md-list-item-container{min-height:88px}.md-list.md-triple-line .md-avatar{margin:0}.md-list.md-triple-line .md-list-item-container{-ms-flex-align:start;align-items:flex-start}.md-list .md-subheader.md-inset{padding-left:72px}.md-list>.md-subheader:first-of-type{margin-top:-8px}.md-list-item{height:auto;position:relative}.md-list-item.md-inset .md-list-item-container{padding-left:72px}.md-list-item .md-list-item-holder{display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;-ms-flex:1;flex:1}.md-list-item .md-list-item-holder>.md-ink-ripple{border-radius:0}.md-list-item .md-list-item-holder>.md-icon:first-child{margin-right:32px}.md-list-item .md-list-item-holder .md-avatar:first-child{margin-right:16px}.md-list-item .md-list-item-holder .md-list-action{margin:0 -2px 0 0}.md-list-item .md-list-item-holder .md-list-action:nth-child(3){margin:0 -2px 0 16px}.md-list-item .md-list-item-container{width:100%;min-height:48px;margin:0;padding:0 16px;position:relative;border-radius:0;font-size:16px;font-weight:400;text-align:left;text-transform:none}.md-list-item .md-divider{position:absolute;bottom:0;right:0;left:0}.md-list-item .md-avatar,.md-list-item .md-icon{margin:0}.md-list-item .md-avatar:first-of-type+*,.md-list-item .md-icon:first-of-type+*{-ms-flex:1 1 auto;flex:1 1 auto}.md-list-item .md-avatar{margin-top:8px;margin-bottom:8px}.md-list-item .md-icon{color:rgba(0,0,0,.54)}.md-list-item-expand{min-height:48px;-ms-flex-flow:column wrap;flex-flow:column wrap;overflow:hidden}.md-list-item-expand:after,.md-list-item-expand:before{height:1px;position:absolute;right:0;left:0;z-index:3;transition:all .4s cubic-bezier(.25,.8,.25,1);content:" "}.md-list-item-expand:before{top:0}.md-list-item-expand:after{bottom:0}.md-list-item-expand.md-active{position:relative}.md-list-item-expand.md-active:after,.md-list-item-expand.md-active:before{background-color:rgba(0,0,0,.12)}.md-list-item-expand.md-active:first-of-type:before,.md-list-item-expand.md-active:last-of-type:after{background:none}.md-list-item-expand.md-active>.md-list-item-container .md-list-expand-indicator{transform:rotate(180deg) translate3D(0,0,0)}.md-list-item-expand.md-active>.md-list-expand{margin-bottom:0!important}.md-list-item-expand>.md-list-item-container>.md-list-item-holder{position:relative;z-index:2}.md-list-item-expand .md-expansion-indicator,.md-list-item-expand .md-icon,.md-list-item-expand .md-list-item-container{transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-list-item-expand .md-list-expand{position:relative;z-index:1;transform:translate3D(0,0,0);will-change:margin-bottom;transition:all .5s cubic-bezier(.35,0,.25,1)}.md-list-item-expand .md-list-expand.md-transition-off{transition:none}.md-list-item-expand .md-list-expand .md-list{padding:0}.md-list-text-container{display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column;-ms-flex:1;flex:1;overflow:hidden;line-height:1.25em;text-overflow:ellipsis;white-space:normal}.md-list-text-container>:nth-child(1){font-size:16px}.md-list-text-container>:nth-child(2),.md-list-text-container>:nth-child(3){margin:0;color:rgba(0,0,0,.54);font-size:14px}.md-list-text-container>:nth-child(2):not(:last-child){color:rgba(0,0,0,.87)}
|
||||
/* Common
|
||||
========================================================================== */
|
||||
/* Transitions - Based on Angular Material
|
||||
========================================================================== */
|
||||
/* Elevation - Based on Angular Material
|
||||
========================================================================== */
|
||||
.md-list {
|
||||
margin: 0;
|
||||
padding: 8px 0;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-flow: column nowrap;
|
||||
flex-flow: column nowrap;
|
||||
position: relative;
|
||||
list-style: none;
|
||||
}
|
||||
.md-list.md-dense {
|
||||
padding: 4px 0;
|
||||
}
|
||||
.md-list.md-dense .md-list-item.md-inset .md-list-item-container {
|
||||
padding-left: 72px;
|
||||
}
|
||||
.md-list.md-dense .md-list-item .md-list-item-container {
|
||||
min-height: 40px;
|
||||
font-size: 13px;
|
||||
}
|
||||
.md-list.md-dense .md-list-item .md-list-item-container .md-avatar:first-child {
|
||||
margin-right: 24px;
|
||||
}
|
||||
.md-list.md-dense .md-avatar {
|
||||
width: 32px;
|
||||
min-width: 32px;
|
||||
height: 32px;
|
||||
min-height: 32px;
|
||||
}
|
||||
.md-list.md-dense .md-list-item-expand {
|
||||
min-height: 40px;
|
||||
}
|
||||
.md-list.md-double-line.md-dense .md-list-item .md-list-item-container {
|
||||
min-height: 60px;
|
||||
}
|
||||
.md-list.md-double-line.md-dense .md-list-item .md-avatar {
|
||||
width: 36px;
|
||||
min-width: 36px;
|
||||
height: 36px;
|
||||
min-height: 36px;
|
||||
}
|
||||
.md-list.md-double-line.md-dense .md-list-item .md-avatar:first-child {
|
||||
margin-right: 20px;
|
||||
}
|
||||
.md-list.md-double-line.md-dense .md-list-text-container > :nth-child(1) {
|
||||
font-size: 13px;
|
||||
}
|
||||
.md-list.md-double-line.md-dense .md-list-text-container > :nth-child(2) {
|
||||
font-size: 13px;
|
||||
}
|
||||
.md-list.md-double-line .md-list-item .md-list-item-container {
|
||||
min-height: 72px;
|
||||
}
|
||||
.md-list.md-triple-line.md-dense .md-list-item .md-list-item-container {
|
||||
min-height: 76px;
|
||||
}
|
||||
.md-list.md-triple-line.md-dense .md-list-item .md-avatar {
|
||||
width: 36px;
|
||||
min-width: 36px;
|
||||
height: 36px;
|
||||
min-height: 36px;
|
||||
}
|
||||
.md-list.md-triple-line.md-dense .md-list-item .md-avatar:first-child {
|
||||
margin-right: 20px;
|
||||
}
|
||||
.md-list.md-triple-line.md-dense .md-list-text-container > :nth-child(1) {
|
||||
font-size: 13px;
|
||||
}
|
||||
.md-list.md-triple-line.md-dense .md-list-text-container > :nth-child(2) {
|
||||
font-size: 13px;
|
||||
}
|
||||
.md-list.md-triple-line .md-list-item .md-list-item-container {
|
||||
min-height: 88px;
|
||||
}
|
||||
.md-list.md-triple-line .md-avatar {
|
||||
margin: 0;
|
||||
}
|
||||
.md-list.md-triple-line .md-list-item-container {
|
||||
-ms-flex-align: start;
|
||||
align-items: flex-start;
|
||||
}
|
||||
.md-list .md-subheader.md-inset {
|
||||
padding-left: 72px;
|
||||
}
|
||||
.md-list > .md-subheader:first-of-type {
|
||||
margin-top: -8px;
|
||||
}
|
||||
.md-list-item {
|
||||
height: auto;
|
||||
position: relative;
|
||||
}
|
||||
.md-list-item.md-inset .md-list-item-container {
|
||||
padding-left: 72px;
|
||||
}
|
||||
.md-list-item .md-list-item-holder {
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-flow: row nowrap;
|
||||
flex-flow: row nowrap;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
}
|
||||
.md-list-item .md-list-item-holder > .md-ink-ripple {
|
||||
border-radius: 0;
|
||||
}
|
||||
.md-list-item .md-list-item-holder > .md-icon:first-child {
|
||||
margin-right: 32px;
|
||||
}
|
||||
.md-list-item .md-list-item-holder .md-avatar:first-child {
|
||||
margin-right: 16px;
|
||||
}
|
||||
.md-list-item .md-list-item-holder .md-list-action {
|
||||
margin: 0 -2px 0 0;
|
||||
}
|
||||
.md-list-item .md-list-item-holder .md-list-action:nth-child(3) {
|
||||
margin: 0 -2px 0 16px;
|
||||
}
|
||||
.md-list-item .md-list-item-container {
|
||||
width: 100%;
|
||||
min-height: 48px;
|
||||
margin: 0;
|
||||
padding: 0 16px;
|
||||
position: relative;
|
||||
border-radius: 0;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
text-align: left;
|
||||
text-transform: none;
|
||||
}
|
||||
.md-list-item .md-divider {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
}
|
||||
.md-list-item .md-icon,
|
||||
.md-list-item .md-avatar {
|
||||
margin: 0;
|
||||
}
|
||||
.md-list-item .md-icon:first-of-type + *,
|
||||
.md-list-item .md-avatar:first-of-type + * {
|
||||
-ms-flex: 1 1 auto;
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
.md-list-item .md-avatar {
|
||||
margin-top: 8px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.md-list-item .md-icon {
|
||||
color: rgba(0, 0, 0, 0.54);
|
||||
}
|
||||
.md-list-item-expand {
|
||||
min-height: 48px;
|
||||
-ms-flex-flow: column wrap;
|
||||
flex-flow: column wrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
.md-list-item-expand:before, .md-list-item-expand:after {
|
||||
height: 1px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
left: 0;
|
||||
z-index: 3;
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
content: " ";
|
||||
}
|
||||
.md-list-item-expand:before {
|
||||
top: 0;
|
||||
}
|
||||
.md-list-item-expand:after {
|
||||
bottom: 0;
|
||||
}
|
||||
.md-list-item-expand.md-active {
|
||||
position: relative;
|
||||
}
|
||||
.md-list-item-expand.md-active:before, .md-list-item-expand.md-active:after {
|
||||
background-color: rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.md-list-item-expand.md-active:first-of-type:before {
|
||||
background: none;
|
||||
}
|
||||
.md-list-item-expand.md-active:last-of-type:after {
|
||||
background: none;
|
||||
}
|
||||
.md-list-item-expand.md-active > .md-list-item-container .md-list-expand-indicator {
|
||||
transform: rotateZ(180deg) translate3D(0, 0, 0);
|
||||
}
|
||||
.md-list-item-expand.md-active > .md-list-expand {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
.md-list-item-expand > .md-list-item-container > .md-list-item-holder {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
.md-list-item-expand .md-expansion-indicator,
|
||||
.md-list-item-expand .md-list-item-container,
|
||||
.md-list-item-expand .md-icon {
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
}
|
||||
.md-list-item-expand .md-list-expand {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
transform: translate3D(0, 0, 0);
|
||||
will-change: margin-bottom;
|
||||
transition: all 0.5s cubic-bezier(0.35, 0, 0.25, 1);
|
||||
}
|
||||
.md-list-item-expand .md-list-expand.md-transition-off {
|
||||
transition: none;
|
||||
}
|
||||
.md-list-item-expand .md-list-expand .md-list {
|
||||
padding: 0;
|
||||
}
|
||||
.md-list-text-container {
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-flow: column nowrap;
|
||||
flex-flow: column nowrap;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
line-height: 1.25em;
|
||||
text-overflow: ellipsis;
|
||||
white-space: normal;
|
||||
}
|
||||
.md-list-text-container > :nth-child(1) {
|
||||
font-size: 16px;
|
||||
}
|
||||
.md-list-text-container > :nth-child(2),
|
||||
.md-list-text-container > :nth-child(3) {
|
||||
margin: 0;
|
||||
color: rgba(0, 0, 0, 0.54);
|
||||
font-size: 14px;
|
||||
}
|
||||
.md-list-text-container > :nth-child(2):not(:last-child) {
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
106
dist/components/mdMenu/index.css
vendored
106
dist/components/mdMenu/index.css
vendored
|
|
@ -1 +1,105 @@
|
|||
.md-menu{display:inline-block}.md-menu-content{width:168px;min-width:84px;max-width:392px;min-height:64px;max-height:calc(100vh - 32px);overflow-x:hidden;overflow-y:auto;position:fixed;z-index:120;background-color:#fff;border-radius:2px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2)) drop-shadow(0 2px 2px rgba(0,0,0,.14)) drop-shadow(0 1px 1px rgba(0,0,0,.12));opacity:0;transition:width .4s cubic-bezier(.25,.8,.25,1),opacity .25s cubic-bezier(.55,0,.55,.2),-webkit-clip-path .17s cubic-bezier(.55,0,.55,.2) .08s;transition:width .4s cubic-bezier(.25,.8,.25,1),opacity .25s cubic-bezier(.55,0,.55,.2),clip-path .17s cubic-bezier(.55,0,.55,.2) .08s;transition:width .4s cubic-bezier(.25,.8,.25,1),opacity .25s cubic-bezier(.55,0,.55,.2),clip-path .17s cubic-bezier(.55,0,.55,.2) .08s,-webkit-clip-path .17s cubic-bezier(.55,0,.55,.2) .08s;color:rgba(33,33,33,.87)}.md-menu-content,.md-menu-content.md-direction-bottom-right{-webkit-clip-path:inset(-8px 10% 16% -8px);clip-path:inset(-8px 10% 16% -8px)}.md-menu-content.md-direction-bottom-right{margin-top:-11px;margin-left:-8px}.md-menu-content.md-direction-bottom-left{margin-top:-11px;margin-left:8px;-webkit-clip-path:inset(-8px -8px 16% 10%);clip-path:inset(-8px -8px 16% 10%)}.md-menu-content.md-direction-top-right{margin-top:11px;margin-left:-8px;-webkit-clip-path:inset(16% 10% -8px -8px);clip-path:inset(16% 10% -8px -8px)}.md-menu-content.md-direction-top-left{margin-top:11px;margin-left:8px;-webkit-clip-path:inset(16% -8px -8px 10%);clip-path:inset(16% -8px -8px 10%)}.md-menu-content.md-align-trigger{margin:0}.md-menu-content.md-size-1{width:84px}.md-menu-content.md-size-2{width:112px}.md-menu-content.md-size-3{width:168px}.md-menu-content.md-size-4{width:224px}.md-menu-content.md-size-5{width:280px}.md-menu-content.md-size-6{width:336px}.md-menu-content.md-size-7{width:392px}.md-menu-content.md-active{pointer-events:auto;opacity:1;-webkit-clip-path:inset(-8px -8px -8px -8px);clip-path:inset(-8px -8px -8px -8px);transition:width .4s cubic-bezier(.25,.8,.25,1),opacity .4s cubic-bezier(.25,.8,.25,1),-webkit-clip-path .27s cubic-bezier(.25,.8,.25,1) .08s;transition:width .4s cubic-bezier(.25,.8,.25,1),opacity .4s cubic-bezier(.25,.8,.25,1),clip-path .27s cubic-bezier(.25,.8,.25,1) .08s;transition:width .4s cubic-bezier(.25,.8,.25,1),opacity .4s cubic-bezier(.25,.8,.25,1),clip-path .27s cubic-bezier(.25,.8,.25,1) .08s,-webkit-clip-path .27s cubic-bezier(.25,.8,.25,1) .08s}.md-menu-item{cursor:pointer;font-size:16px;line-height:1.2em}.md-menu-item.md-highlighted .md-button:not([disabled]),.md-menu-item:focus .md-button:not([disabled]),.md-menu-item:hover .md-button:not([disabled]){background-color:rgba(0,0,0,.12)}.md-menu-item[disabled]{cursor:default;color:rgba(0,0,0,.38)}.md-menu-item .md-list-item-holder{overflow:hidden;text-overflow:ellipsis}
|
||||
/* Common
|
||||
========================================================================== */
|
||||
/* Transitions - Based on Angular Material
|
||||
========================================================================== */
|
||||
/* Elevation - Based on Angular Material
|
||||
========================================================================== */
|
||||
.md-menu {
|
||||
display: inline-block;
|
||||
}
|
||||
.md-menu-content {
|
||||
width: 168px;
|
||||
min-width: 84px;
|
||||
max-width: 392px;
|
||||
min-height: 64px;
|
||||
max-height: calc(100vh - 32px);
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
position: fixed;
|
||||
z-index: 120;
|
||||
-webkit-clip-path: inset(-8px 10% 16% -8px);
|
||||
clip-path: inset(-8px 10% 16% -8px);
|
||||
background-color: #fff;
|
||||
border-radius: 2px;
|
||||
filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.2)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.14)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.12));
|
||||
opacity: 0;
|
||||
transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.25s cubic-bezier(0.55, 0, 0.55, 0.2), -webkit-clip-path 0.17s 0.08s cubic-bezier(0.55, 0, 0.55, 0.2);
|
||||
transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.25s cubic-bezier(0.55, 0, 0.55, 0.2), clip-path 0.17s 0.08s cubic-bezier(0.55, 0, 0.55, 0.2);
|
||||
transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.25s cubic-bezier(0.55, 0, 0.55, 0.2), clip-path 0.17s 0.08s cubic-bezier(0.55, 0, 0.55, 0.2), -webkit-clip-path 0.17s 0.08s cubic-bezier(0.55, 0, 0.55, 0.2);
|
||||
color: rgba(33, 33, 33, 0.87);
|
||||
}
|
||||
.md-menu-content.md-direction-bottom-right {
|
||||
margin-top: -11px;
|
||||
margin-left: -8px;
|
||||
-webkit-clip-path: inset(-8px 10% 16% -8px);
|
||||
clip-path: inset(-8px 10% 16% -8px);
|
||||
}
|
||||
.md-menu-content.md-direction-bottom-left {
|
||||
margin-top: -11px;
|
||||
margin-left: 8px;
|
||||
-webkit-clip-path: inset(-8px -8px 16% 10%);
|
||||
clip-path: inset(-8px -8px 16% 10%);
|
||||
}
|
||||
.md-menu-content.md-direction-top-right {
|
||||
margin-top: 11px;
|
||||
margin-left: -8px;
|
||||
-webkit-clip-path: inset(16% 10% -8px -8px);
|
||||
clip-path: inset(16% 10% -8px -8px);
|
||||
}
|
||||
.md-menu-content.md-direction-top-left {
|
||||
margin-top: 11px;
|
||||
margin-left: 8px;
|
||||
-webkit-clip-path: inset(16% -8px -8px 10%);
|
||||
clip-path: inset(16% -8px -8px 10%);
|
||||
}
|
||||
.md-menu-content.md-align-trigger {
|
||||
margin: 0;
|
||||
}
|
||||
.md-menu-content.md-size-1 {
|
||||
width: 84px;
|
||||
}
|
||||
.md-menu-content.md-size-2 {
|
||||
width: 112px;
|
||||
}
|
||||
.md-menu-content.md-size-3 {
|
||||
width: 168px;
|
||||
}
|
||||
.md-menu-content.md-size-4 {
|
||||
width: 224px;
|
||||
}
|
||||
.md-menu-content.md-size-5 {
|
||||
width: 280px;
|
||||
}
|
||||
.md-menu-content.md-size-6 {
|
||||
width: 336px;
|
||||
}
|
||||
.md-menu-content.md-size-7 {
|
||||
width: 392px;
|
||||
}
|
||||
.md-menu-content.md-active {
|
||||
pointer-events: auto;
|
||||
opacity: 1;
|
||||
-webkit-clip-path: inset(-8px -8px -8px -8px);
|
||||
clip-path: inset(-8px -8px -8px -8px);
|
||||
transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-clip-path 0.27s 0.08s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), clip-path 0.27s 0.08s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), clip-path 0.27s 0.08s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-clip-path 0.27s 0.08s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
}
|
||||
.md-menu-item {
|
||||
cursor: pointer;
|
||||
font-size: 16px;
|
||||
line-height: 1.2em;
|
||||
}
|
||||
.md-menu-item:hover .md-button:not([disabled]), .md-menu-item:focus .md-button:not([disabled]), .md-menu-item.md-highlighted .md-button:not([disabled]) {
|
||||
background-color: rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.md-menu-item[disabled] {
|
||||
cursor: default;
|
||||
color: rgba(0, 0, 0, 0.38);
|
||||
}
|
||||
.md-menu-item .md-list-item-holder {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
66
dist/components/mdRadio/index.css
vendored
66
dist/components/mdRadio/index.css
vendored
|
|
@ -1 +1,65 @@
|
|||
.md-radio{width:auto;margin:16px 8px 16px 0;display:-ms-inline-flexbox;display:inline-flex;position:relative}.md-radio .md-radio-container{width:20px;height:20px;position:relative;border-radius:50%;border:2px solid rgba(0,0,0,.54);transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-radio .md-radio-container:after{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;opacity:0;transform:scale3D(.38,.38,1);transition:all .3s cubic-bezier(.55,0,.55,.2);content:" "}.md-radio .md-radio-container input{position:absolute;left:-999em}.md-radio .md-radio-container .md-ink-ripple{top:-16px;right:-16px;bottom:-16px;left:-16px;border-radius:50%;color:rgba(0,0,0,.54)}.md-radio .md-radio-container .md-ink-ripple .md-ripple{width:48px!important;height:48px!important;top:0!important;right:0!important;bottom:0!important;left:0!important}.md-radio .md-radio-label{height:20px;padding-left:8px;line-height:20px}.md-radio.md-checked .md-radio-container:after{opacity:1;transform:scale3D(1,1,1);transition:all .4s cubic-bezier(.25,.8,.25,1)}
|
||||
/* Common
|
||||
========================================================================== */
|
||||
/* Transitions - Based on Angular Material
|
||||
========================================================================== */
|
||||
/* Elevation - Based on Angular Material
|
||||
========================================================================== */
|
||||
.md-radio {
|
||||
width: auto;
|
||||
margin: 16px 8px 16px 0;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
position: relative;
|
||||
}
|
||||
.md-radio .md-radio-container {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
position: relative;
|
||||
border-radius: 50%;
|
||||
border: 2px solid rgba(0, 0, 0, 0.54);
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
}
|
||||
.md-radio .md-radio-container:after {
|
||||
position: absolute;
|
||||
top: 3px;
|
||||
right: 3px;
|
||||
bottom: 3px;
|
||||
left: 3px;
|
||||
border-radius: 50%;
|
||||
opacity: 0;
|
||||
transform: scale3D(0.38, 0.38, 1);
|
||||
transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
|
||||
content: " ";
|
||||
}
|
||||
.md-radio .md-radio-container input {
|
||||
position: absolute;
|
||||
left: -999em;
|
||||
}
|
||||
.md-radio .md-radio-container .md-ink-ripple {
|
||||
top: -16px;
|
||||
right: -16px;
|
||||
bottom: -16px;
|
||||
left: -16px;
|
||||
border-radius: 50%;
|
||||
color: rgba(0, 0, 0, 0.54);
|
||||
}
|
||||
.md-radio .md-radio-container .md-ink-ripple .md-ripple {
|
||||
width: 48px !important;
|
||||
height: 48px !important;
|
||||
top: 0 !important;
|
||||
right: 0 !important;
|
||||
bottom: 0 !important;
|
||||
left: 0 !important;
|
||||
}
|
||||
.md-radio .md-radio-label {
|
||||
height: 20px;
|
||||
padding-left: 8px;
|
||||
line-height: 20px;
|
||||
}
|
||||
.md-radio.md-checked .md-radio-container:after {
|
||||
opacity: 1;
|
||||
transform: scale3D(1, 1, 1);
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
139
dist/components/mdSelect/index.css
vendored
139
dist/components/mdSelect/index.css
vendored
|
|
@ -1 +1,138 @@
|
|||
.md-select{width:100%;min-width:128px;height:32px;position:relative}.md-select:focus{outline:none}.md-select:after{margin-top:2px;position:absolute;top:50%;right:0;transform:translateY(-50%) scaleY(.45) scaleX(.85);transition:all .08s linear;color:rgba(0,0,0,.54);content:"\25BC"}.md-select.md-active .md-select-menu{top:-8px;pointer-events:auto;opacity:1;transform:translateY(-8px) scale3D(1,1,1);transform-origin:center top;transition:all .4s cubic-bezier(.25,.8,.25,1);transition-duration:.25s;transition-property:opacity,transform,top}.md-select.md-active .md-select-menu>*{opacity:1;transition:all .3s cubic-bezier(.55,0,.55,.2);transition-duration:.15s;transition-delay:.1s}.md-select select{position:absolute;left:-999em}.md-select .md-menu,.md-select .md-select-value{width:100%;height:32px;display:block;position:relative}.md-select .md-select-value{padding-right:24px;cursor:pointer;overflow:hidden;z-index:2;font-size:16px;line-height:33px;text-overflow:ellipsis;white-space:nowrap}.md-select .md-select-menu{min-width:156px;max-width:100%;min-height:48px;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:stretch;justify-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch;pointer-events:none;position:absolute;top:-16px;left:-16px;z-index:7;background-color:#fff;border-radius:2px;box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);opacity:0;transform:scale3D(.85,.7,1);transition:opacity .25s cubic-bezier(.55,0,.55,.2),top .25s cubic-bezier(.55,0,.55,.2),transform 0s cubic-bezier(.55,0,.55,.2) .25s;color:rgba(33,33,33,.87)}.md-select .md-select-menu>*{opacity:0;transition:all .4s cubic-bezier(.25,.8,.25,1);transition-duration:.25s}.md-select .md-select-menu-container{margin:0;padding:8px 0;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:stretch;justify-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch;overflow-x:hidden;overflow-y:auto}.md-select .md-subheader{color:hsla(0,0%,46%,.87);text-transform:uppercase}.md-select .md-subheader:first-child{margin-top:-8px}.md-select-content{width:auto;max-height:256px}.md-select-content.md-direction-bottom-right{margin-top:-15px;margin-left:-16px}.md-select-content .md-menu-item .md-list-item-holder{overflow:visible;-ms-flex-pack:start;justify-content:flex-start}.md-select-content.md-multiple .md-checkbox{margin:0}.md-select-content.md-multiple .md-checkbox-label{padding-left:16px;cursor:pointer}
|
||||
/* Common
|
||||
========================================================================== */
|
||||
/* Transitions - Based on Angular Material
|
||||
========================================================================== */
|
||||
/* Elevation - Based on Angular Material
|
||||
========================================================================== */
|
||||
.md-select {
|
||||
width: 100%;
|
||||
min-width: 128px;
|
||||
height: 32px;
|
||||
position: relative;
|
||||
}
|
||||
.md-select:focus {
|
||||
outline: none;
|
||||
}
|
||||
.md-select:after {
|
||||
margin-top: 2px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 0;
|
||||
transform: translateY(-50%) scaleY(0.45) scaleX(0.85);
|
||||
transition: all 0.08s linear;
|
||||
color: rgba(0, 0, 0, 0.54);
|
||||
content: "\25BC";
|
||||
}
|
||||
.md-select.md-active .md-select-menu {
|
||||
top: -8px;
|
||||
pointer-events: auto;
|
||||
opacity: 1;
|
||||
transform: translateY(-8px) scale3D(1, 1, 1);
|
||||
transform-origin: center top;
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
transition-duration: .25s;
|
||||
transition-property: opacity, transform, top;
|
||||
}
|
||||
.md-select.md-active .md-select-menu > * {
|
||||
opacity: 1;
|
||||
transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
|
||||
transition-duration: .15s;
|
||||
transition-delay: .1s;
|
||||
}
|
||||
.md-select select {
|
||||
position: absolute;
|
||||
left: -999em;
|
||||
}
|
||||
.md-select .md-menu {
|
||||
width: 100%;
|
||||
height: 32px;
|
||||
display: block;
|
||||
position: relative;
|
||||
}
|
||||
.md-select .md-select-value {
|
||||
width: 100%;
|
||||
height: 32px;
|
||||
padding-right: 24px;
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
font-size: 16px;
|
||||
line-height: 33px;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.md-select .md-select-menu {
|
||||
min-width: 156px;
|
||||
max-width: 100%;
|
||||
min-height: 48px;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-flow: column;
|
||||
flex-flow: column;
|
||||
-ms-flex-pack: stretch;
|
||||
justify-content: stretch;
|
||||
-ms-flex-line-pack: stretch;
|
||||
align-content: stretch;
|
||||
pointer-events: none;
|
||||
position: absolute;
|
||||
top: -16px;
|
||||
left: -16px;
|
||||
z-index: 7;
|
||||
background-color: #fff;
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
|
||||
opacity: 0;
|
||||
transform: scale3D(0.85, 0.7, 1);
|
||||
transition: opacity 0.25s cubic-bezier(0.55, 0, 0.55, 0.2), top 0.25s cubic-bezier(0.55, 0, 0.55, 0.2), transform 0s 0.25s cubic-bezier(0.55, 0, 0.55, 0.2);
|
||||
color: rgba(33, 33, 33, 0.87);
|
||||
}
|
||||
.md-select .md-select-menu > * {
|
||||
opacity: 0;
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
transition-duration: .25s;
|
||||
}
|
||||
.md-select .md-select-menu-container {
|
||||
margin: 0;
|
||||
padding: 8px 0;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-flow: column;
|
||||
flex-flow: column;
|
||||
-ms-flex-pack: stretch;
|
||||
justify-content: stretch;
|
||||
-ms-flex-line-pack: stretch;
|
||||
align-content: stretch;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
}
|
||||
.md-select .md-subheader {
|
||||
color: rgba(117, 117, 117, 0.87);
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.md-select .md-subheader:first-child {
|
||||
margin-top: -8px;
|
||||
}
|
||||
.md-select-content {
|
||||
width: auto;
|
||||
max-height: 256px;
|
||||
}
|
||||
.md-select-content.md-direction-bottom-right {
|
||||
margin-top: -15px;
|
||||
margin-left: -16px;
|
||||
}
|
||||
.md-select-content .md-menu-item .md-list-item-holder {
|
||||
overflow: visible;
|
||||
-ms-flex-pack: start;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.md-select-content.md-multiple .md-checkbox {
|
||||
margin: 0;
|
||||
}
|
||||
.md-select-content.md-multiple .md-checkbox-label {
|
||||
padding-left: 16px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
57
dist/components/mdSidenav/index.css
vendored
57
dist/components/mdSidenav/index.css
vendored
|
|
@ -1 +1,56 @@
|
|||
.md-sidenav.md-left .md-sidenav-content{left:0;transform:translate3D(-100%,0,0)}.md-sidenav.md-right .md-sidenav-content{right:0;transform:translate3D(100%,0,0)}.md-sidenav.md-fixed .md-sidenav-backdrop,.md-sidenav.md-fixed .md-sidenav-content{position:fixed}.md-sidenav .md-sidenav-content{width:304px;position:absolute;top:0;bottom:0;z-index:100;pointer-events:none;overflow:auto;-webkit-overflow-scrolling:touch;transition:all .4s cubic-bezier(.25,.8,.25,1);transition-property:transform;will-change:transform}.md-sidenav .md-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:99;pointer-events:none;background-color:rgba(0,0,0,.54);opacity:0;transition:all .5s cubic-bezier(.35,0,.25,1);transition-property:opacity;will-change:opacity}.md-sidenav.md-active .md-sidenav-content{box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);pointer-events:auto;transform:translate3D(0,0,0)}.md-sidenav.md-active .md-sidenav-backdrop{opacity:1;pointer-events:auto}
|
||||
/* Common
|
||||
========================================================================== */
|
||||
/* Transitions - Based on Angular Material
|
||||
========================================================================== */
|
||||
/* Elevation - Based on Angular Material
|
||||
========================================================================== */
|
||||
.md-sidenav.md-left .md-sidenav-content {
|
||||
left: 0;
|
||||
transform: translate3D(-100%, 0, 0);
|
||||
}
|
||||
.md-sidenav.md-right .md-sidenav-content {
|
||||
right: 0;
|
||||
transform: translate3D(100%, 0, 0);
|
||||
}
|
||||
.md-sidenav.md-fixed .md-sidenav-content,
|
||||
.md-sidenav.md-fixed .md-sidenav-backdrop {
|
||||
position: fixed;
|
||||
}
|
||||
.md-sidenav .md-sidenav-content {
|
||||
width: 304px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
z-index: 100;
|
||||
pointer-events: none;
|
||||
overflow: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
transition-property: transform;
|
||||
will-change: transform;
|
||||
}
|
||||
.md-sidenav .md-backdrop {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 99;
|
||||
pointer-events: none;
|
||||
background-color: rgba(0, 0, 0, 0.54);
|
||||
opacity: 0;
|
||||
transition: all 0.5s cubic-bezier(0.35, 0, 0.25, 1);
|
||||
transition-property: opacity;
|
||||
will-change: opacity;
|
||||
}
|
||||
.md-sidenav.md-active .md-sidenav-content {
|
||||
box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
|
||||
pointer-events: auto;
|
||||
transform: translate3D(0, 0, 0);
|
||||
}
|
||||
.md-sidenav.md-active .md-sidenav-backdrop {
|
||||
opacity: 1;
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
22
dist/components/mdSubheader/index.css
vendored
22
dist/components/mdSubheader/index.css
vendored
|
|
@ -1 +1,21 @@
|
|||
.md-subheader{min-height:48px;padding:0 16px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-flow:row wrap;flex-flow:row wrap;color:rgba(0,0,0,.54);font-size:14px;font-weight:500}
|
||||
/* Common
|
||||
========================================================================== */
|
||||
/* Transitions - Based on Angular Material
|
||||
========================================================================== */
|
||||
/* Elevation - Based on Angular Material
|
||||
========================================================================== */
|
||||
.md-subheader {
|
||||
min-height: 48px;
|
||||
padding: 0 16px;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-ms-flex-flow: row wrap;
|
||||
flex-flow: row wrap;
|
||||
color: rgba(0, 0, 0, 0.54);
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
83
dist/components/mdSwitch/index.css
vendored
83
dist/components/mdSwitch/index.css
vendored
|
|
@ -1 +1,82 @@
|
|||
.md-switch{width:auto;margin:16px 8px 16px 0;display:-ms-inline-flexbox;display:inline-flex;position:relative}.md-switch .md-switch-container{width:34px;height:14px;position:relative;border-radius:14px;transition:all .4s cubic-bezier(.25,.8,.25,1);background-color:rgba(0,0,0,.38)}.md-switch .md-switch-container .md-switch-thumb{width:20px;height:20px;position:absolute;top:50%;left:0;background-color:#fafafa;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.2),0 1px 1px rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);transition:all .08s linear}.md-switch .md-switch-container input{position:absolute;left:-999em}.md-switch .md-switch-container .md-ink-ripple{top:-16px;right:-16px;bottom:-16px;left:-16px;border-radius:50%;color:rgba(0,0,0,.54)}.md-switch .md-switch-container .md-ink-ripple .md-ripple{width:48px!important;height:48px!important;top:0!important;right:0!important;bottom:0!important;left:0!important}.md-switch .md-switch-container .md-switch-holder{width:40px;height:40px;margin:0;padding:0;position:absolute;top:50%;left:50%;z-index:2;background:none;border:none;transform:translate(-50%,-50%)}.md-switch .md-switch-container .md-switch-holder:focus{outline:none}.md-switch .md-switch-label{height:14px;padding-left:8px;line-height:14px}.md-switch.md-dragging .md-switch-thumb{cursor:-webkit-grabbing;cursor:grabbing}.md-switch.md-disabled .md-switch-thumb{cursor:default}
|
||||
/* Common
|
||||
========================================================================== */
|
||||
/* Transitions - Based on Angular Material
|
||||
========================================================================== */
|
||||
/* Elevation - Based on Angular Material
|
||||
========================================================================== */
|
||||
.md-switch {
|
||||
width: auto;
|
||||
margin: 16px 8px 16px 0;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
position: relative;
|
||||
}
|
||||
.md-switch .md-switch-container {
|
||||
width: 34px;
|
||||
height: 14px;
|
||||
position: relative;
|
||||
border-radius: 14px;
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
background-color: rgba(0, 0, 0, 0.38);
|
||||
}
|
||||
.md-switch .md-switch-container .md-switch-thumb {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
background-color: #fafafa;
|
||||
border-radius: 50%;
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
|
||||
transition: all 0.08s linear;
|
||||
}
|
||||
.md-switch .md-switch-container input {
|
||||
position: absolute;
|
||||
left: -999em;
|
||||
}
|
||||
.md-switch .md-switch-container .md-ink-ripple {
|
||||
top: -16px;
|
||||
right: -16px;
|
||||
bottom: -16px;
|
||||
left: -16px;
|
||||
border-radius: 50%;
|
||||
color: rgba(0, 0, 0, 0.54);
|
||||
}
|
||||
.md-switch .md-switch-container .md-ink-ripple .md-ripple {
|
||||
width: 48px !important;
|
||||
height: 48px !important;
|
||||
top: 0 !important;
|
||||
right: 0 !important;
|
||||
bottom: 0 !important;
|
||||
left: 0 !important;
|
||||
}
|
||||
.md-switch .md-switch-container .md-switch-holder {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
z-index: 2;
|
||||
background: none;
|
||||
border: none;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
.md-switch .md-switch-container .md-switch-holder:focus {
|
||||
outline: none;
|
||||
}
|
||||
.md-switch .md-switch-label {
|
||||
height: 14px;
|
||||
padding-left: 8px;
|
||||
line-height: 14px;
|
||||
}
|
||||
.md-switch.md-dragging .md-switch-thumb {
|
||||
cursor: -webkit-grabbing;
|
||||
cursor: grabbing;
|
||||
}
|
||||
.md-switch.md-disabled .md-switch-thumb {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
324
dist/components/mdTable/index.css
vendored
324
dist/components/mdTable/index.css
vendored
File diff suppressed because one or more lines are too long
133
dist/components/mdTabs/index.css
vendored
133
dist/components/mdTabs/index.css
vendored
|
|
@ -1 +1,132 @@
|
|||
.md-tabs{width:100%;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;position:relative}.md-tabs.md-has-icon.md-has-label .md-tabs-navigation{min-height:72px}.md-tabs.md-has-icon.md-has-label .md-tabs-navigation .md-icon{margin-bottom:10px}.md-tabs.md-centered .md-tabs-navigation{-ms-flex-pack:center;justify-content:center}.md-tabs.md-right .md-tabs-navigation{-ms-flex-pack:end;justify-content:flex-end}.md-tabs.md-fixed .md-tab-header{-ms-flex:1;flex:1}.md-tabs .md-tabs-navigation{height:48px;min-height:48px;z-index:1;display:-ms-flexbox;display:flex}.md-tabs .md-tab-header,.md-tabs .md-tabs-navigation{position:relative;transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-tabs .md-tab-header{min-width:72px;max-width:264px;margin:0;padding:0 12px;display:inline-block;cursor:pointer;border:0;background:none;font-family:inherit;font-size:14px;font-weight:500;text-transform:uppercase}.md-tabs .md-tab-header.md-disabled{cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}.md-tabs .md-tab-header-container{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.md-tabs .md-tab-header-container .md-icon{margin:0}.md-tabs .md-tab-indicator{height:2px;position:absolute;bottom:0;left:0;transform:translate3D(0,0,0)}.md-tabs .md-tab-indicator.md-to-right{transition:all .4s cubic-bezier(.25,.8,.25,1),left .3s cubic-bezier(.35,0,.25,1),right .15s cubic-bezier(.35,0,.25,1)}.md-tabs .md-tab-indicator.md-to-left{transition:all .4s cubic-bezier(.25,.8,.25,1),right .3s cubic-bezier(.35,0,.25,1),left .15s cubic-bezier(.35,0,.25,1)}.md-tabs .md-transition-off{transition:none!important}.md-tabs .md-tabs-content{width:100%;height:0;position:relative;overflow:hidden;transition:height .4s cubic-bezier(.25,.8,.25,1)}.md-tabs .md-tabs-wrapper{width:9999em;position:absolute;top:0;right:0;bottom:0;left:0;transform:translateZ(0);transition:transform .4s cubic-bezier(.25,.8,.25,1)}.md-tabs .md-tab{padding:16px;position:absolute;top:0;left:0;right:0;pointer-events:none;transform:translate3d(0,-100%,0);transition:transform 0s .4s}.md-tabs .md-tab.md-active{transform:translateZ(0);pointer-events:auto;transition:none}.md-tabs.md-no-transition .md-tabs-content{transition:none!important}
|
||||
/* Common
|
||||
========================================================================== */
|
||||
/* Transitions - Based on Angular Material
|
||||
========================================================================== */
|
||||
/* Elevation - Based on Angular Material
|
||||
========================================================================== */
|
||||
.md-tabs {
|
||||
width: 100%;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-flow: column;
|
||||
flex-flow: column;
|
||||
position: relative;
|
||||
}
|
||||
.md-tabs.md-has-icon.md-has-label .md-tabs-navigation {
|
||||
min-height: 72px;
|
||||
}
|
||||
.md-tabs.md-has-icon.md-has-label .md-tabs-navigation .md-icon {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.md-tabs.md-centered .md-tabs-navigation {
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.md-tabs.md-right .md-tabs-navigation {
|
||||
-ms-flex-pack: end;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.md-tabs.md-fixed .md-tab-header {
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
}
|
||||
.md-tabs .md-tabs-navigation {
|
||||
height: 48px;
|
||||
min-height: 48px;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
}
|
||||
.md-tabs .md-tab-header {
|
||||
min-width: 72px;
|
||||
max-width: 264px;
|
||||
margin: 0;
|
||||
padding: 0 12px;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
border: 0;
|
||||
background: none;
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
font-family: inherit;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.md-tabs .md-tab-header.md-disabled {
|
||||
cursor: default;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
-webkit-user-drag: none;
|
||||
}
|
||||
.md-tabs .md-tab-header-container {
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-flow: column;
|
||||
flex-flow: column;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
}
|
||||
.md-tabs .md-tab-header-container .md-icon {
|
||||
margin: 0;
|
||||
}
|
||||
.md-tabs .md-tab-indicator {
|
||||
height: 2px;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
transform: translate3D(0, 0, 0);
|
||||
}
|
||||
.md-tabs .md-tab-indicator.md-to-right {
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), left 0.3s cubic-bezier(0.35, 0, 0.25, 1), right 0.15s cubic-bezier(0.35, 0, 0.25, 1);
|
||||
}
|
||||
.md-tabs .md-tab-indicator.md-to-left {
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), right 0.3s cubic-bezier(0.35, 0, 0.25, 1), left 0.15s cubic-bezier(0.35, 0, 0.25, 1);
|
||||
}
|
||||
.md-tabs .md-transition-off {
|
||||
transition: none !important;
|
||||
}
|
||||
.md-tabs .md-tabs-content {
|
||||
width: 100%;
|
||||
height: 0;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
transition: height 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
}
|
||||
.md-tabs .md-tabs-wrapper {
|
||||
width: 9999em;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
transform: translate3d(0, 0, 0);
|
||||
transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
}
|
||||
.md-tabs .md-tab {
|
||||
padding: 16px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
pointer-events: none;
|
||||
transform: translate3d(0, -100%, 0);
|
||||
transition: transform 0s 0.4s;
|
||||
}
|
||||
.md-tabs .md-tab.md-active {
|
||||
transform: translate3d(0, 0, 0);
|
||||
pointer-events: auto;
|
||||
transition: none;
|
||||
}
|
||||
.md-tabs.md-no-transition .md-tabs-content {
|
||||
transition: none !important;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
110
dist/components/mdToolbar/index.css
vendored
110
dist/components/mdToolbar/index.css
vendored
|
|
@ -1 +1,109 @@
|
|||
.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 .4s cubic-bezier(.25,.8,.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:hsla(0,0%,100%,.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:hsla(0,0%,100%,.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-list{padding:0;margin:0 -8px;-ms-flex:1;flex:1}
|
||||
/* Common
|
||||
========================================================================== */
|
||||
/* 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-list {
|
||||
padding: 0;
|
||||
margin: 0 -8px;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
68
dist/components/mdTooltip/index.css
vendored
68
dist/components/mdTooltip/index.css
vendored
|
|
@ -1 +1,67 @@
|
|||
.md-tooltip{height:20px;padding:0 8px;position:fixed;z-index:200;pointer-events:none;background-color:rgba(97,97,97,.87);border-radius:2px;opacity:0;transform-origin:center top;transition:all .4s cubic-bezier(.25,.8,.25,1);transition-duration:.3s;transition-delay:0s;color:#fff;font-family:Roboto,Lato,sans-serif;font-size:10px;line-height:20px;text-transform:none;white-space:nowrap}.md-tooltip.md-active{opacity:1;transition:all .3s cubic-bezier(.55,0,.55,.2);transition-duration:.3s}.md-tooltip:not(.md-active){transition-delay:0s!important}.md-tooltip.md-transition-off{transition:none!important}.md-tooltip.md-tooltip-top{margin-top:-14px;transform:translate(-50%,8px)}.md-tooltip.md-tooltip-top.md-active{transform:translate(-50%)}.md-tooltip.md-tooltip-right{margin-left:14px;transform:translate(-8px,50%)}.md-tooltip.md-tooltip-right.md-active{transform:translateY(50%)}.md-tooltip.md-tooltip-bottom{margin-top:14px;transform:translate(-50%,-8px)}.md-tooltip.md-tooltip-bottom.md-active{transform:translate(-50%)}.md-tooltip.md-tooltip-left{margin-left:-14px;transform:translate(8px,50%)}.md-tooltip.md-tooltip-left.md-active{transform:translateY(50%)}
|
||||
/* Common
|
||||
========================================================================== */
|
||||
/* Transitions - Based on Angular Material
|
||||
========================================================================== */
|
||||
/* Elevation - Based on Angular Material
|
||||
========================================================================== */
|
||||
.md-tooltip {
|
||||
height: 20px;
|
||||
padding: 0 8px;
|
||||
position: fixed;
|
||||
z-index: 200;
|
||||
pointer-events: none;
|
||||
background-color: rgba(97, 97, 97, 0.87);
|
||||
border-radius: 2px;
|
||||
opacity: 0;
|
||||
transform-origin: center top;
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
transition-duration: .3s;
|
||||
transition-delay: 0s;
|
||||
color: #fff;
|
||||
font-family: Roboto, Lato, sans-serif;
|
||||
font-size: 10px;
|
||||
line-height: 20px;
|
||||
text-transform: none;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.md-tooltip.md-active {
|
||||
opacity: 1;
|
||||
transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
|
||||
transition-duration: .3s;
|
||||
}
|
||||
.md-tooltip:not(.md-active) {
|
||||
transition-delay: 0s !important;
|
||||
}
|
||||
.md-tooltip.md-transition-off {
|
||||
transition: none !important;
|
||||
}
|
||||
.md-tooltip.md-tooltip-top {
|
||||
margin-top: -14px;
|
||||
transform: translate(-50%, 8px);
|
||||
}
|
||||
.md-tooltip.md-tooltip-top.md-active {
|
||||
transform: translate(-50%, 0);
|
||||
}
|
||||
.md-tooltip.md-tooltip-right {
|
||||
margin-left: 14px;
|
||||
transform: translate(-8px, 50%);
|
||||
}
|
||||
.md-tooltip.md-tooltip-right.md-active {
|
||||
transform: translate(0, 50%);
|
||||
}
|
||||
.md-tooltip.md-tooltip-bottom {
|
||||
margin-top: 14px;
|
||||
transform: translate(-50%, -8px);
|
||||
}
|
||||
.md-tooltip.md-tooltip-bottom.md-active {
|
||||
transform: translate(-50%, 0);
|
||||
}
|
||||
.md-tooltip.md-tooltip-left {
|
||||
margin-left: -14px;
|
||||
transform: translate(8px, 50%);
|
||||
}
|
||||
.md-tooltip.md-tooltip-left.md-active {
|
||||
transform: translate(0, 50%);
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
85
dist/components/mdWhiteframe/index.css
vendored
85
dist/components/mdWhiteframe/index.css
vendored
|
|
@ -1 +1,84 @@
|
|||
.md-whiteframe{position:relative;z-index:1}.md-whiteframe-1dp{box-shadow:0 1px 3px rgba(0,0,0,.2),0 1px 1px rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12)}.md-whiteframe-2dp{box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12)}.md-whiteframe-3dp{box-shadow:0 1px 8px rgba(0,0,0,.2),0 3px 4px rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.12)}.md-whiteframe-4dp{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px rgba(0,0,0,.14),0 1px 10px rgba(0,0,0,.12)}.md-whiteframe-5dp{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px rgba(0,0,0,.14),0 1px 14px rgba(0,0,0,.12)}.md-whiteframe-6dp{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px rgba(0,0,0,.14),0 1px 18px rgba(0,0,0,.12)}.md-whiteframe-7dp{box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)}.md-whiteframe-8dp{box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.md-whiteframe-9dp{box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)}.md-whiteframe-10dp{box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)}.md-whiteframe-11dp{box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)}.md-whiteframe-12dp{box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)}.md-whiteframe-13dp{box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)}.md-whiteframe-14dp{box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)}.md-whiteframe-15dp{box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)}.md-whiteframe-16dp{box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)}.md-whiteframe-17dp{box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)}.md-whiteframe-18dp{box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)}.md-whiteframe-19dp{box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)}.md-whiteframe-20dp{box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)}.md-whiteframe-21dp{box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)}.md-whiteframe-22dp{box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)}.md-whiteframe-23dp{box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)}.md-whiteframe-24dp{box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)}
|
||||
/* Common
|
||||
========================================================================== */
|
||||
/* Transitions - Based on Angular Material
|
||||
========================================================================== */
|
||||
/* Elevation - Based on Angular Material
|
||||
========================================================================== */
|
||||
.md-whiteframe {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
.md-whiteframe-1dp {
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.md-whiteframe-2dp {
|
||||
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.md-whiteframe-3dp {
|
||||
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2), 0 3px 4px rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.md-whiteframe-4dp {
|
||||
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px rgba(0, 0, 0, 0.14), 0 1px 10px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.md-whiteframe-5dp {
|
||||
box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px rgba(0, 0, 0, 0.14), 0 1px 14px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.md-whiteframe-6dp {
|
||||
box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.md-whiteframe-7dp {
|
||||
box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2), 0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.md-whiteframe-8dp {
|
||||
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.md-whiteframe-9dp {
|
||||
box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.2), 0 9px 12px 1px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.md-whiteframe-10dp {
|
||||
box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 4px 18px 3px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.md-whiteframe-11dp {
|
||||
box-shadow: 0 6px 7px -4px rgba(0, 0, 0, 0.2), 0 11px 15px 1px rgba(0, 0, 0, 0.14), 0 4px 20px 3px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.md-whiteframe-12dp {
|
||||
box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.md-whiteframe-13dp {
|
||||
box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.md-whiteframe-14dp {
|
||||
box-shadow: 0 7px 9px -4px rgba(0, 0, 0, 0.2), 0 14px 21px 2px rgba(0, 0, 0, 0.14), 0 5px 26px 4px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.md-whiteframe-15dp {
|
||||
box-shadow: 0 8px 9px -5px rgba(0, 0, 0, 0.2), 0 15px 22px 2px rgba(0, 0, 0, 0.14), 0 6px 28px 5px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.md-whiteframe-16dp {
|
||||
box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.md-whiteframe-17dp {
|
||||
box-shadow: 0 8px 11px -5px rgba(0, 0, 0, 0.2), 0 17px 26px 2px rgba(0, 0, 0, 0.14), 0 6px 32px 5px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.md-whiteframe-18dp {
|
||||
box-shadow: 0 9px 11px -5px rgba(0, 0, 0, 0.2), 0 18px 28px 2px rgba(0, 0, 0, 0.14), 0 7px 34px 6px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.md-whiteframe-19dp {
|
||||
box-shadow: 0 9px 12px -6px rgba(0, 0, 0, 0.2), 0 19px 29px 2px rgba(0, 0, 0, 0.14), 0 7px 36px 6px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.md-whiteframe-20dp {
|
||||
box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.md-whiteframe-21dp {
|
||||
box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 21px 33px 3px rgba(0, 0, 0, 0.14), 0 8px 40px 7px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.md-whiteframe-22dp {
|
||||
box-shadow: 0 10px 14px -6px rgba(0, 0, 0, 0.2), 0 22px 35px 3px rgba(0, 0, 0, 0.14), 0 8px 42px 7px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.md-whiteframe-23dp {
|
||||
box-shadow: 0 11px 14px -7px rgba(0, 0, 0, 0.2), 0 23px 36px 3px rgba(0, 0, 0, 0.14), 0 9px 44px 8px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.md-whiteframe-24dp {
|
||||
box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
32
dist/docs/docs.7b2c1030.js
vendored
Normal file
32
dist/docs/docs.7b2c1030.js
vendored
Normal file
File diff suppressed because one or more lines are too long
2
dist/docs/index.html
vendored
2
dist/docs/index.html
vendored
|
|
@ -1 +1 @@
|
|||
<!DOCTYPE html><html lang=en-us><meta charset=utf-8><meta http-equiv=cleartype content=on><meta name=viewport content="width=device-width,initial-scale=1,minimal-ui"><meta name=mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-status-bar-style content=black><meta name=apple-mobile-web-app-title content="Vue Material"><meta name=application-name content="Vue Material"><meta name=description content="Material Design for Vue"><meta name=msapplication-config content=assets/favicon/browserconfig.xml><meta name=theme-color content=#2196f3><link rel=apple-touch-icon sizes=180x180 href=assets/favicon/apple-touch-icon.png><link rel=icon type=image/png href=assets/favicon/favicon-32x32.png sizes=32x32><link rel=icon type=image/png href=assets/favicon/favicon-194x194.png sizes=194x194><link rel=icon type=image/png href=assets/favicon/android-chrome-192x192.png sizes=192x192><link rel=icon type=image/png href=assets/favicon/favicon-16x16.png sizes=16x16><link rel=manifest href=assets/favicon/manifest.json><link rel=mask-icon href=assets/favicon/safari-pinned-tab.svg color=#2196f3><link rel="shortcut icon" href=assets/favicon/favicon.ico><title>Vue Material</title><link rel=stylesheet href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic"><link rel=stylesheet href="//fonts.googleapis.com/icon?family=Material+Icons"><link href=docs.1bd76a12.css rel=stylesheet><div id=app v-cloak><docs></docs></div><script>!function(e,t,a,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=t.createElement(a),s=t.getElementsByTagName(a)[0],o.async=1,o.src=n,s.parentNode.insertBefore(o,s)}(window,document,"script","https://www.google-analytics.com/analytics.js","ga"),ga("create","UA-85823257-1","auto"),ga("send","pageview")</script><script src=manifest.d9f0ce05.js></script><script src=vendor.2044b105.js></script><script src=docs.123a8511.js></script>
|
||||
<!DOCTYPE html><html lang=en-us><meta charset=utf-8><meta http-equiv=cleartype content=on><meta name=viewport content="width=device-width,initial-scale=1,minimal-ui"><meta name=mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-status-bar-style content=black><meta name=apple-mobile-web-app-title content="Vue Material"><meta name=application-name content="Vue Material"><meta name=description content="Material Design for Vue"><meta name=msapplication-config content=assets/favicon/browserconfig.xml><meta name=theme-color content=#2196f3><link rel=apple-touch-icon sizes=180x180 href=assets/favicon/apple-touch-icon.png><link rel=icon type=image/png href=assets/favicon/favicon-32x32.png sizes=32x32><link rel=icon type=image/png href=assets/favicon/favicon-194x194.png sizes=194x194><link rel=icon type=image/png href=assets/favicon/android-chrome-192x192.png sizes=192x192><link rel=icon type=image/png href=assets/favicon/favicon-16x16.png sizes=16x16><link rel=manifest href=assets/favicon/manifest.json><link rel=mask-icon href=assets/favicon/safari-pinned-tab.svg color=#2196f3><link rel="shortcut icon" href=assets/favicon/favicon.ico><title>Vue Material</title><link rel=stylesheet href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic"><link rel=stylesheet href="//fonts.googleapis.com/icon?family=Material+Icons"><link href=docs.1bd76a12.css rel=stylesheet><div id=app v-cloak><docs></docs></div><script>!function(e,t,a,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=t.createElement(a),s=t.getElementsByTagName(a)[0],o.async=1,o.src=n,s.parentNode.insertBefore(o,s)}(window,document,"script","https://www.google-analytics.com/analytics.js","ga"),ga("create","UA-85823257-1","auto"),ga("send","pageview")</script><script src=manifest.e672feb1.js></script><script src=vendor.2044b105.js></script><script src=docs.7b2c1030.js></script>
|
||||
|
|
@ -1 +1 @@
|
|||
!function(e){function t(n){if(r[n])return r[n].exports;var a=r[n]={exports:{},id:n,loaded:!1};return e[n].call(a.exports,a,a.exports,t),a.loaded=!0,a.exports}var n=window.webpackJsonp;window.webpackJsonp=function(o,p){for(var l,c,s=0,i=[];s<o.length;s++)c=o[s],a[c]&&i.push.apply(i,a[c]),a[c]=0;for(l in p)e[l]=p[l];for(n&&n(o,p);i.length;)i.shift().call(null,t);if(p[0])return r[0]=0,t(0)};var r={},a={0:0,2:0};t.e=function(e,n){if(0===a[e])return n.call(null,t);if(void 0!==a[e])a[e].push(n);else{a[e]=[n];var r=document.getElementsByTagName("head")[0],o=document.createElement("script");o.type="text/javascript",o.charset="utf-8",o.async=!0,o.src=t.p+""+e+"."+{1:"bb32f733",2:"2044b105"}[e]+".js",r.appendChild(o)}},t.m=e,t.c=r,t.p=""}([]);
|
||||
!function(e){function t(n){if(r[n])return r[n].exports;var a=r[n]={exports:{},id:n,loaded:!1};return e[n].call(a.exports,a,a.exports,t),a.loaded=!0,a.exports}var n=window.webpackJsonp;window.webpackJsonp=function(o,p){for(var c,l,s=0,i=[];s<o.length;s++)l=o[s],a[l]&&i.push.apply(i,a[l]),a[l]=0;for(c in p)e[c]=p[c];for(n&&n(o,p);i.length;)i.shift().call(null,t);if(p[0])return r[0]=0,t(0)};var r={},a={0:0,2:0};t.e=function(e,n){if(0===a[e])return n.call(null,t);if(void 0!==a[e])a[e].push(n);else{a[e]=[n];var r=document.getElementsByTagName("head")[0],o=document.createElement("script");o.type="text/javascript",o.charset="utf-8",o.async=!0,o.src=t.p+""+e+"."+{1:"7b2c1030",2:"2044b105"}[e]+".js",r.appendChild(o)}},t.m=e,t.c=r,t.p=""}([]);
|
||||
BIN
dist/docs/v0.3.3/assets/avatar.jpg
vendored
Normal file
BIN
dist/docs/v0.3.3/assets/avatar.jpg
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.2 KiB |
BIN
dist/docs/v0.3.3/assets/logo-vue-material-cyan.png
vendored
Normal file
BIN
dist/docs/v0.3.3/assets/logo-vue-material-cyan.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.7 KiB After Width: | Height: | Size: 3.9 KiB |
|
Before Width: | Height: | Size: 3.9 KiB After Width: | Height: | Size: 3.9 KiB |
1
dist/docs/v0.3.3/docs.1bd76a12.css
vendored
Normal file
1
dist/docs/v0.3.3/docs.1bd76a12.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1
dist/docs/v0.3.3/docs.63f568a6.css
vendored
1
dist/docs/v0.3.3/docs.63f568a6.css
vendored
File diff suppressed because one or more lines are too long
28
dist/docs/v0.3.3/docs.bb32f733.js
vendored
28
dist/docs/v0.3.3/docs.bb32f733.js
vendored
File diff suppressed because one or more lines are too long
2
dist/docs/v0.3.3/index.html
vendored
2
dist/docs/v0.3.3/index.html
vendored
|
|
@ -1 +1 @@
|
|||
<!DOCTYPE html><html lang=en-us><meta charset=utf-8><meta http-equiv=cleartype content=on><meta name=viewport content="width=device-width,initial-scale=1,minimal-ui"><meta name=mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-status-bar-style content=black><meta name=apple-mobile-web-app-title content="Vue Material"><meta name=application-name content="Vue Material"><meta name=description content="Material Design for Vue"><meta name=msapplication-config content=assets/favicon/browserconfig.xml><meta name=theme-color content=#2196f3><link rel=apple-touch-icon sizes=180x180 href=assets/favicon/apple-touch-icon.png><link rel=icon type=image/png href=assets/favicon/favicon-32x32.png sizes=32x32><link rel=icon type=image/png href=assets/favicon/favicon-194x194.png sizes=194x194><link rel=icon type=image/png href=assets/favicon/android-chrome-192x192.png sizes=192x192><link rel=icon type=image/png href=assets/favicon/favicon-16x16.png sizes=16x16><link rel=manifest href=assets/favicon/manifest.json><link rel=mask-icon href=assets/favicon/safari-pinned-tab.svg color=#2196f3><link rel="shortcut icon" href=assets/favicon/favicon.ico><title>Vue Material</title><link rel=stylesheet href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic"><link rel=stylesheet href="//fonts.googleapis.com/icon?family=Material+Icons"><link href=docs.63f568a6.css rel=stylesheet><body class=md-scrollbar><div id=app v-cloak><docs></docs></div><script>!function(e,t,a,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=t.createElement(a),s=t.getElementsByTagName(a)[0],o.async=1,o.src=n,s.parentNode.insertBefore(o,s)}(window,document,"script","https://www.google-analytics.com/analytics.js","ga"),ga("create","UA-85823257-1","auto"),ga("send","pageview")</script><script src=manifest.90758caf.js></script><script src=vendor.2044b105.js></script><script src=docs.bb32f733.js></script>
|
||||
<!DOCTYPE html><html lang=en-us><meta charset=utf-8><meta http-equiv=cleartype content=on><meta name=viewport content="width=device-width,initial-scale=1,minimal-ui"><meta name=mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-status-bar-style content=black><meta name=apple-mobile-web-app-title content="Vue Material"><meta name=application-name content="Vue Material"><meta name=description content="Material Design for Vue"><meta name=msapplication-config content=assets/favicon/browserconfig.xml><meta name=theme-color content=#2196f3><link rel=apple-touch-icon sizes=180x180 href=assets/favicon/apple-touch-icon.png><link rel=icon type=image/png href=assets/favicon/favicon-32x32.png sizes=32x32><link rel=icon type=image/png href=assets/favicon/favicon-194x194.png sizes=194x194><link rel=icon type=image/png href=assets/favicon/android-chrome-192x192.png sizes=192x192><link rel=icon type=image/png href=assets/favicon/favicon-16x16.png sizes=16x16><link rel=manifest href=assets/favicon/manifest.json><link rel=mask-icon href=assets/favicon/safari-pinned-tab.svg color=#2196f3><link rel="shortcut icon" href=assets/favicon/favicon.ico><title>Vue Material</title><link rel=stylesheet href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic"><link rel=stylesheet href="//fonts.googleapis.com/icon?family=Material+Icons"><link href=docs.1bd76a12.css rel=stylesheet><div id=app v-cloak><docs></docs></div><script>!function(e,t,a,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=t.createElement(a),s=t.getElementsByTagName(a)[0],o.async=1,o.src=n,s.parentNode.insertBefore(o,s)}(window,document,"script","https://www.google-analytics.com/analytics.js","ga"),ga("create","UA-85823257-1","auto"),ga("send","pageview")</script><script src=manifest.d9f0ce05.js></script><script src=vendor.2044b105.js></script><script src=docs.123a8511.js></script>
|
||||
2531
dist/vue-material.css
vendored
2531
dist/vue-material.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -95,12 +95,11 @@
|
|||
methods: {
|
||||
changeDocs() {
|
||||
const location = window.location;
|
||||
const redirect = location.origin + '/vue-material/';
|
||||
|
||||
if (this.currentDocs === this.latest) {
|
||||
window.location.href = redirect + location.hash;
|
||||
window.location.href = location.origin + '/' + location.hash;
|
||||
} else {
|
||||
window.location.href = redirect + 'v' + this.currentDocs + '/' + location.hash;
|
||||
window.location.href = location.origin + '/v' + this.currentDocs + '/' + location.hash;
|
||||
}
|
||||
},
|
||||
toggleSidenav() {
|
||||
|
|
|
|||
Loading…
Reference in a new issue