Sha256: ce312c233e2d3ac36a7b5f87df89766b06b4e4e3c8e27c102be642022026251c
Contents?: true
Size: 701 Bytes
Versions: 22
Compression:
Stored size: 701 Bytes
Contents
@mixin SolidBtn($name : slate) {
background: setcolor($name);
&:hover {
background: darken(setcolor($name),3%);
}
}
@mixin OutlineBtn($name : slate) {
border: 1px solid setcolor($name);
fill: setcolor($name);
background: transparent;
&:hover {
background: rgba(setcolor($name),12%);
}
button {
color: setcolor($name);
}
&.active {
background: setcolor($name);
transition: 300ms background;
fill: white;
button {
color: white;
}
}
}
@mixin InactiveBtn($name : gun) {
border: 1px solid lighten(setcolor($name),35%);
background: lighten(setcolor($name),55%);
fill: setcolor($name);
button {
color: setcolor($name);
}
}
Version data entries
22 entries across 22 versions & 1 rubygems