Use black for borders instead of white.

This commit is contained in:
Michael Smith 2016-12-26 14:56:15 +01:00
parent 2ed616981e
commit a78177439c
4 changed files with 6 additions and 82 deletions

View File

@ -4,7 +4,7 @@
pre,
code {
font-size: 15px;
border: 1px solid #fff;
border: 1px solid #000;
border-radius: 3px;
background-color: #eef;
}

View File

@ -2,8 +2,8 @@
* Site header
*/
.site-header {
border-top: 5px solid #fff;
border-bottom: 1px solid #fff;
border-top: 5px solid #000;
border-bottom: 1px solid #000;
min-height: 56px;
// Positioning context for the mobile navigation icon
@ -31,7 +31,7 @@
position: absolute;
top: 9px;
right: $spacing-unit / 2;
border: 1px solid #fff;
border: 1px solid #000;
border-radius: 5px;
text-align: right;
@ -73,7 +73,7 @@
* Site footer
*/
.site-footer {
border-top: 1px solid #fff;
border-top: 1px solid #000;
padding: $spacing-unit 0;
}

View File

@ -2,7 +2,7 @@
* Syntax highlighting styles
*/
.highlight {
background: #fff;
background: #ccc;
@extend %vertical-rhythm;
.highlighter-rouge & {

View File

@ -1,76 +0,0 @@
/**
* Code formatting
*/
pre,
code {
font-size: 15px;
border: 1px solid #fff;
border-radius: 3px;
background-color: #eef;
}
code {
padding: 1px 5px;
}
pre {
padding: 8px 12px;
overflow-x: auto;
> code {
border: 0;
padding-right: 0;
padding-left: 0;
}
}
/**
* Set `margin-bottom` to maintain vertical rhythm
*/
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
ul, ol, dl, figure,
%vertical-rhythm {
margin-bottom: $spacing-unit / 2;
}
/**
* Wrapper
*/
.wrapper {
max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit} * 2));
max-width: calc(#{$content-width} - (#{$spacing-unit} * 2));
margin-right: auto;
margin-left: auto;
padding-right: $spacing-unit;
padding-left: $spacing-unit;
@extend %clearfix;
@include media-query($on-laptop) {
max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit}));
max-width: calc(#{$content-width} - (#{$spacing-unit}));
padding-right: $spacing-unit / 2;
padding-left: $spacing-unit / 2;
}
}
/**
* Clearfix
*/
%clearfix:after {
content: "";
display: table;
clear: both;
}
/**
* Icons
*/
.icon > svg {
display: inline-block;
vertical-align: middle;
}