kredits/kredits-web
9
0
Fork 0
Code Issues 22 Pull Requests 1 Actions Releases 18 Activity

Add background overlay to improve contrast

Browse Source 
And use lowercase-hyphenated syntax for variables/mixins.
This commit is contained in:
Basti
2018-07-12 11:26:30 +02:00
parent 1e14cc695e
commit ef0f3ffbfb
6 changed files with 22 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/styles/_colors.scss
+9 -1
View File
@@ -5,7 +5,15 @@ $green: #97fb68;
$yellow: #fbe468; $yellow: #fbe468;
$red: #fb6868; $red: #fb6868;
$primaryColor: $blue; $primary-color: $blue;
$body-text-color: #fff;
@mixin body-background {
background-image: linear-gradient(to bottom, rgba(22, 21, 40, .4), rgba(0, 0, 0, .75)), url('/img/bg.jpg');
background-repeat: none;
background-attachment: fixed;
}
#topbar { #topbar {
background-color: rgba(255, 0, 255, .2); background-color: rgba(255, 0, 255, .2);
app/styles/app.scss
+6 -8
View File
@@ -21,12 +21,10 @@
$font-family-sans: 'Open Sans', sans-serif; $font-family-sans: 'Open Sans', sans-serif;
body { body {
background-image: url('/img/bg.jpg'); @include body-background;
background-repeat: none;
background-attachment: fixed;
font-family: $font-family-sans; font-family: $font-family-sans;
font-weight: 300; font-weight: 300;
color: #fff; color: $body-text-color;
} }
@media screen and (min-width: 900px) { @media screen and (min-width: 900px) {
@@ -44,7 +42,7 @@ h1, h2, h3, h4, h5, input, button {
section { section {
h2 { h2 {
font-size: 1.4rem; font-size: 1.4rem;
color: $primaryColor; color: $primary-color;
} }
&#people { &#people {
@@ -68,14 +66,14 @@ section {
.actions { .actions {
padding-top: 3rem; padding-top: 3rem;
font-size: 1rem; font-size: 1rem;
color: $primaryColor; color: $primary-color;
text-align: center; text-align: center;
@include media($mobile) { @include media($mobile) {
padding-top: 2rem; padding-top: 2rem;
} }
a { a {
color: $primaryColor; color: $primary-color;
} }
} }
} }
@@ -85,7 +83,7 @@ button, input[type=submit] {
display: inline-block; display: inline-block;
border: 1px solid rgba(22, 21, 40, 1); border: 1px solid rgba(22, 21, 40, 1);
background-color: rgba(22, 21, 40, 0.6); background-color: rgba(22, 21, 40, 0.6);
color: $primaryColor; color: $primary-color;
border-radius: 3px; border-radius: 3px;
font-weight: 500; font-weight: 500;
text-transform: uppercase; text-transform: uppercase;
app/styles/components/_add-contributor.scss
+1 -1
View File
@@ -9,7 +9,7 @@ section#add-contributor, section#add-proposal {
padding-top: 1rem; padding-top: 1rem;
text-align: center; text-align: center;
a { a {
color: $primaryColor; color: $primary-color;
margin-left: 1rem; margin-left: 1rem;
} }
} }
app/styles/components/_contributor-list.scss
+1 -1
View File
@@ -22,7 +22,7 @@ table.contributor-list {
} }
a { a {
color: $primaryColor; color: $primary-color;
&:hover, &:active { &:hover, &:active {
color: #fff; color: #fff;
} }
app/styles/components/_loading-spinner.scss
+2 -2
View File
@@ -11,7 +11,7 @@
margin-top: 12rem; margin-top: 12rem;
text-align: center; text-align: center;
font-size: 1.4rem; font-size: 1.4rem;
color: $primaryColor; color: $primary-color;
@include media($mobile) { @include media($mobile) {
margin-top: 6rem; margin-top: 6rem;
@@ -23,7 +23,7 @@
margin-bottom: 2rem; margin-bottom: 2rem;
#path-comet { #path-comet {
fill: $primaryColor; fill: $primary-color;
opacity: 0.1; opacity: 0.1;
animation-name: pulse; animation-name: pulse;
app/styles/components/_proposal-list.scss
+1 -1
View File
@@ -70,7 +70,7 @@ ul.proposal-list {
.votes { .votes {
font-size: 1rem; font-size: 1rem;
color: $primaryColor; color: $primary-color;
margin-right: 0.5rem; margin-right: 0.5rem;
} }