jellyfin-web/dashboard-ui/thirdparty/paper-button/paper-button-style.css

118 lines
2.3 KiB
CSS
Raw Normal View History

2015-06-15 21:52:01 -07:00
paper-button {
font-weight: 500;
vertical-align: middle;
}
paper-button.block {
display: block;
margin-bottom: 1em;
}
paper-button[toggles] {
transition: background-color 0.3s;
}
paper-button[toggles][active] {
background-color: rgba(0, 0, 0, 0.25);
}
paper-button.secondary {
color: #4285f4;
}
paper-button[raised].secondary {
background: #4285f4;
color: #fff;
}
paper-button[toggles][active].secondary {
background-color: rgba(66, 133, 244, 0.25);
}
paper-button[toggles][active][raised].secondary {
background-color: rgba(66, 133, 244, 0.75);
}
paper-button.submit {
color: #52B54B;
}
paper-button[raised].submit {
background: #52B54B;
color: #fff;
}
paper-button[toggles][active].submit {
background-color: rgba(82, 181, 75, 0.25);
}
paper-button[toggles][active][raised].submit {
background-color: rgba(82, 181, 75, 0.75);
}
paper-button.cancel {
color: #444;
}
paper-button[raised].cancel {
background: #444;
color: #fff;
}
paper-button[toggles][active].cancel {
background-color: rgba(68, 68, 68, 0.25);
}
paper-button[toggles][active][raised].cancel {
background-color: rgba(68, 68, 68, 0.75);
}
paper-button.hover:hover {
background: #eee;
}
paper-button.ripple::shadow paper-ripple {
color: var(--paper-pink-a200);
}
paper-button.ripple paper-ripple {
color: var(--paper-pink-a200);
}
paper-button span {
vertical-align: middle;
}
paper-button:not(.iconRight) iron-icon, paper-button:not(.iconRight) .fa {
margin-right: .5em;
}
paper-button.iconRight iron-icon, paper-button.iconRight .fa {
position: absolute;
right: 5px;
top: 5px;
}
.clearButton {
background: transparent;
border: 0;
padding: 0;
cursor: pointer;
outline: none;
color: inherit;
width: 100%;
}
.clearLink {
text-decoration: none;
font-weight: inherit !important;
}
paper-button.mini {
min-width: initial;
}
paper-button.mini .content {
padding: 0.35em 0.9em;
}