67 lines
998 B
Plaintext
67 lines
998 B
Plaintext
// Xenon Based Mixins
|
|
.xenon-btn-style(@bg; @txt: #FFF; @txt-hover: @txt)
|
|
{
|
|
@border: darken(@bg, 5%);
|
|
background-color: @bg;
|
|
color: @txt;
|
|
|
|
&:hover {
|
|
background-color: @border;
|
|
text-color: @txt-hover;
|
|
}
|
|
|
|
&:active,
|
|
&:focus {
|
|
background-color: @border;
|
|
border-color: darken(@border, 2%);
|
|
}
|
|
}
|
|
|
|
.xenon-btn-icon-standalone(@color; @bg-pct: 2%; @border-pct: 5%; @border-hover-pct: 6%)
|
|
{
|
|
&.btn-icon-standalone {
|
|
|
|
i {
|
|
background-color: darken(@color, @bg-pct);
|
|
border-right-color: darken(@color, @border-pct);
|
|
}
|
|
|
|
&.btn-icon-standalone-right {
|
|
|
|
i {
|
|
border-left-color: darken(@color, @border-pct);
|
|
}
|
|
|
|
&:hover {
|
|
|
|
i {
|
|
border-left-color: darken(@color, @border-hover-pct);
|
|
}
|
|
}
|
|
}
|
|
|
|
&:hover {
|
|
|
|
i {
|
|
border-right-color: darken(@color, @border-hover-pct);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
// Input Unstyled
|
|
.input-unstyled() {
|
|
border: 0;
|
|
background: none;
|
|
padding: 0;
|
|
height: auto;
|
|
}
|
|
|
|
|
|
|
|
// Uppercase
|
|
.upper() {
|
|
text-transform: uppercase;
|
|
} |