muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 04:46:40 +07:00
Code Packages Activity Actions

fixed lab header colors

Browse source
This commit is contained in:
Fedor Katurov 2022-03-24 19:12:43 +07:00
parent 26a061026f
commit 61326f237f
8 changed files with 63 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

37
src/components/lab/LabHeadItem/styles.module.scss
View file

@ -2,21 +2,52 @@
.item {
flex: 0 0 auto;
padding: $gap * 0.5;
padding: $gap * 0.5 $gap * 1.5 $gap * 0.5 $gap;
fill: currentColor;
color: darken(white, 50%);
transition: color 0.25s;
cursor: pointer;
border-radius: $radius;
min-height: 36px;
display: flex;
flex-direction: row;
align-items: center;
&:hover {
color: white;
}
@include tablet {
flex-direction: column;
flex: 1;
}
&.active {
color: $wisegreen;
@include outer_shadow;
color: white;
&.green {
background: $green_gradient;
}
&.orange {
background: $red_gradient;
}
&.yellow {
background: $yellow_gradient;
}
}
}
.text {
font: $font_16_semibold;
font: $font_14_semibold;
text-transform: uppercase;
padding-bottom: 1px;
padding-left: $gap * 0.75;
@include tablet {
padding-top: $gap * 0.5;
font: $font_12_semibold;
}
}