|
2 | 2 | * Angular Material Design
|
3 | 3 | * https://github.com/angular/material
|
4 | 4 | * @license MIT
|
5 |
| - * v0.8.3-master-a7d9fa3 |
| 5 | + * v0.8.3-master-f801b68 |
6 | 6 | */
|
7 | 7 | @import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic);
|
8 | 8 | html, body {
|
@@ -3438,149 +3438,6 @@ md-autocomplete {
|
3438 | 3438 | -webkit-animation: md-autocomplete-list-out 0.2s;
|
3439 | 3439 | animation: md-autocomplete-list-out 0.2s; }
|
3440 | 3440 |
|
3441 |
| -/** |
3442 |
| - * Position a FAB button. |
3443 |
| - */ |
3444 |
| -.md-button { |
3445 |
| - box-sizing: border-box; |
3446 |
| - color: currentColor; |
3447 |
| - -webkit-user-select: none; |
3448 |
| - -moz-user-select: none; |
3449 |
| - -ms-user-select: none; |
3450 |
| - user-select: none; |
3451 |
| - position: relative; |
3452 |
| - outline: none; |
3453 |
| - border: 0; |
3454 |
| - display: inline-block; |
3455 |
| - padding: 0 0.6rem; |
3456 |
| - margin: 0.6rem 0.8rem; |
3457 |
| - line-height: 3.6rem; |
3458 |
| - background: transparent; |
3459 |
| - white-space: nowrap; |
3460 |
| - min-width: 8.8rem; |
3461 |
| - text-align: center; |
3462 |
| - text-transform: uppercase; |
3463 |
| - font-weight: 500; |
3464 |
| - font-size: 1.4rem; |
3465 |
| - font-style: inherit; |
3466 |
| - font-variant: inherit; |
3467 |
| - font-family: inherit; |
3468 |
| - text-decoration: none; |
3469 |
| - cursor: pointer; |
3470 |
| - overflow: hidden; |
3471 |
| - transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); } |
3472 |
| - .md-button *, .md-button *:before, .md-button *:after { |
3473 |
| - box-sizing: border-box; } |
3474 |
| - .md-button:focus { |
3475 |
| - outline: none; } |
3476 |
| - .md-button:hover, .md-button:focus { |
3477 |
| - text-decoration: none; } |
3478 |
| - .md-button.ng-hide, .md-button.ng-leave { |
3479 |
| - transition: none; } |
3480 |
| - .md-button.md-cornered { |
3481 |
| - border-radius: 0; } |
3482 |
| - .md-button.md-icon { |
3483 |
| - padding: 0; |
3484 |
| - background: none; } |
3485 |
| - .md-button.md-icon-button { |
3486 |
| - margin: 0 0.6rem; |
3487 |
| - height: 4.8rem; |
3488 |
| - min-width: 0; |
3489 |
| - width: 4.8rem; } |
3490 |
| - .md-button.md-fab { |
3491 |
| - z-index: 20; |
3492 |
| - line-height: 5.6rem; |
3493 |
| - min-width: 0; |
3494 |
| - width: 5.6rem; |
3495 |
| - height: 5.6rem; |
3496 |
| - vertical-align: middle; |
3497 |
| - border-radius: 50%; |
3498 |
| - background-clip: padding-box; |
3499 |
| - overflow: hidden; |
3500 |
| - transition: 0.2s linear; |
3501 |
| - transition-property: background-color, box-shadow; } |
3502 |
| - .md-button.md-fab.md-fab-bottom-right { |
3503 |
| - top: auto; |
3504 |
| - right: 2rem; |
3505 |
| - bottom: 2rem; |
3506 |
| - left: auto; |
3507 |
| - position: absolute; } |
3508 |
| - .md-button.md-fab.md-fab-bottom-left { |
3509 |
| - top: auto; |
3510 |
| - right: auto; |
3511 |
| - bottom: 2rem; |
3512 |
| - left: 2rem; |
3513 |
| - position: absolute; } |
3514 |
| - .md-button.md-fab.md-fab-top-right { |
3515 |
| - top: 2rem; |
3516 |
| - right: 2rem; |
3517 |
| - bottom: auto; |
3518 |
| - left: auto; |
3519 |
| - position: absolute; } |
3520 |
| - .md-button.md-fab.md-fab-top-left { |
3521 |
| - top: 2rem; |
3522 |
| - right: auto; |
3523 |
| - bottom: auto; |
3524 |
| - left: 2rem; |
3525 |
| - position: absolute; } |
3526 |
| - .md-button.md-fab .md-ripple-container { |
3527 |
| - border-radius: 50%; |
3528 |
| - background-clip: padding-box; |
3529 |
| - overflow: hidden; |
3530 |
| - -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); } |
3531 |
| - .md-button.md-fab md-icon { |
3532 |
| - margin-top: 0; } |
3533 |
| - .md-button.md-fab.md-mini { |
3534 |
| - line-height: 4rem; |
3535 |
| - width: 4rem; |
3536 |
| - height: 4rem; } |
3537 |
| - |
3538 |
| -.md-toast-open-top .md-button.md-fab-top-left, .md-toast-open-top .md-button.md-fab-top-right { |
3539 |
| - -webkit-transform: translate3d(0, 4.2rem, 0); |
3540 |
| - transform: translate3d(0, 4.2rem, 0); } |
3541 |
| - .md-toast-open-top .md-button.md-fab-top-left:not([disabled]):focus, .md-toast-open-top .md-button.md-fab-top-left:not([disabled]):hover, .md-toast-open-top .md-button.md-fab-top-right:not([disabled]):focus, .md-toast-open-top .md-button.md-fab-top-right:not([disabled]):hover { |
3542 |
| - -webkit-transform: translate3d(0, 3.2rem, 0); |
3543 |
| - transform: translate3d(0, 3.2rem, 0); } |
3544 |
| - |
3545 |
| -.md-toast-open-bottom .md-button.md-fab-bottom-left, .md-toast-open-bottom .md-button.md-fab-bottom-right { |
3546 |
| - -webkit-transform: translate3d(0, -4.2rem, 0); |
3547 |
| - transform: translate3d(0, -4.2rem, 0); } |
3548 |
| - .md-toast-open-bottom .md-button.md-fab-bottom-left:not([disabled]):focus, .md-toast-open-bottom .md-button.md-fab-bottom-left:not([disabled]):hover, .md-toast-open-bottom .md-button.md-fab-bottom-right:not([disabled]):focus, .md-toast-open-bottom .md-button.md-fab-bottom-right:not([disabled]):hover { |
3549 |
| - -webkit-transform: translate3d(0, -5.2rem, 0); |
3550 |
| - transform: translate3d(0, -5.2rem, 0); } |
3551 |
| - |
3552 |
| -.md-button-group { |
3553 |
| - display: -webkit-flex; |
3554 |
| - display: -ms-flexbox; |
3555 |
| - display: flex; |
3556 |
| - -webkit-flex: 1; |
3557 |
| - -ms-flex: 1; |
3558 |
| - flex: 1; |
3559 |
| - width: 100%; } |
3560 |
| - |
3561 |
| -.md-button-group > .md-button { |
3562 |
| - -webkit-flex: 1; |
3563 |
| - -ms-flex: 1; |
3564 |
| - flex: 1; |
3565 |
| - display: block; |
3566 |
| - overflow: hidden; |
3567 |
| - width: 0; |
3568 |
| - border-width: 1px 0px 1px 1px; |
3569 |
| - border-radius: 0; |
3570 |
| - text-align: center; |
3571 |
| - text-overflow: ellipsis; |
3572 |
| - white-space: nowrap; } |
3573 |
| - .md-button-group > .md-button:first-child { |
3574 |
| - border-radius: 2px 0px 0px 2px; } |
3575 |
| - .md-button-group > .md-button:last-child { |
3576 |
| - border-right-width: 1px; |
3577 |
| - border-radius: 0px 2px 2px 0px; } |
3578 |
| - |
3579 |
| -@media screen and (-ms-high-contrast: active) { |
3580 |
| - .md-button.md-raised, .md-button.md-fab { |
3581 |
| - border: 1px solid #fff; } |
3582 |
| - } |
3583 |
| - |
3584 | 3441 | md-backdrop {
|
3585 | 3442 | z-index: 50;
|
3586 | 3443 | background-color: rgba(0, 0, 0, 0);
|
@@ -3793,6 +3650,149 @@ md-bottom-sheet {
|
3793 | 3650 | text-transform: none;
|
3794 | 3651 | padding-top: 8px; }
|
3795 | 3652 |
|
| 3653 | +/** |
| 3654 | + * Position a FAB button. |
| 3655 | + */ |
| 3656 | +.md-button { |
| 3657 | + box-sizing: border-box; |
| 3658 | + color: currentColor; |
| 3659 | + -webkit-user-select: none; |
| 3660 | + -moz-user-select: none; |
| 3661 | + -ms-user-select: none; |
| 3662 | + user-select: none; |
| 3663 | + position: relative; |
| 3664 | + outline: none; |
| 3665 | + border: 0; |
| 3666 | + display: inline-block; |
| 3667 | + padding: 0 0.6rem; |
| 3668 | + margin: 0.6rem 0.8rem; |
| 3669 | + line-height: 3.6rem; |
| 3670 | + background: transparent; |
| 3671 | + white-space: nowrap; |
| 3672 | + min-width: 8.8rem; |
| 3673 | + text-align: center; |
| 3674 | + text-transform: uppercase; |
| 3675 | + font-weight: 500; |
| 3676 | + font-size: 1.4rem; |
| 3677 | + font-style: inherit; |
| 3678 | + font-variant: inherit; |
| 3679 | + font-family: inherit; |
| 3680 | + text-decoration: none; |
| 3681 | + cursor: pointer; |
| 3682 | + overflow: hidden; |
| 3683 | + transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); } |
| 3684 | + .md-button *, .md-button *:before, .md-button *:after { |
| 3685 | + box-sizing: border-box; } |
| 3686 | + .md-button:focus { |
| 3687 | + outline: none; } |
| 3688 | + .md-button:hover, .md-button:focus { |
| 3689 | + text-decoration: none; } |
| 3690 | + .md-button.ng-hide, .md-button.ng-leave { |
| 3691 | + transition: none; } |
| 3692 | + .md-button.md-cornered { |
| 3693 | + border-radius: 0; } |
| 3694 | + .md-button.md-icon { |
| 3695 | + padding: 0; |
| 3696 | + background: none; } |
| 3697 | + .md-button.md-icon-button { |
| 3698 | + margin: 0 0.6rem; |
| 3699 | + height: 4.8rem; |
| 3700 | + min-width: 0; |
| 3701 | + width: 4.8rem; } |
| 3702 | + .md-button.md-fab { |
| 3703 | + z-index: 20; |
| 3704 | + line-height: 5.6rem; |
| 3705 | + min-width: 0; |
| 3706 | + width: 5.6rem; |
| 3707 | + height: 5.6rem; |
| 3708 | + vertical-align: middle; |
| 3709 | + border-radius: 50%; |
| 3710 | + background-clip: padding-box; |
| 3711 | + overflow: hidden; |
| 3712 | + transition: 0.2s linear; |
| 3713 | + transition-property: background-color, box-shadow; } |
| 3714 | + .md-button.md-fab.md-fab-bottom-right { |
| 3715 | + top: auto; |
| 3716 | + right: 2rem; |
| 3717 | + bottom: 2rem; |
| 3718 | + left: auto; |
| 3719 | + position: absolute; } |
| 3720 | + .md-button.md-fab.md-fab-bottom-left { |
| 3721 | + top: auto; |
| 3722 | + right: auto; |
| 3723 | + bottom: 2rem; |
| 3724 | + left: 2rem; |
| 3725 | + position: absolute; } |
| 3726 | + .md-button.md-fab.md-fab-top-right { |
| 3727 | + top: 2rem; |
| 3728 | + right: 2rem; |
| 3729 | + bottom: auto; |
| 3730 | + left: auto; |
| 3731 | + position: absolute; } |
| 3732 | + .md-button.md-fab.md-fab-top-left { |
| 3733 | + top: 2rem; |
| 3734 | + right: auto; |
| 3735 | + bottom: auto; |
| 3736 | + left: 2rem; |
| 3737 | + position: absolute; } |
| 3738 | + .md-button.md-fab .md-ripple-container { |
| 3739 | + border-radius: 50%; |
| 3740 | + background-clip: padding-box; |
| 3741 | + overflow: hidden; |
| 3742 | + -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); } |
| 3743 | + .md-button.md-fab md-icon { |
| 3744 | + margin-top: 0; } |
| 3745 | + .md-button.md-fab.md-mini { |
| 3746 | + line-height: 4rem; |
| 3747 | + width: 4rem; |
| 3748 | + height: 4rem; } |
| 3749 | + |
| 3750 | +.md-toast-open-top .md-button.md-fab-top-left, .md-toast-open-top .md-button.md-fab-top-right { |
| 3751 | + -webkit-transform: translate3d(0, 4.2rem, 0); |
| 3752 | + transform: translate3d(0, 4.2rem, 0); } |
| 3753 | + .md-toast-open-top .md-button.md-fab-top-left:not([disabled]):focus, .md-toast-open-top .md-button.md-fab-top-left:not([disabled]):hover, .md-toast-open-top .md-button.md-fab-top-right:not([disabled]):focus, .md-toast-open-top .md-button.md-fab-top-right:not([disabled]):hover { |
| 3754 | + -webkit-transform: translate3d(0, 3.2rem, 0); |
| 3755 | + transform: translate3d(0, 3.2rem, 0); } |
| 3756 | + |
| 3757 | +.md-toast-open-bottom .md-button.md-fab-bottom-left, .md-toast-open-bottom .md-button.md-fab-bottom-right { |
| 3758 | + -webkit-transform: translate3d(0, -4.2rem, 0); |
| 3759 | + transform: translate3d(0, -4.2rem, 0); } |
| 3760 | + .md-toast-open-bottom .md-button.md-fab-bottom-left:not([disabled]):focus, .md-toast-open-bottom .md-button.md-fab-bottom-left:not([disabled]):hover, .md-toast-open-bottom .md-button.md-fab-bottom-right:not([disabled]):focus, .md-toast-open-bottom .md-button.md-fab-bottom-right:not([disabled]):hover { |
| 3761 | + -webkit-transform: translate3d(0, -5.2rem, 0); |
| 3762 | + transform: translate3d(0, -5.2rem, 0); } |
| 3763 | + |
| 3764 | +.md-button-group { |
| 3765 | + display: -webkit-flex; |
| 3766 | + display: -ms-flexbox; |
| 3767 | + display: flex; |
| 3768 | + -webkit-flex: 1; |
| 3769 | + -ms-flex: 1; |
| 3770 | + flex: 1; |
| 3771 | + width: 100%; } |
| 3772 | + |
| 3773 | +.md-button-group > .md-button { |
| 3774 | + -webkit-flex: 1; |
| 3775 | + -ms-flex: 1; |
| 3776 | + flex: 1; |
| 3777 | + display: block; |
| 3778 | + overflow: hidden; |
| 3779 | + width: 0; |
| 3780 | + border-width: 1px 0px 1px 1px; |
| 3781 | + border-radius: 0; |
| 3782 | + text-align: center; |
| 3783 | + text-overflow: ellipsis; |
| 3784 | + white-space: nowrap; } |
| 3785 | + .md-button-group > .md-button:first-child { |
| 3786 | + border-radius: 2px 0px 0px 2px; } |
| 3787 | + .md-button-group > .md-button:last-child { |
| 3788 | + border-right-width: 1px; |
| 3789 | + border-radius: 0px 2px 2px 0px; } |
| 3790 | + |
| 3791 | +@media screen and (-ms-high-contrast: active) { |
| 3792 | + .md-button.md-raised, .md-button.md-fab { |
| 3793 | + border: 1px solid #fff; } |
| 3794 | + } |
| 3795 | + |
3796 | 3796 | md-card {
|
3797 | 3797 | box-sizing: border-box;
|
3798 | 3798 | display: -webkit-flex;
|
|
0 commit comments