[Glitch] Improve style of web UI account tabs
Port of 5ce4b21455
to glitch
This commit is contained in:
parent
ce24c3186b
commit
b1691c9811
1 changed files with 8 additions and 6 deletions
|
@ -431,22 +431,24 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.account__section-headline {
|
.account__section-headline {
|
||||||
background: lighten($ui-base-color, 2%);
|
background: darken($ui-base-color, 4%);
|
||||||
border-bottom: 1px solid lighten($ui-base-color, 4%);
|
border-bottom: 1px solid lighten($ui-base-color, 8%);
|
||||||
cursor: default;
|
cursor: default;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
a {
|
a {
|
||||||
display: block;
|
display: block;
|
||||||
color: $ui-base-lighter-color;
|
flex: 1 1 auto;
|
||||||
padding: 15px 10px;
|
color: $ui-primary-color;
|
||||||
|
padding: 15px 0;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
&.active {
|
&.active {
|
||||||
color: $ui-highlight-color;
|
color: $ui-secondary-color;
|
||||||
|
|
||||||
&::before,
|
&::before,
|
||||||
&::after {
|
&::after {
|
||||||
|
@ -460,7 +462,7 @@
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-width: 0 10px 10px;
|
border-width: 0 10px 10px;
|
||||||
border-color: transparent transparent lighten($ui-base-color, 4%);
|
border-color: transparent transparent lighten($ui-base-color, 8%);
|
||||||
}
|
}
|
||||||
|
|
||||||
&::after {
|
&::after {
|
||||||
|
|
Loading…
Reference in a new issue