scratchfoundation/scratchx
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratchx.git synced 2025-02-26 23:33:53 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix colors on the home page

Browse source
This commit is contained in:
Ray Schamp 2015-08-10 10:28:53 -04:00
parent 00f9fe4e45
commit e31e10b422
3 changed files with 17 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
css/scratchx.css
View file

@ -1226,8 +1226,8 @@ body.page-home > main > header {
#home { #home {
padding-top: 0; } padding-top: 0; }
#home > header { #home > header {
background: url(../images/editor.png); background-image: linear-gradient(to bottom, rgba(63, 89, 117, 0) 67%, #3f5975 33%), url(../images/editor.png);
background-size: cover; background-size: cover, cover;
padding-top: 3.75em; } padding-top: 3.75em; }
#home > header h1 { #home > header h1 {
font-weight: normal; } font-weight: normal; }
@ -1350,6 +1350,10 @@ body.page-home > main > header {
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
font-size: 1.5em; font-size: 1.5em;
padding-right: 0.375em; } padding-right: 0.375em; }
#home > header .bottom-row > div > aside a {
color: #4ABFF9; }
#home > header .bottom-row > div > aside a:hover {
color: #fff; }
#home > header .bottom-row > div > a { #home > header .bottom-row > div > a {
float: left; float: left;
display: block; display: block;

12
sass/_home.scss
View file

@ -16,8 +16,8 @@ body.page-home > main > header {
padding-top: 0; padding-top: 0;
> header { > header {
background: url(../images/editor.png); background-image: linear-gradient(to bottom, rgba($dark-blue, 0) 67%, rgba($dark-blue, 1) 33%), url(../images/editor.png);
background-size: cover; background-size: cover, cover;
padding-top: $vertical-base * 10; padding-top: $vertical-base * 10;
h1 { h1 {
@ -92,6 +92,14 @@ body.page-home > main > header {
font-size: 1.5 * $base-font-size; font-size: 1.5 * $base-font-size;
padding-right: $vertical-base; padding-right: $vertical-base;
} }
a {
color: $bright-blue-dark-bg;
&:hover {
color: $white;
}
}
} }
> a { > a {

1
sass/base/_variables.scss
View file

@ -24,6 +24,7 @@ $base-z-index: 0;
$white: #fff; $white: #fff;
$blue: #21b4f0; $blue: #21b4f0;
$bright-blue: #24a3ec; $bright-blue: #24a3ec;
$bright-blue-dark-bg: #4ABFF9;
$light-blue: #d7e5f3; $light-blue: #d7e5f3;
$dark-blue: #3f5975; $dark-blue: #3f5975;
$dark-gray: #58595b; $dark-gray: #58595b;