Styles fixes around issues

stable
Xavier Julián 2014-07-29 10:51:06 +02:00
parent d98c7f2b74
commit 05d22fe67e
7 changed files with 14 additions and 22 deletions

View File

@ -14,7 +14,7 @@
flex-direction: row; flex-direction: row;
flex-wrap: nowrap; flex-wrap: nowrap;
justify-content: flex-start; justify-content: flex-start;
padding: 1rem 0 1rem 1rem; padding: .5rem 0 .5rem 0;
text-align: left; text-align: left;
width: 100%; width: 100%;
@for $i from 1 through 8 { @for $i from 1 through 8 {

View File

@ -43,7 +43,7 @@
overflow: hidden; overflow: hidden;
position: relative; position: relative;
text-overflow: ellipsis; text-overflow: ellipsis;
top: 4px; top: -6px;
white-space: nowrap; white-space: nowrap;
width: 50px; width: 50px;
} }

View File

@ -5,6 +5,7 @@ $blackish: #050505;
$gray: #555; $gray: #555;
$grayer: #444; $grayer: #444;
$gray-light: #cdcdcd; $gray-light: #cdcdcd;
$very-light-gray: #e3e3e3;
$whitish: #f5f5f5; $whitish: #f5f5f5;
$white: #fff; $white: #fff;
@ -14,7 +15,7 @@ $dark-taiga: #879b89;
$dry-taiga: #70a87d; $dry-taiga: #70a87d;
$morning-taiga: #7ab987; $morning-taiga: #7ab987;
$dark-grayish-lime-green: #8b9e8d; $dark-grayish-lime-green: #8b9e8d;
$very-light-gray: #e3e3e3;
$red-light: #ff8282; $red-light: #ff8282;
$red: #f00; $red: #f00;

View File

@ -19,18 +19,6 @@ blockquote {
content: '\2014 \0020'; content: '\2014 \0020';
} }
} }
a,
a:visited {
color: #555;
}
}
a {
color: $blackish;
&:hover {
@include transition (color .3s linear);
color: $green-taiga;
}
} }
// __Lists__ // __Lists__

View File

@ -87,11 +87,14 @@ hr {
} }
// __Links__ // __Links__
a, a,
a:visited { a:visited {
color: #333; color: $grayer;
text-decoration: none; text-decoration: none;
&:hover {
@include transition (color .3s linear);
color: $green-taiga;
}
} }
// Taiga Icons // Taiga Icons

View File

@ -26,8 +26,8 @@
} }
.icon-search { .icon-search {
position: absolute; position: absolute;
right: 10px; right: .7rem;
top: 6px; top: .7rem;
} }
ul { ul {
left: 0; left: 0;

View File

@ -32,8 +32,8 @@
form { form {
.icon-search { .icon-search {
position: absolute; position: absolute;
right: .5rem; right: .7rem;
top: .5rem; top: .7rem;
} }
} }
} }
@ -64,7 +64,7 @@
@include transition (color .2s ease-in); @include transition (color .2s ease-in);
color: $grayer; color: $grayer;
display: block; display: block;
padding: 1rem 0 1rem 1rem; padding: .5rem 0 .5rem .5rem;
&:hover { &:hover {
@include transition (color .2s ease-in); @include transition (color .2s ease-in);
color: $green-taiga; color: $green-taiga;