therwi/sunkkoma
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add styling with base16.

Browse source 
Solarized-dark for now.
This commit is contained in:
Roger Braun 2017-01-15 15:44:56 +01:00
parent 590782701d
commit fc7e13e7bb
18 changed files with 83 additions and 70 deletions
Download patch file Download diff file Expand all files Collapse all files

39
src/App.scss
View file

@ -1,6 +1,5 @@
@import './_variables.scss';
#app {
background-color: $main-color;
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
@ -28,7 +27,6 @@ body {
a {
text-decoration: none;
color: $main-color;
}
.container {
@ -55,7 +53,6 @@ a {
}
nav {
background: black;
width: 100%;
align-items: center;
position: fixed;
@ -72,27 +69,6 @@ main-router {
flex: 1;
}
.status:hover {
background-color: $darkened-background;
}
.new-status-notification {
font-size: 1.1em;
background-color: $darkened-background;
border-bottom-color: darken($darkened-background, 5%);
border-bottom-style: solid;
border-bottom-width: 1px;
&:hover {
background-color: darken($darkened-background, 5%);
}
p {
margin: 0px;
padding: 10px;
}
}
.status.compact {
color: rgba(0, 0, 0, 0.42);
font-weight: 300;
@ -108,7 +84,6 @@ main-router {
.panel {
display: flex;
flex-direction: column;
background-color: $main-background;
margin: 0.5em;
border-radius: 0.5em;
@ -117,7 +92,6 @@ main-router {
.panel-heading {
border-radius: 0.5em 0.5em 0 0;
background-size: cover;
background-color: bisque;
padding-top: 0.3em;
padding-bottom: 0.3em;
text-align: center;
@ -125,12 +99,12 @@ main-router {
}
.panel-footer {
background-color: bisque;
border-radius: 0 0 0.5em 0.5em;
}
.panel-body > p {
margin: 1em;
padding: 1em;
margin: 0;
}
@ -176,10 +150,6 @@ main-router {
font-weight: lighter;
margin: 0;
}
span {
color: $main-color;
}
}
.fa {
@ -200,17 +170,12 @@ status-text-container {
display: block;
}
attention {
color: $main-color;
}
.status-el {
line-height: 18px;
.notify {
.avatar {
border-width: 3px;
border-color: $main-color;
border-style: solid;
}
}