pnx/httpcb
Archived
1
0
Fork 0
Code Releases Activity

Converting application less to sass.

Browse source
This commit is contained in:
Henrik Hautakoski 2018-08-19 00:26:22 +02:00
parent b30be955ca
commit fec6b6caa5
26 changed files with 1140 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

64
app/assets/sass/mixins/_button.scss Normal file
View file

@ -0,0 +1,64 @@
@mixin button-color($color, $background-color, $hover-color: darken($background-color, 10%)) {
&:not(.button-ghost) {
color: $color;
background-color: $background-color;
&:hover {
color: $color;
background-color: $hover-color;
}
}
/* .button-ghost& {
border: 2px solid $background-color;
color: $background-color;
} */
}
@mixin button-variant($color, $background, $hover: darken($background, 10%)) {
color: $color;
background-color: $background;
&:hover,
&:active {
color: $color;
background-color: $hover;
}
}
@mixin button-outline-variant($color, $background) {
box-shadow: inset 0 0 0 2px $background;
color: $background;
&:hover,
&:active {
color: $color;
background-color: $background;
}
}
@mixin button-circle($width) {
display: block;
text-align: center;
width: $width;
height: $width;
line-height: $width;
border-radius: 50%;
}
// Rectangular button.
@mixin rect-button($color, $hover-color: darken($color, 20%)) {
border-radius: 0;
border: 2px solid $color;
color: $color;
&:hover {
color: $hover-color;
border-color: $hover-color;
}
}

5
app/assets/sass/mixins/_icon-vcenter.scss Normal file
View file

@ -0,0 +1,5 @@
@mixin icon-vcenter() {
margin-top: -0.2em;
vertical-align: middle;
}