Styles fixes around issues
parent
d98c7f2b74
commit
05d22fe67e
|
@ -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 {
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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__
|
||||||
|
|
|
@ -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
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in New Issue