m/the-90s-called
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Use black for borders instead of white.

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
_sass/90s/_base.scss
View File

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

8
_sass/90s/_layout.scss
View File

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

2
_sass/90s/_syntax-highlighting.scss
View File

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

76
_sass/minima/_base.scss
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;
}