ben
/
bot.benharr.is
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

fixed SCSS color function issue

This commit is contained in:
felix 2015-09-13 13:05:35 +07:00
parent 879d945203
commit 71dbeb5b3f
1 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
_sass/_base.scss
View File

@ -52,7 +52,7 @@ p {
} }
.text-faded { .text-faded {
color: fade(white, 70%); color: rgba(white, .7);
} }
section { section {
@ -71,7 +71,7 @@ aside {
.navbar-default { .navbar-default {
background-color: white; background-color: white;
border-color: fade($theme-dark, 5%); border-color: rgba($theme-dark, .5);
@include sans-serif-font; @include sans-serif-font;
@include transition-all; @include transition-all;
.navbar-header .navbar-brand { .navbar-header .navbar-brand {
@ -110,9 +110,9 @@ aside {
} }
@media (min-width: 768px) { @media (min-width: 768px) {
background-color: transparent; background-color: transparent;
border-color: fade(white, 30%); border-color: rgba(white, .3);
.navbar-header .navbar-brand { .navbar-header .navbar-brand {
color: fade(white, 70%); color: rgba(white, .7);
&:hover, &:hover,
&:focus { &:focus {
color: white; color: white;
@ -120,14 +120,14 @@ aside {
} }
.nav > li > a, .nav > li > a,
.nav > li > a:focus { .nav > li > a:focus {
color: fade(white, 70%); color: rgba(white, .7);
&:hover { &:hover {
color: white; color: white;
} }
} }
&.affix { &.affix {
background-color: white; background-color: white;
border-color: fade($theme-dark, 5%); border-color: rgba($theme-dark, .5);
.navbar-header .navbar-brand { .navbar-header .navbar-brand {
color: $theme-primary; color: $theme-primary;
font-size: 14px; font-size: 14px;
@ -175,7 +175,7 @@ header {
} }
p { p {
font-weight: 300; font-weight: 300;
color: fade(white, 70%); color: rgba(white, .7);
font-size: 16px; font-size: 16px;
margin-bottom: 50px; margin-bottom: 50px;
} }
@ -231,7 +231,7 @@ header {
color: white; color: white;
opacity: 0; opacity: 0;
display: block; display: block;
background: fade($theme-primary, 90%); background: rgba( $theme-primary, .9 );
position: absolute; position: absolute;
bottom: 0; bottom: 0;
text-align: center; text-align: center;