Skip to content
This repository was archived by the owner on Feb 26, 2024. It is now read-only.

Commit 1d4894b

Browse files
author
ngMaterial Bot
committed
release: version 0.8.3-master-ce85039
1 parent e027ae5 commit 1d4894b

File tree

103 files changed

+1105
-629
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

103 files changed

+1105
-629
lines changed

‎angular-material.css

+192-144
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
* Angular Material Design
33
* https://github.com/angular/material
44
* @license MIT
5-
* v0.8.3-master-6d36850
5+
* v0.8.3-master-ce85039
66
*/
77
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic);
88
html, body {
@@ -3491,149 +3491,6 @@ md-backdrop {
34913491
to {
34923492
opacity: 0; } }
34933493

3494-
/**
3495-
* Position a FAB button.
3496-
*/
3497-
.md-button {
3498-
box-sizing: border-box;
3499-
color: currentColor;
3500-
-webkit-user-select: none;
3501-
-moz-user-select: none;
3502-
-ms-user-select: none;
3503-
user-select: none;
3504-
position: relative;
3505-
outline: none;
3506-
border: 0;
3507-
display: inline-block;
3508-
padding: 0 0.6rem;
3509-
margin: 0.6rem 0.8rem;
3510-
line-height: 3.6rem;
3511-
background: transparent;
3512-
white-space: nowrap;
3513-
min-width: 8.8rem;
3514-
text-align: center;
3515-
text-transform: uppercase;
3516-
font-weight: 500;
3517-
font-size: 1.4rem;
3518-
font-style: inherit;
3519-
font-variant: inherit;
3520-
font-family: inherit;
3521-
text-decoration: none;
3522-
cursor: pointer;
3523-
overflow: hidden;
3524-
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); }
3525-
.md-button *, .md-button *:before, .md-button *:after {
3526-
box-sizing: border-box; }
3527-
.md-button:focus {
3528-
outline: none; }
3529-
.md-button:hover, .md-button:focus {
3530-
text-decoration: none; }
3531-
.md-button.ng-hide, .md-button.ng-leave {
3532-
transition: none; }
3533-
.md-button.md-cornered {
3534-
border-radius: 0; }
3535-
.md-button.md-icon {
3536-
padding: 0;
3537-
background: none; }
3538-
.md-button.md-icon-button {
3539-
margin: 0 0.6rem;
3540-
height: 4.8rem;
3541-
min-width: 0;
3542-
width: 4.8rem; }
3543-
.md-button.md-fab {
3544-
z-index: 20;
3545-
line-height: 5.6rem;
3546-
min-width: 0;
3547-
width: 5.6rem;
3548-
height: 5.6rem;
3549-
vertical-align: middle;
3550-
border-radius: 50%;
3551-
background-clip: padding-box;
3552-
overflow: hidden;
3553-
transition: 0.2s linear;
3554-
transition-property: background-color, box-shadow; }
3555-
.md-button.md-fab.md-fab-bottom-right {
3556-
top: auto;
3557-
right: 2rem;
3558-
bottom: 2rem;
3559-
left: auto;
3560-
position: absolute; }
3561-
.md-button.md-fab.md-fab-bottom-left {
3562-
top: auto;
3563-
right: auto;
3564-
bottom: 2rem;
3565-
left: 2rem;
3566-
position: absolute; }
3567-
.md-button.md-fab.md-fab-top-right {
3568-
top: 2rem;
3569-
right: 2rem;
3570-
bottom: auto;
3571-
left: auto;
3572-
position: absolute; }
3573-
.md-button.md-fab.md-fab-top-left {
3574-
top: 2rem;
3575-
right: auto;
3576-
bottom: auto;
3577-
left: 2rem;
3578-
position: absolute; }
3579-
.md-button.md-fab .md-ripple-container {
3580-
border-radius: 50%;
3581-
background-clip: padding-box;
3582-
overflow: hidden;
3583-
-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); }
3584-
.md-button.md-fab md-icon {
3585-
margin-top: 0; }
3586-
.md-button.md-fab.md-mini {
3587-
line-height: 4rem;
3588-
width: 4rem;
3589-
height: 4rem; }
3590-
3591-
.md-toast-open-top .md-button.md-fab-top-left, .md-toast-open-top .md-button.md-fab-top-right {
3592-
-webkit-transform: translate3d(0, 4.2rem, 0);
3593-
transform: translate3d(0, 4.2rem, 0); }
3594-
.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 {
3595-
-webkit-transform: translate3d(0, 3.2rem, 0);
3596-
transform: translate3d(0, 3.2rem, 0); }
3597-
3598-
.md-toast-open-bottom .md-button.md-fab-bottom-left, .md-toast-open-bottom .md-button.md-fab-bottom-right {
3599-
-webkit-transform: translate3d(0, -4.2rem, 0);
3600-
transform: translate3d(0, -4.2rem, 0); }
3601-
.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 {
3602-
-webkit-transform: translate3d(0, -5.2rem, 0);
3603-
transform: translate3d(0, -5.2rem, 0); }
3604-
3605-
.md-button-group {
3606-
display: -webkit-flex;
3607-
display: -ms-flexbox;
3608-
display: flex;
3609-
-webkit-flex: 1;
3610-
-ms-flex: 1;
3611-
flex: 1;
3612-
width: 100%; }
3613-
3614-
.md-button-group > .md-button {
3615-
-webkit-flex: 1;
3616-
-ms-flex: 1;
3617-
flex: 1;
3618-
display: block;
3619-
overflow: hidden;
3620-
width: 0;
3621-
border-width: 1px 0px 1px 1px;
3622-
border-radius: 0;
3623-
text-align: center;
3624-
text-overflow: ellipsis;
3625-
white-space: nowrap; }
3626-
.md-button-group > .md-button:first-child {
3627-
border-radius: 2px 0px 0px 2px; }
3628-
.md-button-group > .md-button:last-child {
3629-
border-right-width: 1px;
3630-
border-radius: 0px 2px 2px 0px; }
3631-
3632-
@media screen and (-ms-high-contrast: active) {
3633-
.md-button.md-raised, .md-button.md-fab {
3634-
border: 1px solid #fff; }
3635-
}
3636-
36373494
md-bottom-sheet {
36383495
position: absolute;
36393496
left: 0;
@@ -3793,6 +3650,149 @@ md-bottom-sheet {
37933650
text-transform: none;
37943651
padding-top: 8px; }
37953652

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+
37963796
md-card {
37973797
box-sizing: border-box;
37983798
display: -webkit-flex;
@@ -3900,6 +3900,35 @@ md-checkbox {
39003900
-ms-user-select: text;
39013901
user-select: text; }
39023902

3903+
.md-contact-chips .md-chips .md-chip {
3904+
padding: 0 0.8rem 0 0; }
3905+
.md-contact-chips .md-chips .md-chip .md-contact-avatar {
3906+
float: left; }
3907+
.md-contact-chips .md-chips .md-chip .md-contact-avatar img {
3908+
height: 3.2rem;
3909+
border-radius: 1.6rem; }
3910+
.md-contact-chips .md-chips .md-chip .md-contact-name {
3911+
display: inline-block;
3912+
height: 3.2rem;
3913+
margin-left: 0.8rem; }
3914+
3915+
.md-contact-suggestion {
3916+
height: 5.6rem; }
3917+
.md-contact-suggestion img {
3918+
height: 4rem;
3919+
border-radius: 2rem;
3920+
margin-top: 0.8rem; }
3921+
.md-contact-suggestion .md-contact-name {
3922+
margin-left: 0.8rem;
3923+
width: 12rem; }
3924+
.md-contact-suggestion .md-contact-name, .md-contact-suggestion .md-contact-email {
3925+
display: inline-block;
3926+
overflow: hidden;
3927+
text-overflow: ellipsis; }
3928+
3929+
.md-contact-chips-suggestions li {
3930+
height: 100%; }
3931+
39033932
.md-chips {
39043933
box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.26);
39053934
display: block;
@@ -3919,6 +3948,8 @@ md-checkbox {
39193948
padding-right: 0.4rem; }
39203949
.md-chips .md-chip .md-chip-content:focus {
39213950
outline: none; }
3951+
.md-chips .md-chip .md-chip-remove-container {
3952+
display: inline-block; }
39223953
.md-chips .md-chip.selected {
39233954
box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.26); }
39243955
.md-chips .md-chip .md-button.md-chip-remove {
@@ -3941,6 +3972,23 @@ md-checkbox {
39413972
padding: 0; }
39423973
.md-chips .md-chip-input-container input:not([type]):focus, .md-chips .md-chip-input-container input[type="email"]:focus, .md-chips .md-chip-input-container input[type="number"]:focus, .md-chips .md-chip-input-container input[type="tel"]:focus, .md-chips .md-chip-input-container input[type="url"]:focus, .md-chips .md-chip-input-container input[type="text"]:focus {
39433974
outline: none; }
3975+
.md-chips .md-chip-input-container md-autocomplete, .md-chips .md-chip-input-container md-autocomplete-wrap {
3976+
background: transparent;
3977+
height: 3.2rem; }
3978+
.md-chips .md-chip-input-container md-autocomplete {
3979+
box-shadow: none; }
3980+
.md-chips .md-chip-input-container md-autocomplete input {
3981+
position: relative; }
3982+
.md-chips .md-chip-input-container md-autocomplete button md-icon {
3983+
top: 1px;
3984+
/* Reposition the (x) button in the autocomplete */ }
3985+
.md-chips .md-chip-input-container input {
3986+
border: 0;
3987+
height: 3.2rem;
3988+
line-height: 3.2rem;
3989+
padding: 0; }
3990+
.md-chips .md-chip-input-container input:focus {
3991+
outline: none; }
39443992
.md-chips .md-chip-input-container md-autocomplete, .md-chips .md-chip-input-container md-autocomplete-wrap {
39453993
height: 3.2rem; }
39463994
.md-chips .md-chip-input-container md-autocomplete {

0 commit comments

Comments
 (0)