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

Commit e027ae5

Browse files
author
ngMaterial Bot
committed
release: version 0.8.3-master-6d36850
1 parent 317f75e commit e027ae5

File tree

103 files changed

+484
-484
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

+484
-484
lines changed

‎angular-material.css

+144-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-f801b68
5+
* v0.8.3-master-6d36850
66
*/
77
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic);
88
html, body {
@@ -3491,6 +3491,149 @@ 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+
34943637
md-bottom-sheet {
34953638
position: absolute;
34963639
left: 0;
@@ -3650,149 +3793,6 @@ md-bottom-sheet {
36503793
text-transform: none;
36513794
padding-top: 8px; }
36523795

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;

0 commit comments

Comments
 (0)