Basic channel button css
This commit is contained in:
42
freechat-client/sass/channels.scss
Normal file
42
freechat-client/sass/channels.scss
Normal 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)
|
||||
}
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user