mirror of
https://github.com/Hopiu/vue-material.git
synced 2026-03-16 22:10:27 +00:00
[build] 0.6.3
This commit is contained in:
Marcos Moura
parent
834c5c3442
commit
cc4dfd609a
1071 changed files with 15671 additions and 240 deletions
78
dist/components/mdAvatar/index.css
vendored
78
dist/components/mdAvatar/index.css
vendored
|
|
@ -1,6 +1,72 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
.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 */
|
||||
/* Responsive Breakpoints */
|
||||
/* 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*/
|
||||
2
dist/components/mdAvatar/index.js
vendored
2
dist/components/mdAvatar/index.js
vendored
|
|
@ -1,5 +1,5 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Vue Material v0.6.3
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
|
|
|
|||
32
dist/components/mdBackdrop/index.css
vendored
32
dist/components/mdBackdrop/index.css
vendored
|
|
@ -1,6 +1,26 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
.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:rgba(0,0,0,.005)}
|
||||
/* Common */
|
||||
/* Responsive Breakpoints */
|
||||
/* 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: rgba(0, 0, 0, 0.005);
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
2
dist/components/mdBackdrop/index.js
vendored
2
dist/components/mdBackdrop/index.js
vendored
|
|
@ -1,5 +1,5 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Vue Material v0.6.3
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
|
|
|
|||
103
dist/components/mdBottomBar/index.css
vendored
103
dist/components/mdBottomBar/index.css
vendored
|
|
@ -1,6 +1,97 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
.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;text-decoration:none}.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-item[disabled]{opacity:.38}.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 .15s linear,opacity .15s linear}.md-bottom-bar-item .md-icon{transition:all .4s cubic-bezier(.25,.8,.25,1),color .15s linear}
|
||||
/* Common */
|
||||
/* Responsive Breakpoints */
|
||||
/* 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;
|
||||
text-decoration: none;
|
||||
}
|
||||
.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-item[disabled] {
|
||||
opacity: .38;
|
||||
}
|
||||
.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.15s linear, opacity 0.15s linear;
|
||||
}
|
||||
.md-bottom-bar-item .md-icon {
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), color 0.15s linear;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
2
dist/components/mdBottomBar/index.js
vendored
2
dist/components/mdBottomBar/index.js
vendored
|
|
@ -1,5 +1,5 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Vue Material v0.6.3
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
|
|
|
|||
202
dist/components/mdButton/index.css
vendored
202
dist/components/mdButton/index.css
vendored
|
|
@ -1,6 +1,196 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
.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 .4s cubic-bezier(.25,.8,.25,1);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;z-index:10}.md-button.md-fab.md-fab-top-center{position:absolute;top:16px;left:50%;z-index:10;transform:translateX(-50%)}.md-button.md-fab.md-fab-top-right{position:absolute;top:16px;right:16px;z-index:10}.md-button.md-fab.md-fab-bottom-left{position:absolute;bottom:16px;left:16px;z-index:10}.md-button.md-fab.md-fab-bottom-center{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);z-index:10}.md-button.md-fab.md-fab-bottom-right{position:absolute;right:16px;bottom:16px;z-index:10}.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 */
|
||||
/* Responsive Breakpoints */
|
||||
/* 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.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
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;
|
||||
z-index: 10;
|
||||
}
|
||||
.md-button.md-fab.md-fab-top-center {
|
||||
position: absolute;
|
||||
top: 16px;
|
||||
left: 50%;
|
||||
z-index: 10;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.md-button.md-fab.md-fab-top-right {
|
||||
position: absolute;
|
||||
top: 16px;
|
||||
right: 16px;
|
||||
z-index: 10;
|
||||
}
|
||||
.md-button.md-fab.md-fab-bottom-left {
|
||||
position: absolute;
|
||||
bottom: 16px;
|
||||
left: 16px;
|
||||
z-index: 10;
|
||||
}
|
||||
.md-button.md-fab.md-fab-bottom-center {
|
||||
position: absolute;
|
||||
bottom: 16px;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
z-index: 10;
|
||||
}
|
||||
.md-button.md-fab.md-fab-bottom-right {
|
||||
position: absolute;
|
||||
right: 16px;
|
||||
bottom: 16px;
|
||||
z-index: 10;
|
||||
}
|
||||
.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*/
|
||||
2
dist/components/mdButton/index.js
vendored
2
dist/components/mdButton/index.js
vendored
|
|
@ -1,5 +1,5 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Vue Material v0.6.3
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
|
|
|
|||
43
dist/components/mdButtonToggle/index.css
vendored
43
dist/components/mdButtonToggle/index.css
vendored
|
|
@ -1,6 +1,37 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
.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 */
|
||||
/* Responsive Breakpoints */
|
||||
/* 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*/
|
||||
2
dist/components/mdButtonToggle/index.js
vendored
2
dist/components/mdButtonToggle/index.js
vendored
|
|
@ -1,5 +1,5 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Vue Material v0.6.3
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
|
|
|
|||
307
dist/components/mdCard/index.css
vendored
307
dist/components/mdCard/index.css
vendored
File diff suppressed because one or more lines are too long
2
dist/components/mdCard/index.js
vendored
2
dist/components/mdCard/index.js
vendored
|
|
@ -1,5 +1,5 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Vue Material v0.6.3
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
|
|
|
|||
85
dist/components/mdCheckbox/index.css
vendored
85
dist/components/mdCheckbox/index.css
vendored
|
|
@ -1,6 +1,79 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
.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 */
|
||||
/* Responsive Breakpoints */
|
||||
/* 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*/
|
||||
2
dist/components/mdCheckbox/index.js
vendored
2
dist/components/mdCheckbox/index.js
vendored
|
|
@ -1,5 +1,5 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Vue Material v0.6.3
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
|
|
|
|||
80
dist/components/mdChips/index.css
vendored
80
dist/components/mdChips/index.css
vendored
|
|
@ -1,6 +1,74 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
.md-chip{height:32px;padding:8px 12px;display:inline-block;border-radius:32px;transition:all .4s cubic-bezier(.25,.8,.25,1);font-size:13px;line-height:16px;white-space:nowrap}.md-chip.md-deletable{position:relative;padding-right:32px}.md-chip:active,.md-chip:focus{outline:none}.md-chip:active:not(.md-disabled),.md-chip:focus:not(.md-disabled){cursor:pointer;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-chip.md-disabled .md-button{pointer-events:none;cursor:default}.md-chip .md-button.md-delete{width:24px;min-width:24px;height:24px;min-height:24px;margin:0;padding:0;position:absolute;top:4px;right:4px;border-radius:24px;transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-chip .md-button.md-delete .md-icon{width:20px;min-width:20px;height:20px;min-height:20px;margin:0;font-size:20px}.md-chip .md-button.md-delete .md-ink-ripple{border-radius:32px}.md-chip .md-button.md-delete .md-ripple{opacity:.54}.md-chips .md-chip{margin-right:8px;margin-bottom:4px}.md-chips .md-input-container{min-height:54px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.md-chips .md-input{width:128px;-ms-flex:1;flex:1}
|
||||
/* Common */
|
||||
/* Responsive Breakpoints */
|
||||
/* Transitions - Based on Angular Material */
|
||||
/* Elevation - Based on Angular Material */
|
||||
.md-chip {
|
||||
height: 32px;
|
||||
padding: 8px 12px;
|
||||
display: inline-block;
|
||||
border-radius: 32px;
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
font-size: 13px;
|
||||
line-height: 16px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.md-chip.md-deletable {
|
||||
position: relative;
|
||||
padding-right: 32px;
|
||||
}
|
||||
.md-chip:focus, .md-chip:active {
|
||||
outline: none;
|
||||
}
|
||||
.md-chip:focus:not(.md-disabled), .md-chip:active:not(.md-disabled) {
|
||||
cursor: pointer;
|
||||
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-chip.md-disabled .md-button {
|
||||
pointer-events: none;
|
||||
cursor: default;
|
||||
}
|
||||
.md-chip .md-button.md-delete {
|
||||
width: 24px;
|
||||
min-width: 24px;
|
||||
height: 24px;
|
||||
min-height: 24px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
right: 4px;
|
||||
border-radius: 24px;
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
}
|
||||
.md-chip .md-button.md-delete .md-icon {
|
||||
width: 20px;
|
||||
min-width: 20px;
|
||||
height: 20px;
|
||||
min-height: 20px;
|
||||
margin: 0;
|
||||
font-size: 20px;
|
||||
}
|
||||
.md-chip .md-button.md-delete .md-ink-ripple {
|
||||
border-radius: 32px;
|
||||
}
|
||||
.md-chip .md-button.md-delete .md-ripple {
|
||||
opacity: .54;
|
||||
}
|
||||
.md-chips .md-chip {
|
||||
margin-right: 8px;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
.md-chips .md-input-container {
|
||||
min-height: 54px;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.md-chips .md-input {
|
||||
width: 128px;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
2
dist/components/mdChips/index.js
vendored
2
dist/components/mdChips/index.js
vendored
|
|
@ -1,5 +1,5 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Vue Material v0.6.3
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
|
|
|
|||
45
dist/components/mdCore/index.css
vendored
45
dist/components/mdCore/index.css
vendored
|
|
@ -1,6 +1,39 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
.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);transition:all .3s cubic-bezier(.55,0,.55,.2)}.md-ripple{position:absolute;background-color:currentColor;border-radius:50%;opacity:.2;transform:scale(0) translateZ(0);transition:none;will-change:background-color,opacity,transform,width,height,top,left}.md-ripple.md-active{animation:ripple 1s cubic-bezier(.25,.8,.25,1) forwards}.md-ripple.md-active.md-fadeout{opacity:0!important;transition:all .4s cubic-bezier(.25,.8,.25,1);transition-duration:.6s}@keyframes ripple{to{transform:scale(2.2) translateZ(0)}}
|
||||
/* Common */
|
||||
/* Responsive Breakpoints */
|
||||
/* 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%);
|
||||
transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
|
||||
}
|
||||
.md-ripple {
|
||||
position: absolute;
|
||||
background-color: currentColor;
|
||||
border-radius: 50%;
|
||||
opacity: .2;
|
||||
transform: scale(0) translateZ(0);
|
||||
transition: none;
|
||||
will-change: background-color, opacity, transform, width, height, top, left;
|
||||
}
|
||||
.md-ripple.md-active {
|
||||
animation: ripple 1s cubic-bezier(0.25, 0.8, 0.25, 1) forwards;
|
||||
}
|
||||
.md-ripple.md-active.md-fadeout {
|
||||
opacity: 0 !important;
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
transition-duration: .6s;
|
||||
}
|
||||
@keyframes ripple {
|
||||
to {
|
||||
transform: scale(2.2) translateZ(0);
|
||||
}
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
2
dist/components/mdCore/index.js
vendored
2
dist/components/mdCore/index.js
vendored
|
|
@ -1,5 +1,5 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Vue Material v0.6.3
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
|
|
|
|||
128
dist/components/mdDialog/index.css
vendored
128
dist/components/mdDialog/index.css
vendored
|
|
@ -1,6 +1,122 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
.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%;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;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;-ms-flex:1;flex:1;-ms-flex-preferred-size:auto;flex-basis:auto;overflow:auto;position:relative;background:linear-gradient(180deg,#fff 0,#fff 1px,transparent 0),linear-gradient(0deg,#fff 0,#fff 3px,transparent 0),linear-gradient(180deg,rgba(0,0,0,.12) 0,rgba(0,0,0,.12) 1px,transparent 0),linear-gradient(0deg,rgba(0,0,0,.2) 1px,rgba(0,0,0,.2) 2px,transparent 0);background-attachment:local,local,scroll,scroll}.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-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;position:relative}.md-dialog-actions:before{height:1px;position:absolute;top:-1px;right:0;left:0;background-color:#fff;content:" "}.md-dialog-actions .md-button{min-width:64px;margin:0;padding:0 8px}.md-dialog-actions .md-button+.md-button{margin-left:8px}
|
||||
/* Common */
|
||||
/* Responsive Breakpoints */
|
||||
/* 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%;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-flow: column;
|
||||
flex-flow: column;
|
||||
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;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
-ms-flex-preferred-size: auto;
|
||||
flex-basis: auto;
|
||||
overflow: auto;
|
||||
position: relative;
|
||||
background: linear-gradient(to bottom, #fff 0, #fff 1px, transparent 1px), linear-gradient(to top, #fff 0, #fff 3px, transparent 3px), linear-gradient(to bottom, rgba(0, 0, 0, 0.12) 0, rgba(0, 0, 0, 0.12) 1px, transparent 1px), linear-gradient(to top, rgba(0, 0, 0, 0.2) 1px, rgba(0, 0, 0, 0.2) 2px, transparent 2px);
|
||||
background-attachment: local, local, scroll, scroll;
|
||||
}
|
||||
.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-align: center;
|
||||
align-items: center;
|
||||
-ms-flex-pack: end;
|
||||
justify-content: flex-end;
|
||||
position: relative;
|
||||
}
|
||||
.md-dialog-actions:before {
|
||||
height: 1px;
|
||||
position: absolute;
|
||||
top: -1px;
|
||||
right: 0;
|
||||
left: 0;
|
||||
background-color: #fff;
|
||||
content: " ";
|
||||
}
|
||||
.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*/
|
||||
2
dist/components/mdDialog/index.js
vendored
2
dist/components/mdDialog/index.js
vendored
|
|
@ -1,5 +1,5 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Vue Material v0.6.3
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
|
|
|
|||
23
dist/components/mdDivider/index.css
vendored
23
dist/components/mdDivider/index.css
vendored
|
|
@ -1,6 +1,17 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
.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 */
|
||||
/* Responsive Breakpoints */
|
||||
/* 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*/
|
||||
2
dist/components/mdDivider/index.js
vendored
2
dist/components/mdDivider/index.js
vendored
|
|
@ -1,5 +1,5 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Vue Material v0.6.3
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
|
|
|
|||
31
dist/components/mdFile/index.css
vendored
31
dist/components/mdFile/index.css
vendored
|
|
@ -1,6 +1,25 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
.md-file{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}.md-file input[type=file]{width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute;clip:rect(0 0 0 0);border:0}.md-file .md-icon{cursor:pointer}
|
||||
/* Common */
|
||||
/* Responsive Breakpoints */
|
||||
/* Transitions - Based on Angular Material */
|
||||
/* Elevation - Based on Angular Material */
|
||||
.md-file {
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
}
|
||||
.md-file input[type="file"] {
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
clip: rect(0 0 0 0);
|
||||
border: 0;
|
||||
}
|
||||
.md-file .md-icon {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
2
dist/components/mdFile/index.js
vendored
2
dist/components/mdFile/index.js
vendored
|
|
@ -1,5 +1,5 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Vue Material v0.6.3
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
|
|
|
|||
66
dist/components/mdIcon/index.css
vendored
66
dist/components/mdIcon/index.css
vendored
|
|
@ -1,6 +1,60 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
.md-icon{width:24px;min-width:24px;height:24px;min-height:24px;font-size:24px;margin:auto;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;fill:currentColor;text-rendering:optimizeLegibility;vertical-align:middle}.md-icon.md-size-2x{width:48px;min-width:48px;height:48px;min-height:48px;font-size:48px}.md-icon.md-size-3x{width:72px;min-width:72px;height:72px;min-height:72px;font-size:72px}.md-icon.md-size-4x{width:96px;min-width:96px;height:96px;min-height:96px;font-size:96px}.md-icon.md-size-5x{width:120px;min-width:120px;height:120px;min-height:120px;font-size:120px}.md-icon svg{width:100%;height:100%}img.md-icon{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}
|
||||
/* Common */
|
||||
/* Responsive Breakpoints */
|
||||
/* Transitions - Based on Angular Material */
|
||||
/* Elevation - Based on Angular Material */
|
||||
.md-icon {
|
||||
width: 24px;
|
||||
min-width: 24px;
|
||||
height: 24px;
|
||||
min-height: 24px;
|
||||
font-size: 24px;
|
||||
margin: auto;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
fill: currentColor;
|
||||
text-rendering: optimizeLegibility;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.md-icon.md-size-2x {
|
||||
width: 48px;
|
||||
min-width: 48px;
|
||||
height: 48px;
|
||||
min-height: 48px;
|
||||
font-size: 48px;
|
||||
}
|
||||
.md-icon.md-size-3x {
|
||||
width: 72px;
|
||||
min-width: 72px;
|
||||
height: 72px;
|
||||
min-height: 72px;
|
||||
font-size: 72px;
|
||||
}
|
||||
.md-icon.md-size-4x {
|
||||
width: 96px;
|
||||
min-width: 96px;
|
||||
height: 96px;
|
||||
min-height: 96px;
|
||||
font-size: 96px;
|
||||
}
|
||||
.md-icon.md-size-5x {
|
||||
width: 120px;
|
||||
min-width: 120px;
|
||||
height: 120px;
|
||||
min-height: 120px;
|
||||
font-size: 120px;
|
||||
}
|
||||
.md-icon svg {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
img.md-icon {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
-webkit-user-drag: none;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
2
dist/components/mdIcon/index.js
vendored
2
dist/components/mdIcon/index.js
vendored
|
|
@ -1,5 +1,5 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Vue Material v0.6.3
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
|
|
|
|||
24
dist/components/mdImage/index.css
vendored
24
dist/components/mdImage/index.css
vendored
|
|
@ -1,6 +1,18 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
.md-image{opacity:0;filter:saturate(20%)}.md-image.md-black-output{filter:brightness(.4) saturate(20%)}.md-image.md-loaded{opacity:1;filter:saturate(100%);transition:opacity 1.1s cubic-bezier(.25,.8,.25,1),filter 2.2s cubic-bezier(.25,.8,.25,1) .3s}
|
||||
/* Common */
|
||||
/* Responsive Breakpoints */
|
||||
/* Transitions - Based on Angular Material */
|
||||
/* Elevation - Based on Angular Material */
|
||||
.md-image {
|
||||
opacity: 0;
|
||||
filter: saturate(20%);
|
||||
}
|
||||
.md-image.md-black-output {
|
||||
filter: brightness(0.4) saturate(20%);
|
||||
}
|
||||
.md-image.md-loaded {
|
||||
opacity: 1;
|
||||
filter: saturate(100%);
|
||||
transition: opacity 1.1s cubic-bezier(0.25, 0.8, 0.25, 1), filter 2.2s 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
2
dist/components/mdImage/index.js
vendored
2
dist/components/mdImage/index.js
vendored
|
|
@ -1,5 +1,5 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Vue Material v0.6.3
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
|
|
|
|||
199
dist/components/mdInputContainer/index.css
vendored
199
dist/components/mdInputContainer/index.css
vendored
|
|
@ -1,6 +1,193 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
.md-input-container{width:100%;min-height:48px;margin:4px 0 24px;padding-top:16px;display:-ms-flexbox;display:flex;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;-ms-flex:1;flex:1;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 input~.md-icon:not(.md-icon-delete),.md-input-container textarea~.md-icon:not(.md-icon-delete){margin-left:12px}.md-input-container input~.md-icon:not(.md-icon-delete):after,.md-input-container textarea~.md-icon:not(.md-icon-delete):after{right:0;left:auto}.md-input-container textarea{min-height:32px;max-height:230px;padding:5px 0;resize:none;line-height:1.3em}.md-input-container .md-count,.md-input-container .md-error{height:20px;position:absolute;top:50px;font-size:12px}.md-input-container .md-error{display:block!important;opacity:0;transform:translate3d(0,-8px,0);transition:all .3s cubic-bezier(.55,0,.55,.2)}.md-input-container .md-count{right:0}.md-input-container .md-icon:not(.md-icon-delete){margin:4px auto;color:rgba(0,0,0,.54);transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-input-container .md-icon:not(.md-icon-delete):after{width:36px;height:2px;position:absolute;left:0;bottom:0;z-index:2;content:""}.md-input-container .md-icon:not(.md-icon-delete)~label{left:36px}.md-input-container .md-icon:not(.md-icon-delete)~.md-file,.md-input-container .md-icon:not(.md-icon-delete)~.md-input,.md-input-container .md-icon:not(.md-icon-delete)~.md-textarea{margin-left: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:not(.md-disabled):after{color:rgba(0,0,0,.87)}
|
||||
/* Common */
|
||||
/* Responsive Breakpoints */
|
||||
/* Transitions - Based on Angular Material */
|
||||
/* Elevation - Based on Angular Material */
|
||||
.md-input-container {
|
||||
width: 100%;
|
||||
min-height: 48px;
|
||||
margin: 4px 0 24px;
|
||||
padding-top: 16px;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
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;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
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 input ~ .md-icon:not(.md-icon-delete),
|
||||
.md-input-container textarea ~ .md-icon:not(.md-icon-delete) {
|
||||
margin-left: 12px;
|
||||
}
|
||||
.md-input-container input ~ .md-icon:not(.md-icon-delete):after,
|
||||
.md-input-container textarea ~ .md-icon:not(.md-icon-delete):after {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
.md-input-container textarea {
|
||||
min-height: 32px;
|
||||
max-height: 230px;
|
||||
padding: 5px 0;
|
||||
resize: none;
|
||||
line-height: 1.3em;
|
||||
}
|
||||
.md-input-container .md-error,
|
||||
.md-input-container .md-count {
|
||||
height: 20px;
|
||||
position: absolute;
|
||||
top: 50px;
|
||||
font-size: 12px;
|
||||
}
|
||||
.md-input-container .md-error {
|
||||
display: block !important;
|
||||
opacity: 0;
|
||||
transform: translate3d(0, -8px, 0);
|
||||
transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
|
||||
}
|
||||
.md-input-container .md-count {
|
||||
right: 0;
|
||||
}
|
||||
.md-input-container .md-icon:not(.md-icon-delete) {
|
||||
margin: 4px auto;
|
||||
color: rgba(0, 0, 0, 0.54);
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
}
|
||||
.md-input-container .md-icon:not(.md-icon-delete):after {
|
||||
width: 36px;
|
||||
height: 2px;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
z-index: 2;
|
||||
content: "";
|
||||
}
|
||||
.md-input-container .md-icon:not(.md-icon-delete) ~ label {
|
||||
left: 36px;
|
||||
}
|
||||
.md-input-container .md-icon:not(.md-icon-delete) ~ .md-input,
|
||||
.md-input-container .md-icon:not(.md-icon-delete) ~ .md-textarea,
|
||||
.md-input-container .md-icon:not(.md-icon-delete) ~ .md-file {
|
||||
margin-left: 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:not(.md-disabled):after {
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
2
dist/components/mdInputContainer/index.js
vendored
2
dist/components/mdInputContainer/index.js
vendored
|
|
@ -1,5 +1,5 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Vue Material v0.6.3
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
|
|
|
|||
1365
dist/components/mdLayout/index.css
vendored
1365
dist/components/mdLayout/index.css
vendored
File diff suppressed because one or more lines are too long
2
dist/components/mdLayout/index.js
vendored
2
dist/components/mdLayout/index.js
vendored
|
|
@ -1,5 +1,5 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Vue Material v0.6.3
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
|
|
|
|||
255
dist/components/mdList/index.css
vendored
255
dist/components/mdList/index.css
vendored
|
|
@ -1,6 +1,249 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
.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>:first-child,.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>:first-child,.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 .md-ink-ripple{border-radius:0}.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!important}.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>:first-child{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 */
|
||||
/* Responsive Breakpoints */
|
||||
/* 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 .md-ink-ripple {
|
||||
border-radius: 0;
|
||||
}
|
||||
.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 !important;
|
||||
}
|
||||
.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*/
|
||||
2
dist/components/mdList/index.js
vendored
2
dist/components/mdList/index.js
vendored
|
|
@ -1,5 +1,5 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Vue Material v0.6.3
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
|
|
|
|||
114
dist/components/mdMenu/index.css
vendored
114
dist/components/mdMenu/index.css
vendored
|
|
@ -1,6 +1,108 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
.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:absolute;z-index:120;transform:scale(.9,.85) translateZ(0);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;transition:width .4s cubic-bezier(.25,.8,.25,1),opacity .25s cubic-bezier(.55,0,.55,.2),margin .2s cubic-bezier(.55,0,.55,.2),transform 0s cubic-bezier(.55,0,.55,.2) .25s;will-change:transform,opacity,width}.md-menu-content.md-direction-bottom-right{margin-top:-20px;margin-left:-8px;transform-origin:top left}.md-menu-content.md-direction-bottom-right.md-active{margin-top:-11px}.md-menu-content.md-direction-bottom-left{margin-top:-20px;margin-left:8px;transform-origin:top right}.md-menu-content.md-direction-bottom-left.md-active{margin-top:-11px}.md-menu-content.md-direction-top-right{margin-top:20px;margin-left:-8px;transform-origin:bottom left}.md-menu-content.md-direction-top-right.md-active{margin-top:11px}.md-menu-content.md-direction-top-left{margin-top:20px;margin-left:8px;transform-origin:bottom right}.md-menu-content.md-direction-top-left.md-active{margin-top:11px}.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;transform:scale(1) translateZ(0);transition:width .4s cubic-bezier(.25,.8,.25,1),opacity .35s cubic-bezier(.25,.8,.25,1),transform .25s cubic-bezier(.25,.8,.25,1) .05s}.md-menu-content.md-active .md-list{opacity:1;transition:opacity .2s cubic-bezier(.25,.8,.25,1) .15s}.md-menu-content .md-list{opacity:0;transition:opacity .2s cubic-bezier(.25,.8,.25,1)}.md-menu-item{cursor:pointer;font-size:16px;line-height:1.2em}.md-menu-item[disabled]{cursor:default}.md-menu-item .md-list-item-holder{overflow:hidden;text-overflow:ellipsis}
|
||||
/* Common */
|
||||
/* Responsive Breakpoints */
|
||||
/* 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: absolute;
|
||||
z-index: 120;
|
||||
transform: scale(0.9, 0.85) translateZ(0);
|
||||
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;
|
||||
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), margin 0.2s cubic-bezier(0.55, 0, 0.55, 0.2), transform 0s 0.25s cubic-bezier(0.55, 0, 0.55, 0.2);
|
||||
will-change: transform, opacity, width;
|
||||
}
|
||||
.md-menu-content.md-direction-bottom-right {
|
||||
margin-top: -20px;
|
||||
margin-left: -8px;
|
||||
transform-origin: top left;
|
||||
}
|
||||
.md-menu-content.md-direction-bottom-right.md-active {
|
||||
margin-top: -11px;
|
||||
}
|
||||
.md-menu-content.md-direction-bottom-left {
|
||||
margin-top: -20px;
|
||||
margin-left: 8px;
|
||||
transform-origin: top right;
|
||||
}
|
||||
.md-menu-content.md-direction-bottom-left.md-active {
|
||||
margin-top: -11px;
|
||||
}
|
||||
.md-menu-content.md-direction-top-right {
|
||||
margin-top: 20px;
|
||||
margin-left: -8px;
|
||||
transform-origin: bottom left;
|
||||
}
|
||||
.md-menu-content.md-direction-top-right.md-active {
|
||||
margin-top: 11px;
|
||||
}
|
||||
.md-menu-content.md-direction-top-left {
|
||||
margin-top: 20px;
|
||||
margin-left: 8px;
|
||||
transform-origin: bottom right;
|
||||
}
|
||||
.md-menu-content.md-direction-top-left.md-active {
|
||||
margin-top: 11px;
|
||||
}
|
||||
.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;
|
||||
transform: scale(1) translateZ(0);
|
||||
transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.35s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.25s 0.05s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
}
|
||||
.md-menu-content.md-active .md-list {
|
||||
opacity: 1;
|
||||
transition: opacity 0.2s 0.15s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
}
|
||||
.md-menu-content .md-list {
|
||||
opacity: 0;
|
||||
transition: opacity 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
}
|
||||
.md-menu-item {
|
||||
cursor: pointer;
|
||||
font-size: 16px;
|
||||
line-height: 1.2em;
|
||||
}
|
||||
.md-menu-item[disabled] {
|
||||
cursor: default;
|
||||
}
|
||||
.md-menu-item .md-list-item-holder {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
2
dist/components/mdMenu/index.js
vendored
2
dist/components/mdMenu/index.js
vendored
|
|
@ -1,5 +1,5 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Vue Material v0.6.3
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
|
|
|
|||
79
dist/components/mdProgress/index.css
vendored
79
dist/components/mdProgress/index.css
vendored
|
|
@ -1,6 +1,73 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
.md-progress{width:100%;height:4px;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-progress.md-indeterminate .md-progress-track{right:0}.md-progress.md-indeterminate .md-progress-track:after,.md-progress.md-indeterminate .md-progress-track:before{position:absolute;top:0;bottom:0;left:0;will-change:left,right;content:""}.md-progress.md-indeterminate .md-progress-track:before{animation:progress-indeterminate 2.3s cubic-bezier(.65,.815,.735,.395) infinite}.md-progress.md-indeterminate .md-progress-track:after{animation:progress-indeterminate-short 2.3s cubic-bezier(.165,.84,.44,1) infinite;animation-delay:1.15s}.md-progress.md-progress-enter,.md-progress.md-progress-leave-active{opacity:0;transform:scaleY(0) translateZ(0)}.md-progress.md-progress-enter-active{transform:scaleY(1) translateZ(0)}.md-progress-track{position:absolute;top:0;bottom:0;left:0;transition:all .4s cubic-bezier(.25,.8,.25,1)}@keyframes progress-indeterminate{0%{right:100%;left:-35%}60%{right:-100%;left:100%}to{right:-100%;left:100%}}@keyframes progress-indeterminate-short{0%{right:100%;left:-200%}60%{right:-8%;left:107%}to{right:-8%;left:107%}}
|
||||
/* Common */
|
||||
/* Responsive Breakpoints */
|
||||
/* Transitions - Based on Angular Material */
|
||||
/* Elevation - Based on Angular Material */
|
||||
.md-progress {
|
||||
width: 100%;
|
||||
height: 4px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
}
|
||||
.md-progress.md-indeterminate .md-progress-track {
|
||||
right: 0;
|
||||
}
|
||||
.md-progress.md-indeterminate .md-progress-track:before, .md-progress.md-indeterminate .md-progress-track:after {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
will-change: left, right;
|
||||
content: '';
|
||||
}
|
||||
.md-progress.md-indeterminate .md-progress-track:before {
|
||||
animation: progress-indeterminate 2.3s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
|
||||
}
|
||||
.md-progress.md-indeterminate .md-progress-track:after {
|
||||
animation: progress-indeterminate-short 2.3s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
|
||||
animation-delay: 1.15s;
|
||||
}
|
||||
.md-progress.md-progress-enter, .md-progress.md-progress-leave-active {
|
||||
opacity: 0;
|
||||
transform: scaleY(0) translateZ(0);
|
||||
}
|
||||
.md-progress.md-progress-enter-active {
|
||||
transform: scaleY(1) translateZ(0);
|
||||
}
|
||||
.md-progress-track {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
}
|
||||
@keyframes progress-indeterminate {
|
||||
0% {
|
||||
right: 100%;
|
||||
left: -35%;
|
||||
}
|
||||
60% {
|
||||
right: -100%;
|
||||
left: 100%;
|
||||
}
|
||||
100% {
|
||||
right: -100%;
|
||||
left: 100%;
|
||||
}
|
||||
}
|
||||
@keyframes progress-indeterminate-short {
|
||||
0% {
|
||||
right: 100%;
|
||||
left: -200%;
|
||||
}
|
||||
60% {
|
||||
right: -8%;
|
||||
left: 107%;
|
||||
}
|
||||
100% {
|
||||
right: -8%;
|
||||
left: 107%;
|
||||
}
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
2
dist/components/mdProgress/index.js
vendored
2
dist/components/mdProgress/index.js
vendored
|
|
@ -1,5 +1,5 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Vue Material v0.6.3
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
|
|
|
|||
69
dist/components/mdRadio/index.css
vendored
69
dist/components/mdRadio/index.css
vendored
|
|
@ -1,6 +1,63 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
.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 */
|
||||
/* Responsive Breakpoints */
|
||||
/* 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*/
|
||||
2
dist/components/mdRadio/index.js
vendored
2
dist/components/mdRadio/index.js
vendored
|
|
@ -1,5 +1,5 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Vue Material v0.6.3
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
|
|
|
|||
105
dist/components/mdSelect/index.css
vendored
105
dist/components/mdSelect/index.css
vendored
|
|
@ -1,6 +1,99 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
.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 .15s linear;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.md-disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-drag:none}.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-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 */
|
||||
/* Responsive Breakpoints */
|
||||
/* 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.15s linear;
|
||||
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.md-disabled {
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
user-drag: none;
|
||||
}
|
||||
.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-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*/
|
||||
2
dist/components/mdSelect/index.js
vendored
2
dist/components/mdSelect/index.js
vendored
|
|
@ -1,5 +1,5 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Vue Material v0.6.3
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
|
|
|
|||
60
dist/components/mdSidenav/index.css
vendored
60
dist/components/mdSidenav/index.css
vendored
|
|
@ -1,6 +1,54 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
.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 */
|
||||
/* Responsive Breakpoints */
|
||||
/* 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*/
|
||||
2
dist/components/mdSidenav/index.js
vendored
2
dist/components/mdSidenav/index.js
vendored
|
|
@ -1,5 +1,5 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Vue Material v0.6.3
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
|
|
|
|||
168
dist/components/mdSnackbar/index.css
vendored
168
dist/components/mdSnackbar/index.css
vendored
|
|
@ -1,6 +1,162 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
.md-snackbar{display:-ms-flexbox;display:flex;position:fixed;right:0;left:0;z-index:120;transition:all .4s cubic-bezier(.25,.8,.25,1);transition-property:margin-top,margin-bottom}.md-snackbar.md-position-bottom-center,.md-snackbar.md-position-top-center{-ms-flex-pack:center;justify-content:center}.md-snackbar.md-position-bottom-right,.md-snackbar.md-position-top-right{margin-right:24px;-ms-flex-pack:end;justify-content:flex-end}.md-snackbar.md-position-bottom-left,.md-snackbar.md-position-top-left{margin-left:24px;-ms-flex-pack:start;justify-content:flex-start}.md-snackbar.md-position-top-center,.md-snackbar.md-position-top-left,.md-snackbar.md-position-top-right{margin-top:24px}.md-snackbar.md-position-bottom-left,.md-snackbar.md-position-bottom-right{margin-bottom:24px}.md-snackbar.md-position-top-center,.md-snackbar.md-position-top-left,.md-snackbar.md-position-top-right{top:0}.md-snackbar.md-position-top-center .md-snackbar-container,.md-snackbar.md-position-top-left .md-snackbar-container,.md-snackbar.md-position-top-right .md-snackbar-container{transform:translate3D(0,calc(-100% - 24px),0)}.md-snackbar.md-position-bottom-center,.md-snackbar.md-position-bottom-left,.md-snackbar.md-position-bottom-right{bottom:0}.md-snackbar.md-position-bottom-center .md-snackbar-container,.md-snackbar.md-position-bottom-left .md-snackbar-container,.md-snackbar.md-position-bottom-right .md-snackbar-container{transform:translate3D(0,calc(100% + 24px),0)}.md-snackbar.md-active .md-snackbar-container{transform:translate3D(0,0,0)}.md-snackbar.md-active .md-snackbar-content{opacity:1;transition:opacity .4s cubic-bezier(.25,.8,.25,1) .1s}@media (max-width:600px){.md-snackbar{margin:0!important}}.md-snackbar .md-snackbar-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;opacity:0;transition:opacity .2s cubic-bezier(.25,.8,.25,1);will-change:opacity}.md-snackbar .md-button{min-width:64px;margin:-8px -16px}.md-snackbar .md-button:last-child{margin-left:48px}.md-snackbar-container{width:auto;min-width:288px;max-width:568px;min-height:48px;padding:14px 24px;overflow:hidden;border-radius:2px;background-color:#323232;transition:all .4s cubic-bezier(.25,.8,.25,1);color:#fff;font-size:14px}@media (max-width:600px){.md-snackbar-container{width:100%;max-width:100%;border-radius:0}}.md-has-toast-top-right .md-fab.md-fab-top-right{transform:translate3D(0,68px,0)}@media (max-width:600px){.md-has-toast-top-right .md-fab.md-fab-top-right{transform:translate3D(0,48px,0)}}.md-has-toast-top-center .md-fab.md-fab-top-center{transform:translate3D(-50%,68px,0)}@media (max-width:600px){.md-has-toast-top-center .md-fab.md-fab-top-center{transform:translate3D(-50%,48px,0)}}.md-has-toast-top-left .md-fab.md-fab-top-left{transform:translate3D(0,68px,0)}@media (max-width:600px){.md-has-toast-top-left .md-fab.md-fab-top-left{transform:translate3D(0,48px,0)}}.md-has-toast-bottom-right .md-fab.md-fab-bottom-right{transform:translate3D(0,-68px,0)}@media (max-width:600px){.md-has-toast-bottom-right .md-fab.md-fab-bottom-right{transform:translate3D(0,-48px,0)}}.md-has-toast-bottom-center .md-fab.md-fab-bottom-center{transform:translate3D(-50%,-68px,0)}@media (max-width:600px){.md-has-toast-bottom-center .md-fab.md-fab-bottom-center{transform:translate3D(-50%,-48px,0)}}.md-has-toast-bottom-left .md-fab.md-fab-bottom-left{transform:translate3D(0,-68px,0)}@media (max-width:600px){.md-has-toast-bottom-left .md-fab.md-fab-bottom-left{transform:translate3D(0,-48px,0)}}@media (max-width:600px){.md-has-toast .md-fab.md-fab-top-center,.md-has-toast .md-fab.md-fab-top-left,.md-has-toast .md-fab.md-fab-top-right{transform:translate3D(0,44px,0)}}@media (max-width:600px){.md-has-toast .md-fab.md-fab-bottom-center,.md-has-toast .md-fab.md-fab-bottom-left,.md-has-toast .md-fab.md-fab-bottom-right{transform:translate3D(0,-44px,0)}}
|
||||
/* Common */
|
||||
/* Responsive Breakpoints */
|
||||
/* Transitions - Based on Angular Material */
|
||||
/* Elevation - Based on Angular Material */
|
||||
/* Image aspect ratio calculator */
|
||||
/* Responsive breakpoints */
|
||||
.md-snackbar {
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
position: fixed;
|
||||
right: 0;
|
||||
left: 0;
|
||||
z-index: 120;
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
transition-property: margin-top, margin-bottom;
|
||||
}
|
||||
.md-snackbar.md-position-top-center, .md-snackbar.md-position-bottom-center {
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.md-snackbar.md-position-top-right, .md-snackbar.md-position-bottom-right {
|
||||
margin-right: 24px;
|
||||
-ms-flex-pack: end;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.md-snackbar.md-position-top-left, .md-snackbar.md-position-bottom-left {
|
||||
margin-left: 24px;
|
||||
-ms-flex-pack: start;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.md-snackbar.md-position-top-right, .md-snackbar.md-position-top-left, .md-snackbar.md-position-top-center {
|
||||
margin-top: 24px;
|
||||
}
|
||||
.md-snackbar.md-position-bottom-right, .md-snackbar.md-position-bottom-left {
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
.md-snackbar.md-position-top-center, .md-snackbar.md-position-top-right, .md-snackbar.md-position-top-left {
|
||||
top: 0;
|
||||
}
|
||||
.md-snackbar.md-position-top-center .md-snackbar-container, .md-snackbar.md-position-top-right .md-snackbar-container, .md-snackbar.md-position-top-left .md-snackbar-container {
|
||||
transform: translate3D(0, calc(-100% - 24px), 0);
|
||||
}
|
||||
.md-snackbar.md-position-bottom-center, .md-snackbar.md-position-bottom-right, .md-snackbar.md-position-bottom-left {
|
||||
bottom: 0;
|
||||
}
|
||||
.md-snackbar.md-position-bottom-center .md-snackbar-container, .md-snackbar.md-position-bottom-right .md-snackbar-container, .md-snackbar.md-position-bottom-left .md-snackbar-container {
|
||||
transform: translate3D(0, calc(100% + 24px), 0);
|
||||
}
|
||||
.md-snackbar.md-active .md-snackbar-container {
|
||||
transform: translate3D(0, 0, 0);
|
||||
}
|
||||
.md-snackbar.md-active .md-snackbar-content {
|
||||
opacity: 1;
|
||||
transition: opacity 0.4s 0.1s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.md-snackbar {
|
||||
margin: 0 !important;
|
||||
}
|
||||
}
|
||||
.md-snackbar .md-snackbar-content {
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
opacity: 0;
|
||||
transition: opacity 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
will-change: opacity;
|
||||
}
|
||||
.md-snackbar .md-button {
|
||||
min-width: 64px;
|
||||
margin: -8px -16px;
|
||||
}
|
||||
.md-snackbar .md-button:last-child {
|
||||
margin-left: 48px;
|
||||
}
|
||||
.md-snackbar-container {
|
||||
width: auto;
|
||||
min-width: 288px;
|
||||
max-width: 568px;
|
||||
min-height: 48px;
|
||||
padding: 14px 24px;
|
||||
overflow: hidden;
|
||||
border-radius: 2px;
|
||||
background-color: #323232;
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.md-snackbar-container {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
.md-has-toast-top-right .md-fab.md-fab-top-right {
|
||||
transform: translate3D(0, 68px, 0);
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.md-has-toast-top-right .md-fab.md-fab-top-right {
|
||||
transform: translate3D(0, 48px, 0);
|
||||
}
|
||||
}
|
||||
.md-has-toast-top-center .md-fab.md-fab-top-center {
|
||||
transform: translate3D(-50%, 68px, 0);
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.md-has-toast-top-center .md-fab.md-fab-top-center {
|
||||
transform: translate3D(-50%, 48px, 0);
|
||||
}
|
||||
}
|
||||
.md-has-toast-top-left .md-fab.md-fab-top-left {
|
||||
transform: translate3D(0, 68px, 0);
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.md-has-toast-top-left .md-fab.md-fab-top-left {
|
||||
transform: translate3D(0, 48px, 0);
|
||||
}
|
||||
}
|
||||
.md-has-toast-bottom-right .md-fab.md-fab-bottom-right {
|
||||
transform: translate3D(0, -68px, 0);
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.md-has-toast-bottom-right .md-fab.md-fab-bottom-right {
|
||||
transform: translate3D(0, -48px, 0);
|
||||
}
|
||||
}
|
||||
.md-has-toast-bottom-center .md-fab.md-fab-bottom-center {
|
||||
transform: translate3D(-50%, -68px, 0);
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.md-has-toast-bottom-center .md-fab.md-fab-bottom-center {
|
||||
transform: translate3D(-50%, -48px, 0);
|
||||
}
|
||||
}
|
||||
.md-has-toast-bottom-left .md-fab.md-fab-bottom-left {
|
||||
transform: translate3D(0, -68px, 0);
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.md-has-toast-bottom-left .md-fab.md-fab-bottom-left {
|
||||
transform: translate3D(0, -48px, 0);
|
||||
}
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.md-has-toast .md-fab.md-fab-top-right,
|
||||
.md-has-toast .md-fab.md-fab-top-center,
|
||||
.md-has-toast .md-fab.md-fab-top-left {
|
||||
transform: translate3D(0, 44px, 0);
|
||||
}
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.md-has-toast .md-fab.md-fab-bottom-right,
|
||||
.md-has-toast .md-fab.md-fab-bottom-center,
|
||||
.md-has-toast .md-fab.md-fab-bottom-left {
|
||||
transform: translate3D(0, -44px, 0);
|
||||
}
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
2
dist/components/mdSnackbar/index.debug.js
vendored
2
dist/components/mdSnackbar/index.debug.js
vendored
|
|
@ -6,7 +6,7 @@
|
|||
else if(typeof exports === 'object')
|
||||
exports["VueMaterial"] = factory(require("vue"));
|
||||
else
|
||||
root["VueMaterial"] = factory(root["vue"]);
|
||||
root["VueMaterial"] = factory(root["Vue"]);
|
||||
})(this, (function(__WEBPACK_EXTERNAL_MODULE_374__) {
|
||||
return /******/ (function(modules) { // webpackBootstrap
|
||||
/******/ // The module cache
|
||||
|
|
|
|||
4
dist/components/mdSnackbar/index.js
vendored
4
dist/components/mdSnackbar/index.js
vendored
File diff suppressed because one or more lines are too long
63
dist/components/mdSpeedDial/index.debug.js
vendored
Normal file
63
dist/components/mdSpeedDial/index.debug.js
vendored
Normal file
|
|
@ -0,0 +1,63 @@
|
|||
(function webpackUniversalModuleDefinition(root, factory) {
|
||||
if(typeof exports === 'object' && typeof module === 'object')
|
||||
module.exports = factory();
|
||||
else if(typeof define === 'function' && define.amd)
|
||||
define([], factory);
|
||||
else if(typeof exports === 'object')
|
||||
exports["VueMaterial"] = factory();
|
||||
else
|
||||
root["VueMaterial"] = factory();
|
||||
})(this, (function() {
|
||||
return /******/ (function(modules) { // webpackBootstrap
|
||||
/******/ // The module cache
|
||||
/******/ var installedModules = {};
|
||||
|
||||
/******/ // The require function
|
||||
/******/ function __webpack_require__(moduleId) {
|
||||
|
||||
/******/ // Check if module is in cache
|
||||
/******/ if(installedModules[moduleId])
|
||||
/******/ return installedModules[moduleId].exports;
|
||||
|
||||
/******/ // Create a new module (and put it into the cache)
|
||||
/******/ var module = installedModules[moduleId] = {
|
||||
/******/ exports: {},
|
||||
/******/ id: moduleId,
|
||||
/******/ loaded: false
|
||||
/******/ };
|
||||
|
||||
/******/ // Execute the module function
|
||||
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
|
||||
|
||||
/******/ // Flag the module as loaded
|
||||
/******/ module.loaded = true;
|
||||
|
||||
/******/ // Return the exports of the module
|
||||
/******/ return module.exports;
|
||||
/******/ }
|
||||
|
||||
|
||||
/******/ // expose the modules object (__webpack_modules__)
|
||||
/******/ __webpack_require__.m = modules;
|
||||
|
||||
/******/ // expose the module cache
|
||||
/******/ __webpack_require__.c = installedModules;
|
||||
|
||||
/******/ // __webpack_public_path__
|
||||
/******/ __webpack_require__.p = "/";
|
||||
|
||||
/******/ // Load entry module and return exports
|
||||
/******/ return __webpack_require__(0);
|
||||
/******/ })
|
||||
/************************************************************************/
|
||||
/******/ ([
|
||||
/* 0 */
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
(function webpackMissingModule() { throw new Error("Cannot find module \"./src/components/mdSpeedDial\""); }());
|
||||
|
||||
|
||||
/***/ })
|
||||
/******/ ])
|
||||
}));
|
||||
;
|
||||
6
dist/components/mdSpeedDial/index.js
vendored
Normal file
6
dist/components/mdSpeedDial/index.js
vendored
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
/*!
|
||||
* Vue Material v0.6.3
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
!(function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports.VueMaterial=o():e.VueMaterial=o()})(this,(function(){return (function(e){function o(n){if(t[n])return t[n].exports;var r=t[n]={exports:{},id:n,loaded:!1};return e[n].call(r.exports,r,r.exports,o),r.loaded=!0,r.exports}var t={};return o.m=e,o.c=t,o.p="/",o(0)})([(function(e,o,t){!(function(){throw new Error('Cannot find module "./src/components/mdSpeedDial"')})()})])}));
|
||||
87
dist/components/mdSpinner/index.css
vendored
87
dist/components/mdSpinner/index.css
vendored
|
|
@ -1,6 +1,81 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
.md-spinner{display:inline-block;position:relative;pointer-events:none;will-change:transform,opacity}.md-spinner.md-indeterminate .md-spinner-draw{animation:spinner-rotate 1.9s linear infinite;transform:rotate(0deg) translateZ(0)}.md-spinner.md-indeterminate .md-spinner-path{stroke-dasharray:2,200;animation:spinner-dash 1.425s ease-in-out infinite}.md-spinner.md-spinner-leave-active{opacity:0;transform:scale(.8) translateZ(0);transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-spinner:not(.md-indeterminate).md-spinner-enter-active{transition-duration:2s}.md-spinner:not(.md-indeterminate).md-spinner-enter-active .md-spinner-draw{animation:spinner-initial-rotate 1.98s cubic-bezier(.25,.8,.25,1) forwards}.md-spinner-draw{width:100%;height:100%;margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(270deg) translateZ(0);transform-origin:center center;will-change:transform,opacity}.md-spinner-path{fill:none;stroke-dashoffset:0;stroke-miterlimit:10;transition:all .4s cubic-bezier(.25,.8,.25,1)}@keyframes spinner-rotate{to{transform:rotate(1turn) translateZ(0)}}@keyframes spinner-initial-rotate{0%{opacity:0;transform:rotate(-90deg) translateZ(0)}20%{opacity:1}to{transform:rotate(270deg) translateZ(0)}}@keyframes spinner-dash{0%{stroke-dasharray:2,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}
|
||||
/* Common */
|
||||
/* Responsive Breakpoints */
|
||||
/* Transitions - Based on Angular Material */
|
||||
/* Elevation - Based on Angular Material */
|
||||
.md-spinner {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
pointer-events: none;
|
||||
will-change: transform, opacity;
|
||||
}
|
||||
.md-spinner.md-indeterminate .md-spinner-draw {
|
||||
animation: spinner-rotate 1.9s linear infinite;
|
||||
transform: rotate(0deg) translateZ(0);
|
||||
}
|
||||
.md-spinner.md-indeterminate .md-spinner-path {
|
||||
stroke-dasharray: 2, 200;
|
||||
animation: spinner-dash 1.425s ease-in-out infinite;
|
||||
}
|
||||
.md-spinner.md-spinner-leave-active {
|
||||
opacity: 0;
|
||||
transform: scale(0.8) translateZ(0);
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
}
|
||||
.md-spinner:not(.md-indeterminate).md-spinner-enter-active {
|
||||
transition-duration: 2s;
|
||||
}
|
||||
.md-spinner:not(.md-indeterminate).md-spinner-enter-active .md-spinner-draw {
|
||||
animation: spinner-initial-rotate 1.98s cubic-bezier(0.25, 0.8, 0.25, 1) forwards;
|
||||
}
|
||||
.md-spinner-draw {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: auto;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
transform: rotate(270deg) translateZ(0);
|
||||
transform-origin: center center;
|
||||
will-change: transform, opacity;
|
||||
}
|
||||
.md-spinner-path {
|
||||
fill: none;
|
||||
stroke-dashoffset: 0;
|
||||
stroke-miterlimit: 10;
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
}
|
||||
@keyframes spinner-rotate {
|
||||
to {
|
||||
transform: rotate(360deg) translateZ(0);
|
||||
}
|
||||
}
|
||||
@keyframes spinner-initial-rotate {
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform: rotate(-90deg) translateZ(0);
|
||||
}
|
||||
20% {
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
transform: rotate(270deg) translateZ(0);
|
||||
}
|
||||
}
|
||||
@keyframes spinner-dash {
|
||||
0% {
|
||||
stroke-dasharray: 2, 200;
|
||||
stroke-dashoffset: 0;
|
||||
}
|
||||
50% {
|
||||
stroke-dasharray: 89, 200;
|
||||
stroke-dashoffset: -35px;
|
||||
}
|
||||
100% {
|
||||
stroke-dasharray: 89, 200;
|
||||
stroke-dashoffset: -124px;
|
||||
}
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
2
dist/components/mdSpinner/index.js
vendored
2
dist/components/mdSpinner/index.js
vendored
|
|
@ -1,5 +1,5 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Vue Material v0.6.3
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
|
|
|
|||
25
dist/components/mdSubheader/index.css
vendored
25
dist/components/mdSubheader/index.css
vendored
|
|
@ -1,6 +1,19 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
.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 */
|
||||
/* Responsive Breakpoints */
|
||||
/* 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*/
|
||||
2
dist/components/mdSubheader/index.js
vendored
2
dist/components/mdSubheader/index.js
vendored
|
|
@ -1,5 +1,5 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Vue Material v0.6.3
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
|
|
|
|||
86
dist/components/mdSwitch/index.css
vendored
86
dist/components/mdSwitch/index.css
vendored
|
|
@ -1,6 +1,80 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
.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 .15s 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 */
|
||||
/* Responsive Breakpoints */
|
||||
/* 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.15s 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*/
|
||||
2
dist/components/mdSwitch/index.js
vendored
2
dist/components/mdSwitch/index.js
vendored
|
|
@ -1,5 +1,5 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Vue Material v0.6.3
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
|
|
|
|||
327
dist/components/mdTable/index.css
vendored
327
dist/components/mdTable/index.css
vendored
File diff suppressed because one or more lines are too long
2
dist/components/mdTable/index.js
vendored
2
dist/components/mdTable/index.js
vendored
|
|
@ -1,5 +1,5 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Vue Material v0.6.3
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
|
|
|
|||
130
dist/components/mdTabs/index.css
vendored
130
dist/components/mdTabs/index.css
vendored
|
|
@ -1,6 +1,124 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
.md-tabs{width:100%;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;position:relative}.md-tabs.md-transition-off *{transition:none!important}.md-tabs.md-dynamic-height .md-tabs-content{transition:height .4s cubic-bezier(.25,.8,.25,1)}.md-tabs .md-tabs-navigation{height:48px;min-height:48px;position:relative;z-index:1;display:-ms-flexbox;display:flex;transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-tabs .md-tabs-navigation.md-has-icon.md-has-label{min-height:72px}.md-tabs .md-tabs-navigation.md-has-icon.md-has-label .md-icon{margin-bottom:10px}.md-tabs .md-tabs-navigation.md-centered{-ms-flex-pack:center;justify-content:center}.md-tabs .md-tabs-navigation.md-fixed .md-tab-header{-ms-flex:1;flex:1}.md-tabs .md-tabs-navigation.md-right{-ms-flex-pack:end;justify-content:flex-end}.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 .4s cubic-bezier(.25,.8,.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-transition-off{transition:none!important}.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-tabs-content{width:100%;height:0;position:relative;overflow:hidden}.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}
|
||||
/* Common */
|
||||
/* Responsive Breakpoints */
|
||||
/* 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-transition-off * {
|
||||
transition: none !important;
|
||||
}
|
||||
.md-tabs.md-dynamic-height .md-tabs-content {
|
||||
transition: height 0.4s cubic-bezier(0.25, 0.8, 0.25, 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-tabs-navigation.md-has-icon.md-has-label {
|
||||
min-height: 72px;
|
||||
}
|
||||
.md-tabs .md-tabs-navigation.md-has-icon.md-has-label .md-icon {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.md-tabs .md-tabs-navigation.md-centered {
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.md-tabs .md-tabs-navigation.md-fixed .md-tab-header {
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
}
|
||||
.md-tabs .md-tabs-navigation.md-right {
|
||||
-ms-flex-pack: end;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.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-transition-off {
|
||||
transition: none !important;
|
||||
}
|
||||
.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-tabs-content {
|
||||
width: 100%;
|
||||
height: 0;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
.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;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
2
dist/components/mdTabs/index.js
vendored
2
dist/components/mdTabs/index.js
vendored
|
|
@ -1,5 +1,5 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Vue Material v0.6.3
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
|
|
|
|||
113
dist/components/mdToolbar/index.css
vendored
113
dist/components/mdToolbar/index.css
vendored
|
|
@ -1,6 +1,107 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
.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 */
|
||||
/* Responsive Breakpoints */
|
||||
/* Transitions - Based on Angular Material */
|
||||
/* Elevation - Based on Angular Material */
|
||||
.md-toolbar {
|
||||
min-height: 64px;
|
||||
padding: 0 8px;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-ms-flex-line-pack: center;
|
||||
align-content: center;
|
||||
-ms-flex-flow: row wrap;
|
||||
flex-flow: row wrap;
|
||||
position: relative;
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
transform: translate3D(0, 0, 0);
|
||||
}
|
||||
.md-toolbar.md-dense {
|
||||
min-height: 48px;
|
||||
}
|
||||
.md-toolbar.md-dense.md-medium {
|
||||
min-height: 72px;
|
||||
}
|
||||
.md-toolbar.md-dense.md-large {
|
||||
min-height: 96px;
|
||||
}
|
||||
.md-toolbar.md-dense .md-toolbar-container {
|
||||
height: 48px;
|
||||
}
|
||||
.md-toolbar.md-medium {
|
||||
min-height: 88px;
|
||||
}
|
||||
.md-toolbar.md-medium .md-toolbar-container:nth-child(2) .md-title:first-child {
|
||||
margin-left: 56px;
|
||||
}
|
||||
.md-toolbar.md-large {
|
||||
min-height: 128px;
|
||||
-ms-flex-line-pack: inherit;
|
||||
align-content: inherit;
|
||||
}
|
||||
.md-toolbar.md-large .md-toolbar-container:nth-child(2) .md-title:first-child {
|
||||
margin-left: 56px;
|
||||
}
|
||||
.md-toolbar.md-account-header {
|
||||
min-height: 164px;
|
||||
}
|
||||
.md-toolbar.md-account-header .md-ink-ripple {
|
||||
color: #fff;
|
||||
}
|
||||
.md-toolbar.md-account-header .md-list-item-container:hover:not([disabled]) {
|
||||
background-color: rgba(255, 255, 255, 0.12);
|
||||
}
|
||||
.md-toolbar.md-account-header .md-avatar-list {
|
||||
margin: 16px 0 8px;
|
||||
}
|
||||
.md-toolbar.md-account-header .md-avatar-list .md-list-item-container {
|
||||
-ms-flex-align: start;
|
||||
align-items: flex-start;
|
||||
}
|
||||
.md-toolbar.md-account-header .md-avatar-list .md-avatar + .md-avatar {
|
||||
margin-left: 16px;
|
||||
}
|
||||
.md-toolbar .md-toolbar-container {
|
||||
width: 100%;
|
||||
height: 64px;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-ms-flex-item-align: start;
|
||||
align-self: flex-start;
|
||||
}
|
||||
.md-toolbar .md-toolbar-container > .md-button:first-child {
|
||||
margin-left: 0;
|
||||
margin-right: 16px;
|
||||
}
|
||||
.md-toolbar .md-toolbar-container > .md-button + .md-button {
|
||||
margin-left: 0;
|
||||
}
|
||||
.md-toolbar > .md-button:first-child {
|
||||
margin-left: 0;
|
||||
margin-right: 16px;
|
||||
}
|
||||
.md-toolbar > .md-button + .md-button {
|
||||
margin-left: 0;
|
||||
}
|
||||
.md-toolbar .md-button:hover:not([disabled]):not(.md-raised):not(.md-icon-button):not(.md-fab) {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
.md-toolbar .md-title {
|
||||
margin: 0;
|
||||
font-size: 20px;
|
||||
font-weight: 400;
|
||||
}
|
||||
.md-toolbar .md-title:first-child {
|
||||
margin-left: 8px;
|
||||
}
|
||||
.md-toolbar .md-list {
|
||||
padding: 0;
|
||||
margin: 0 -8px;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
2
dist/components/mdToolbar/index.js
vendored
2
dist/components/mdToolbar/index.js
vendored
|
|
@ -1,5 +1,5 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Vue Material v0.6.3
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
|
|
|
|||
71
dist/components/mdTooltip/index.css
vendored
71
dist/components/mdTooltip/index.css
vendored
|
|
@ -1,6 +1,65 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
.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,Noto Sans,Noto,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 */
|
||||
/* Responsive Breakpoints */
|
||||
/* 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, "Noto Sans", Noto, 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*/
|
||||
2
dist/components/mdTooltip/index.js
vendored
2
dist/components/mdTooltip/index.js
vendored
|
|
@ -1,5 +1,5 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Vue Material v0.6.3
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
|
|
|
|||
88
dist/components/mdWhiteframe/index.css
vendored
88
dist/components/mdWhiteframe/index.css
vendored
|
|
@ -1,6 +1,82 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
.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 */
|
||||
/* Responsive Breakpoints */
|
||||
/* 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*/
|
||||
2
dist/components/mdWhiteframe/index.js
vendored
2
dist/components/mdWhiteframe/index.js
vendored
|
|
@ -1,5 +1,5 @@
|
|||
/*!
|
||||
* Vue Material v0.6.2
|
||||
* Vue Material v0.6.3
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
|
|
|
|||
16
dist/docs/changelog.html
vendored
16
dist/docs/changelog.html
vendored
|
|
@ -1,13 +1,23 @@
|
|||
<section>
|
||||
<h2 class="md-headline">
|
||||
<a href="https://vuematerial.github.io/">v0.6.2 - Webpack fixes</a>
|
||||
<a href="https://vuematerial.github.io/">v0.6.3 - Standalone fixes</a>
|
||||
</h2>
|
||||
<h3 class="md-title">Fixes:</h3>
|
||||
<ul>
|
||||
<li>fix broken standalone build <a href="https://github.com/marcosmoura/vue-material/issues/312" target="_blank" rel="noopener">#312</a> (Thanks to <a href="https://github.com/korylprince" target="_blank" rel="noopener">@korylprince</a>)</li>
|
||||
</ul>
|
||||
|
||||
<p>Sorry about so many updates!</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="md-headline">
|
||||
<a href="https://vuematerial.github.io/v0.6.2">v0.6.2 - Webpack fixes</a>
|
||||
</h2>
|
||||
<h3 class="md-title">Fixes:</h3>
|
||||
<ul>
|
||||
<li>fix alias for webpack <a href="https://github.com/marcosmoura/vue-material/issues/311" target="_blank" rel="noopener">#311</a></li>
|
||||
</ul>
|
||||
|
||||
<p>Sorry about so many updates!</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
|
|
|
|||
7
dist/docs/docs.abaf0d65.js
vendored
Normal file
7
dist/docs/docs.abaf0d65.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="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic"><link rel=stylesheet href="https://fonts.googleapis.com/icon?family=Material+Icons"><link href=docs.77420282.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.b7f52b44.js></script><script src=vendor.ae4be299.js></script><script src=docs.2897e9e6.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="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic"><link rel=stylesheet href="https://fonts.googleapis.com/icon?family=Material+Icons"><link href=docs.77420282.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.2b0afab6.js></script><script src=vendor.ae4be299.js></script><script src=docs.abaf0d65.js></script>
|
||||
1
dist/docs/manifest.2b0afab6.js
vendored
Normal file
1
dist/docs/manifest.2b0afab6.js
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
!(function(e){function a(c){if(t[c])return t[c].exports;var n=t[c]={exports:{},id:c,loaded:!1};return e[c].call(n.exports,n,n.exports,a),n.loaded=!0,n.exports}var c=window.webpackJsonp;window.webpackJsonp=function(f,r){for(var o,d,i=0,s=[];i<f.length;i++)d=f[i],n[d]&&s.push.apply(s,n[d]),n[d]=0;for(o in r){var p=r[o];switch(typeof p){case"object":e[o]=(function(a){var c=a.slice(1),t=a[0];return function(a,n,f){e[t].apply(this,[a,n,f].concat(c))}})(p);break;case"function":e[o]=p;break;default:e[o]=e[p]}}for(c&&c(f,r);s.length;)s.shift().call(null,a);if(r[0])return t[0]=0,a(0)};var t={},n={32:0};a.e=function(e,c){if(0===n[e])return c.call(null,a);if(void 0!==n[e])n[e].push(c);else{n[e]=[c];var t=document.getElementsByTagName("head")[0],f=document.createElement("script");f.type="text/javascript",f.charset="utf-8",f.async=!0,f.src=a.p+""+({33:"docs",34:"vendor"}[e]||e)+"."+{0:"8985122d",1:"06ee0bed",2:"c10fbd04",3:"937606f3",4:"94654a0e",5:"f8a38ce8",6:"6d779ad8",7:"fea19aba",8:"4a1e48b3",9:"3f930309",10:"c7e6c3e5",11:"fd21e8e8",12:"cb3c1a2d",13:"1cdad18e",14:"fd41ec35",15:"58889e3a",16:"e2efe67b",17:"0d923825",18:"fa7c7df1",19:"62eeb5ff",20:"861ee4ae",21:"9fa5a6ef",22:"5475b341",23:"56fe1118",24:"d3091d84",25:"bb881f9f",26:"6c68ad23",27:"dac46d92",28:"3b5484f8",29:"cf5daabc",30:"a9cd11af",31:"111340a6",33:"abaf0d65",34:"ae4be299"}[e]+".js",t.appendChild(f)}},a.m=e,a.c=t,a.p=""})(function(e){for(var a in e)if(Object.prototype.hasOwnProperty.call(e,a))switch(typeof e[a]){case"function":break;case"object":e[a]=(function(a){var c=a.slice(1),t=e[a[0]];return function(e,a,n){t.apply(this,[e,a,n].concat(c))}})(e[a]);break;default:e[a]=e[e[a]]}return e}([]));
|
||||
1
dist/docs/releases/v0.6.2/0.8985122d.js
vendored
Normal file
1
dist/docs/releases/v0.6.2/0.8985122d.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
dist/docs/releases/v0.6.2/1.06ee0bed.js
vendored
Normal file
1
dist/docs/releases/v0.6.2/1.06ee0bed.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
dist/docs/releases/v0.6.2/10.c7e6c3e5.js
vendored
Normal file
1
dist/docs/releases/v0.6.2/10.c7e6c3e5.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
dist/docs/releases/v0.6.2/11.fd21e8e8.js
vendored
Normal file
1
dist/docs/releases/v0.6.2/11.fd21e8e8.js
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
webpackJsonp([11,32],{254:function(s,a,t){a=s.exports=t(1)(),a.push([s.id,".demo>[data-v-a5e4ce48]{margin:.5em 0;display:block}",""])},372:function(s,a,t){var e,n;t(575);var i=t(523);n=e=e||{},"object"!=typeof e.default&&"function"!=typeof e.default||(n=e=e.default),"function"==typeof n&&(n=n.options),n.render=i.render,n.staticRenderFns=i.staticRenderFns,n._scopeId="data-v-a5e4ce48",s.exports=e},523:function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("page-content",{attrs:{"page-title":"UI Elements - Typography"}},[t("docs-component",[t("div",{slot:"description"},[t("h2",{staticClass:"md-title"},[s._v("Styles")]),s._v(" "),t("p",[s._v("Too many type sizes and styles at once can wreck any layout. A typographic scale has a limited set of type sizes that work well together along with the layout grid.")]),s._v(" "),t("h2",{staticClass:"md-title"},[s._v("Typeface")]),s._v(" "),t("p",[s._v("Roboto has been refined extensively to work across the wider set of supported platforms. It is slightly wider and rounder, giving it greater clarity and making it more optimistic.")])]),s._v(" "),t("div",{slot:"example"},[t("example-box",{attrs:{"card-title":"Default"}},[t("div",{staticClass:"demo",slot:"demo"},[t("span",{staticClass:"md-display-4"},[s._v("Display 4")]),s._v(" "),t("span",{staticClass:"md-display-3"},[s._v("Display 3")]),s._v(" "),t("span",{staticClass:"md-display-2"},[s._v("Display 2")]),s._v(" "),t("span",{staticClass:"md-display-1"},[s._v("Display 1")]),s._v(" "),t("span",{staticClass:"md-headline"},[s._v("Headline")]),s._v(" "),t("span",{staticClass:"md-title"},[s._v("Title")]),s._v(" "),t("span",{staticClass:"md-subheading"},[s._v("Subheading")]),s._v(" "),t("span",{staticClass:"md-body-2"},[s._v("Body 2")]),s._v(" "),t("span",{staticClass:"md-body-1"},[s._v("Body 1")]),s._v(" "),t("span",{staticClass:"md-caption"},[s._v("Caption")]),s._v(" "),t("a",{attrs:{href:"#/typography"}},[s._v("Link")])]),s._v(" "),t("div",{slot:"code"},[t("code-block",{attrs:{lang:"xml"}},[s._v('\n <span class="md-display-4">Display 4</span>\n <span class="md-display-3">Display 3</span>\n <span class="md-display-2">Display 2</span>\n <span class="md-display-1">Display 1</span>\n <span class="md-headline">Headline</span>\n <span class="md-title">Title</span>\n <span class="md-subheading">Subheading</span>\n <span class="md-body-2">Body 2</span>\n <span class="md-body-1">Body 1</span>\n <span class="md-caption">Caption</span>\n <a href="#/typography">Link</a>\n ')])],1)])],1)])],1)},staticRenderFns:[]}},575:function(s,a,t){var e=t(254);"string"==typeof e&&(e=[[s.id,e,""]]);t(2)(e,{});e.locals&&(s.exports=e.locals)}});
|
||||
1
dist/docs/releases/v0.6.2/12.cb3c1a2d.js
vendored
Normal file
1
dist/docs/releases/v0.6.2/12.cb3c1a2d.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
dist/docs/releases/v0.6.2/13.1cdad18e.js
vendored
Normal file
1
dist/docs/releases/v0.6.2/13.1cdad18e.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
dist/docs/releases/v0.6.2/14.fd41ec35.js
vendored
Normal file
1
dist/docs/releases/v0.6.2/14.fd41ec35.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
dist/docs/releases/v0.6.2/15.58889e3a.js
vendored
Normal file
1
dist/docs/releases/v0.6.2/15.58889e3a.js
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
webpackJsonp([15,32],{248:function(a,t,d){t=a.exports=d(1)(),t.push([a.id,".md-avatar+.md-avatar[data-v-71526c58]{margin-left:8px}",""])},341:function(a,t,d){var n,e;d(569);var r=d(505);e=n=n||{},"object"!=typeof n.default&&"function"!=typeof n.default||(e=n=n.default),"function"==typeof e&&(e=e.options),e.render=r.render,e.staticRenderFns=r.staticRenderFns,e._scopeId="data-v-71526c58",a.exports=n},505:function(a,t){a.exports={render:function(){var a=this,t=a.$createElement,d=a._self._c||t;return d("page-content",{attrs:{"page-title":"Components - Avatar"}},[d("docs-component",[d("div",{slot:"description"},[d("p",[a._v("Avatars can be used to represent people. When used with a specific logo, avatars can also be used to represent brand.")]),a._v(" "),d("p",[a._v("The following classes can be applied to change the color palette:")]),a._v(" "),d("ul",{staticClass:"md-body-2"},[d("li",[d("code",[a._v("md-primary")])]),a._v(" "),d("li",[d("code",[a._v("md-accent")])]),a._v(" "),d("li",[d("code",[a._v("md-warn")])])])]),a._v(" "),d("div",{slot:"api"},[d("api-table",{attrs:{name:"md-avatar"}},[d("md-table",{slot:"classes"},[d("md-table-header",[d("md-table-row",[d("md-table-head",[a._v("Name")]),a._v(" "),d("md-table-head",[a._v("Description")])],1)],1),a._v(" "),d("md-table-body",[d("md-table-row",[d("md-table-cell",[a._v("md-avatar-icon")]),a._v(" "),d("md-table-cell",[a._v("Display an icon using md-icon component")])],1),a._v(" "),d("md-table-row",[d("md-table-cell",[a._v("md-large")]),a._v(" "),d("md-table-cell",[a._v("Display large avatar")])],1)],1)],1)],1)],1),a._v(" "),d("div",{slot:"example"},[d("example-box",{attrs:{"card-title":"Default"}},[d("div",{staticClass:"avatar-holder",slot:"demo"},[d("md-avatar",[d("img",{attrs:{src:"assets/avatar.png",alt:"Avatar"}})]),a._v(" "),d("md-avatar",{staticClass:"md-avatar-icon"},[d("md-icon",[a._v("home")])],1),a._v(" "),d("md-avatar",{staticClass:"md-avatar-icon md-primary"},[d("md-icon",[a._v("folder")])],1),a._v(" "),d("md-avatar",{staticClass:"md-avatar-icon md-accent"},[d("md-icon",[a._v("favorite")])],1),a._v(" "),d("md-avatar",{staticClass:"md-avatar-icon md-warn"},[d("md-icon",[a._v("notes")])],1)],1),a._v(" "),d("div",{slot:"code"},[d("code-block",{attrs:{lang:"xml"}},[a._v('\n <md-avatar>\n <img src="assets/avatar.png" alt="Avatar">\n </md-avatar>\n\n <md-avatar class="md-avatar-icon">\n <md-icon>home</md-icon>\n </md-avatar>\n\n <md-avatar class="md-avatar-icon md-primary">\n <md-icon>folder</md-icon>\n </md-avatar>\n\n <md-avatar class="md-avatar-icon md-accent">\n <md-icon>favorite</md-icon>\n </md-avatar>\n\n <md-avatar class="md-avatar-icon md-warn">\n <md-icon>notes</md-icon>\n </md-avatar>\n ')])],1)]),a._v(" "),d("example-box",{attrs:{"card-title":"Large"}},[d("div",{staticClass:"avatar-holder",slot:"demo"},[d("md-avatar",{staticClass:"md-large"},[d("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}})]),a._v(" "),d("md-avatar",{staticClass:"md-avatar-icon md-large"},[d("md-icon",[a._v("home")])],1),a._v(" "),d("md-avatar",{staticClass:"md-avatar-icon md-large md-primary"},[d("md-icon",[a._v("folder")])],1),a._v(" "),d("md-avatar",{staticClass:"md-avatar-icon md-large md-accent"},[d("md-icon",[a._v("favorite")])],1),a._v(" "),d("md-avatar",{staticClass:"md-avatar-icon md-large md-warn"},[d("md-icon",[a._v("notes")])],1)],1),a._v(" "),d("div",{slot:"code"},[d("code-block",{attrs:{lang:"xml"}},[a._v('\n <md-avatar class="md-large">\n <img src="assets/avatar-2.jpg" alt="People">\n </md-avatar>\n\n <md-avatar class="md-avatar-icon md-large">\n <md-icon>home</md-icon>\n </md-avatar>\n\n <md-avatar class="md-avatar-icon md-large md-primary">\n <md-icon>folder</md-icon>\n </md-avatar>\n\n <md-avatar class="md-avatar-icon md-large md-accent">\n <md-icon>favorite</md-icon>\n </md-avatar>\n\n <md-avatar class="md-avatar-icon md-large md-warn">\n <md-icon>notes</md-icon>\n </md-avatar>\n ')])],1)])],1)])],1)},staticRenderFns:[]}},569:function(a,t,d){var n=d(248);"string"==typeof n&&(n=[[a.id,n,""]]);d(2)(n,{});n.locals&&(a.exports=n.locals)}});
|
||||
2
dist/docs/releases/v0.6.2/16.e2efe67b.js
vendored
Normal file
2
dist/docs/releases/v0.6.2/16.e2efe67b.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
dist/docs/releases/v0.6.2/17.0d923825.js
vendored
Normal file
1
dist/docs/releases/v0.6.2/17.0d923825.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
dist/docs/releases/v0.6.2/18.fa7c7df1.js
vendored
Normal file
1
dist/docs/releases/v0.6.2/18.fa7c7df1.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
dist/docs/releases/v0.6.2/19.62eeb5ff.js
vendored
Normal file
1
dist/docs/releases/v0.6.2/19.62eeb5ff.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
dist/docs/releases/v0.6.2/2.c10fbd04.js
vendored
Normal file
1
dist/docs/releases/v0.6.2/2.c10fbd04.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
dist/docs/releases/v0.6.2/20.861ee4ae.js
vendored
Normal file
1
dist/docs/releases/v0.6.2/20.861ee4ae.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
dist/docs/releases/v0.6.2/21.9fa5a6ef.js
vendored
Normal file
1
dist/docs/releases/v0.6.2/21.9fa5a6ef.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
dist/docs/releases/v0.6.2/22.5475b341.js
vendored
Normal file
1
dist/docs/releases/v0.6.2/22.5475b341.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
dist/docs/releases/v0.6.2/23.56fe1118.js
vendored
Normal file
1
dist/docs/releases/v0.6.2/23.56fe1118.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
dist/docs/releases/v0.6.2/24.d3091d84.js
vendored
Normal file
1
dist/docs/releases/v0.6.2/24.d3091d84.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
dist/docs/releases/v0.6.2/25.bb881f9f.js
vendored
Normal file
1
dist/docs/releases/v0.6.2/25.bb881f9f.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
dist/docs/releases/v0.6.2/26.6c68ad23.js
vendored
Normal file
1
dist/docs/releases/v0.6.2/26.6c68ad23.js
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
webpackJsonp([26,32],{108:function(e,a){"use strict";Object.defineProperty(a,"__esModule",{value:!0}),a.default={data:function(){return{src:null}},methods:{loadImage:function(){var e=["assets/joker-1.jpg","assets/joker-2.jpg","assets/joker-3.jpg","assets/card-image-1.jpg","assets/card-image-2.jpg"];this.src=e[Math.floor(5*Math.random())]},clearImage:function(){this.src=null}}},e.exports=a.default},351:function(e,a,t){var s,n;s=t(108);var d=t(452);n=s=s||{},"object"!=typeof s.default&&"function"!=typeof s.default||(n=s=s.default),"function"==typeof n&&(n=n.options),n.render=d.render,n.staticRenderFns=d.staticRenderFns,e.exports=s},452:function(e,a){e.exports={render:function(){var e=this,a=e.$createElement,t=e._self._c||a;return t("page-content",{attrs:{"page-title":"Components - Image Loader"}},[t("docs-component",[t("div",{slot:"description"},[t("p",[e._v("Illustrations and photographs may load and transition in three phases by staggering opacity, exposure, and saturation levels.")])]),e._v(" "),t("div",{slot:"api"},[t("api-table",{attrs:{name:"md-image"}},[t("md-table",{slot:"properties"},[t("md-table-header",[t("md-table-row",[t("md-table-head",[e._v("Name")]),e._v(" "),t("md-table-head",[e._v("Type")]),e._v(" "),t("md-table-head",[e._v("Description")])],1)],1),e._v(" "),t("md-table-body",[t("md-table-row",[t("md-table-cell",[e._v("md-src")]),e._v(" "),t("md-table-cell",[t("code",[e._v("String")])]),e._v(" "),t("md-table-cell",[e._v("The image source. Accepts any image file extension.")])],1)],1)],1)],1)],1),e._v(" "),t("div",{slot:"example"},[t("example-box",{attrs:{"card-title":"Default"}},[t("div",{slot:"demo"},[t("md-button",{staticClass:"md-primary md-raised",on:{click:e.loadImage}},[e._v("Load Image")]),e._v(" "),t("md-button",{staticClass:"md-primary md-raised",on:{click:e.clearImage}},[e._v("Clear Image")]),e._v(" "),t("div",[t("md-image",{attrs:{"md-src":e.src}})],1)],1),e._v(" "),t("div",{slot:"code"},[t("code-block",{attrs:{lang:"xml"}},[e._v('\n <md-button class="md-primary md-raised" @click="loadImage">Load Image</md-button>\n <md-button class="md-primary md-raised" @click="clearImage">Clear Image</md-button>\n\n <div>\n <md-image :md-src="src"></md-image>\n </div>\n ')]),e._v(" "),t("code-block",{attrs:{lang:"xml"}},[e._v("\n export default {\n data: () => ({\n src: null\n }),\n methods: {\n loadImage() {\n let options = [\n 'assets/joker-1.jpg',\n 'assets/joker-2.jpg',\n 'assets/joker-3.jpg',\n 'assets/card-image-1.jpg',\n 'assets/card-image-2.jpg'\n ];\n\n this.src = options[Math.floor(Math.random() * 5)];\n },\n clearImage() {\n this.src = null;\n }\n }\n };\n ")])],1)])],1)])],1)},staticRenderFns:[]}}});
|
||||
1
dist/docs/releases/v0.6.2/27.dac46d92.js
vendored
Normal file
1
dist/docs/releases/v0.6.2/27.dac46d92.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
dist/docs/releases/v0.6.2/28.3b5484f8.js
vendored
Normal file
1
dist/docs/releases/v0.6.2/28.3b5484f8.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
dist/docs/releases/v0.6.2/29.cf5daabc.js
vendored
Normal file
1
dist/docs/releases/v0.6.2/29.cf5daabc.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
dist/docs/releases/v0.6.2/3.937606f3.js
vendored
Normal file
1
dist/docs/releases/v0.6.2/3.937606f3.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
dist/docs/releases/v0.6.2/30.a9cd11af.js
vendored
Normal file
1
dist/docs/releases/v0.6.2/30.a9cd11af.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
dist/docs/releases/v0.6.2/31.111340a6.js
vendored
Normal file
1
dist/docs/releases/v0.6.2/31.111340a6.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
dist/docs/releases/v0.6.2/4.94654a0e.js
vendored
Normal file
1
dist/docs/releases/v0.6.2/4.94654a0e.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
dist/docs/releases/v0.6.2/5.f8a38ce8.js
vendored
Normal file
1
dist/docs/releases/v0.6.2/5.f8a38ce8.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
dist/docs/releases/v0.6.2/6.6d779ad8.js
vendored
Normal file
1
dist/docs/releases/v0.6.2/6.6d779ad8.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
dist/docs/releases/v0.6.2/7.fea19aba.js
vendored
Normal file
1
dist/docs/releases/v0.6.2/7.fea19aba.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
dist/docs/releases/v0.6.2/8.4a1e48b3.js
vendored
Normal file
1
dist/docs/releases/v0.6.2/8.4a1e48b3.js
vendored
Normal file
File diff suppressed because one or more lines are too long
Some files were not shown because too many files have changed in this diff Show more
Loading…
Reference in a new issue