Sha256: 2e5b5d1edc0b52a194193be4587a5d534b41d33c6cef1b6c79c5fc6306e5303c
Contents?: true
Size: 1.79 KB
Versions: 44
Compression:
Stored size: 1.79 KB
Contents
button,
input[type="button"],
input[type="submit"]
{
@include clickable-element;
}
.button
{
cursor:pointer;
display: inline-block;
background: $color-highlight-normal;
color: $color-text-inverted-lightest;
@include font-size-larger;
padding: steps(0.5) steps(1.5);
text-decoration: none;
position: relative;
&:not(.only-icon) i
{
padding-right: steps(1)
}
&:hover,
&:focus,
&:active
{
background: $color-highlight-darker;
text-decoration: none;
}
&.only-icon
{
height: steps(3);
width: steps(3);
text-align: center;
padding-left: 0;
padding-right: 0;
}
&.secondary
{
background: $color-background-darker;
color: $color-text-lighter;
&:hover,
&:focus,
&:active
{
background: $color-background-darkest;
color: $color-text-light;
}
}
&.danger
{
&:hover,
&:focus,
&:active,
{
background: $color-alert;
}
}
// :TODO: change to .disabled class instead of attribtue selector when JS disabling code has been updated
&[disabled]
{
&,
&:hover,
&:focus,
&:active
{
color: $color-text-lightest;
background-color: $color-background-darker;
cursor: default;
}
}
// :TODO: update loading code
&.loading
{
*
{
visibility: hidden;
}
.loader
{
visibility: visible;
padding: 0;
position: absolute;
left: 50%;
top: 50%;
margin-left: -0.5em;
margin-top: -0.5em;
}
}
}
Version data entries
44 entries across 44 versions & 1 rubygems