build(app): use sass colors

This commit is contained in:
Julien
2018-09-10 01:14:07 +02:00
parent e346eafe21
commit 97789508c5
16 changed files with 91 additions and 20 deletions

View File

@@ -73,9 +73,9 @@ $c: ".c-base-cheatsheet";
#{$c} {
display: block;
padding: 10px;
border: 1px solid #313d4f;
border: 1px solid $oxford-blue;
border-radius: 6px;
background: #273142;
background: $ebony-clay;
#{$c}__link {
#{$c}__thumbnail {
@@ -92,7 +92,7 @@ $c: ".c-base-cheatsheet";
#{$c}__name {
margin-bottom: 20px;
color: #ffffff;
color: $white;
font-size: 18px;
}

View File

@@ -37,7 +37,7 @@ $c: ".c-base-divider";
#{$c}__category {
margin-right: 40px;
color: #ffffff;
color: $white;
text-align-last: left;
text-transform: uppercase;
font-weight: bold;
@@ -49,7 +49,7 @@ $c: ".c-base-divider";
display: block;
height: 1px;
border: 0;
border-top: 1px solid #313d4f;
border-top: 1px solid $oxford-blue;
}
}
</style>

View File

@@ -48,15 +48,15 @@ $c: ".c-the-copyright";
display: flex;
align-items: center;
justify-content: center;
padding: 5px 5px 5px 10px;
border-top: 1px solid #313d4f;
border-left: 1px solid #313d4f;
padding: 5px 10px;
border-top: 1px solid $oxford-blue;
border-left: 1px solid $oxford-blue;
border-top-left-radius: 4px;
background-color: #171e29;
background-color: $mirage2;
#{$c}__name {
margin-right: 6px;
color: #ffffff;
color: $white;
font-size: 14px;
}