tab button styles
This commit is contained in:
parent
7389518e9a
commit
665cb3102d
3 changed files with 39 additions and 1 deletions
|
|
@ -476,6 +476,25 @@ input[type="file"] {
|
||||||
/* outline-offset: -2px; */
|
/* outline-offset: -2px; */
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.tab-switch {
|
||||||
|
background-color: rgba(30, 77, 108, 0);
|
||||||
|
color: rgba(0, 255, 220, 0.6);
|
||||||
|
border: 2px solid rgba(0, 255, 220, 0);
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tab-switch:hover,
|
||||||
|
.tab-active {
|
||||||
|
background-color: rgb(0, 180, 156);
|
||||||
|
color: rgb(0, 0, 0);
|
||||||
|
border: 2px solid rgb(0, 180, 156);
|
||||||
|
}
|
||||||
|
|
||||||
|
.tab-switch:focus {
|
||||||
|
outline: 0;
|
||||||
|
border-color: rgb(0, 255, 221);
|
||||||
|
}
|
||||||
|
|
||||||
.centered {
|
.centered {
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -368,6 +368,25 @@ input[type="file"] {
|
||||||
/* outline-offset: -2px; */
|
/* outline-offset: -2px; */
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.tab-switch {
|
||||||
|
background-color: rgba(30, 77, 108, 0);
|
||||||
|
color: rgba(0, 255, 220, 0.6);
|
||||||
|
border: 2px solid rgba(0, 255, 220, 0);
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tab-switch:hover,
|
||||||
|
.tab-active {
|
||||||
|
background-color: rgb(0, 180, 156);
|
||||||
|
color: rgb(0, 0, 0);
|
||||||
|
border: 2px solid rgb(0, 180, 156);
|
||||||
|
}
|
||||||
|
|
||||||
|
.tab-switch:focus {
|
||||||
|
outline: 0;
|
||||||
|
border-color: rgb(0, 255, 221);
|
||||||
|
}
|
||||||
|
|
||||||
.centered {
|
.centered {
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue