Basic channel button css

This commit is contained in:
shockrah
2021-02-12 18:11:20 -08:00
parent 6904e8eb26
commit 8fb0fdbeed
3 changed files with 45 additions and 11 deletions

View File

@@ -0,0 +1,42 @@
@import 'general';
.channel {
color: $text;
background-color: $top-grey;
text-decoration: none;
}
.channel a {
color: $text;
background-color: $top-grey;
text-decoration: none;
}
.channel a:focus {
background-color: $bar-grey !important;
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5) !important; // ghosty white outline
}
.channel a:hover {
background-color: $bar-grey !important;
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5) !important; // ghosty white outline
}
.channel a:active {
background-color: $bar-grey !important;
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5) !important; // ghosty white outline
}
.channel a:visited {
background-color: $bar-grey !important;
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5) !important; // ghosty white outline
}
.channel-name {
color: $text;
}
.channel-name:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5)
}

View File

@@ -1,6 +1,7 @@
@import 'general';
@import 'scroll';
@import 'join-modal';
@import 'channels';
body {
color: $text;
@@ -91,10 +92,6 @@ ul ul a {
color: $text;
}
.message:hover {
background-color: $top-grey;
}
.message a:hover {
background-color: $bar-grey;
color: $text;