Galleries/PythonGallery
1
0
Fork 0
mirror of https://github.com/Derpy-Leggies/OnlyLegs.git synced 2025-06-29 11:36:16 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Sass compiling

Browse source 
Database manager
This commit is contained in:
Michał Gdula 2023-01-01 14:31:28 +00:00
parent 594431b420
commit ce6e839281
10 changed files with 160 additions and 397 deletions
Download patch file Download diff file Expand all files Collapse all files

53
usr/themes/default/buttons/btn.scss Normal file
View file

@ -0,0 +1,53 @@
@mixin button($color) {
border-color: rgba($color, 0.3);
background-color: rgba($color, 0);
color: $color;
&:hover {
background-color: rgba($color, 0.2);
}
&:active {
border-color: rgba($color, 1);
background-color: rgba($color, 0.5);
color: $color;
}
}
.btn {
padding: 0.5rem 1rem;
border-radius: 0.25rem;
border: 1px solid rgba($white100, 0.3);
background-color: rgba($white100, 0);
color: $white100;
transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
&:hover {
background-color: rgba($white100, 0.2);
}
&:active {
border-color: rgba($white100, 1);
background-color: rgba($white100, 0.5);
color: $white100;
}
&.red {
@include button($red);
}
&.orange {
@include button($orange);
}
&.yellow {
@include button($yellow);
}
&.green {
@include button($green);
}
&.blue {
@include button($blue);
}
&.purple {
@include button($purple);
}
}