Fluffy/SassStuff
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Clearer tab select

Browse source 
correct padding in Alerts
Pressed button has inset shaddow
This commit is contained in:
Michał Gdula 2022-10-01 18:49:17 +00:00
parent 045ee3ff9f
commit 52da7d7899
5 changed files with 25 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

26
3D Components/Sass/assets/_tab.scss
View file

@ -33,6 +33,7 @@
background: darken($color, 15%);
background-image: linear-gradient(to top, darken($color, 10%), darken($color, 15%));
border-color: 1px darken($color, 20%) solid;
box-shadow: inset 0 0 5px rgba(darken($color, 20%), 0.4);
}
}
@ -53,13 +54,24 @@
text-shadow: 0 1px 0 $black;
transition: all 0.2s ease-in-out;
&:first-child {
border-top-left-radius: $border-radius;
border-bottom-left-radius: $border-radius;
}
&:last-child {
border-top-right-radius: $border-radius;
border-bottom-right-radius: $border-radius;
@if $border-radius <= 0 {
&:first-child {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
&:last-child {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
} @else {
&:first-child {
border-top-left-radius: $border-radius;
border-bottom-left-radius: $border-radius;
}
&:last-child {
border-top-right-radius: $border-radius;
border-bottom-right-radius: $border-radius;
}
}
&:hover {