2017-11-08 01:06:16 +00:00
|
|
|
$dark-grey-1: #2a3743;
|
|
|
|
$dark-grey-2: #344453;
|
2017-11-12 21:33:41 +00:00
|
|
|
$dark-grey-3: #aaa;
|
2017-11-08 01:06:16 +00:00
|
|
|
$light-grey-1: #b5c3d1;
|
2017-11-12 21:33:41 +00:00
|
|
|
$light-grey-2: #ececec;
|
2017-11-08 01:06:16 +00:00
|
|
|
|
2017-12-25 09:50:03 +00:00
|
|
|
body {
|
|
|
|
background-color: #fff;
|
|
|
|
transition: background-color 0.2s linear;
|
|
|
|
}
|
|
|
|
|
2017-11-08 01:06:16 +00:00
|
|
|
#app-container {
|
2017-12-25 09:50:03 +00:00
|
|
|
background-color: #fff;
|
|
|
|
|
2017-11-08 01:06:16 +00:00
|
|
|
> aside {
|
|
|
|
background-color: $dark-grey-1;
|
|
|
|
color: $light-grey-1;
|
|
|
|
|
|
|
|
a {
|
|
|
|
color: $light-grey-1;
|
|
|
|
text-decoration: none;
|
2017-11-12 03:03:13 +00:00
|
|
|
&:hover {
|
|
|
|
color: #fff;
|
|
|
|
}
|
2017-11-08 01:06:16 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
> main {
|
|
|
|
background-color: #fff;
|
2017-11-12 21:33:41 +00:00
|
|
|
|
|
|
|
> header {
|
|
|
|
a:link,
|
|
|
|
a:visited {
|
|
|
|
color: $dark-grey-3;
|
|
|
|
}
|
|
|
|
a:hover {
|
|
|
|
color: $dark-grey-1;
|
|
|
|
}
|
|
|
|
}
|
2017-11-08 01:06:16 +00:00
|
|
|
}
|
2017-12-25 09:50:03 +00:00
|
|
|
|
|
|
|
&.disconnected main {
|
|
|
|
background-color: $light-grey-2;
|
|
|
|
}
|
2017-11-08 01:06:16 +00:00
|
|
|
}
|