N-archive/hacks-guide-minimal-mistakes-theme
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Reduce visual weight of code blocks

Browse source 
Flatten shadow and remove borders relying on background color to highlight code.
This commit is contained in:
Michael Rose 2018-01-03 10:11:10 -05:00
parent a9e0482077
commit f9f97d72e6
2 changed files with 0 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
_sass/minimal-mistakes/_base.scss
View file

@ -170,9 +170,7 @@ td > code {
padding-bottom: 0.1rem; padding-bottom: 0.1rem;
font-size: $type-size-6; font-size: $type-size-6;
background: $code-background-color; background: $code-background-color;
border: 1px solid $border-color;
border-radius: $border-radius; border-radius: $border-radius;
box-shadow: $box-shadow;
&:before, &:before,
&:after { &:after {

2
_sass/minimal-mistakes/_syntax.scss
View file

@ -9,10 +9,8 @@ figure.highlight {
font-family: $monospace; font-family: $monospace;
font-size: $type-size-6; font-size: $type-size-6;
line-height: 1.8; line-height: 1.8;
border: 1px solid $border-color;
border-radius: $border-radius; border-radius: $border-radius;
background-color: $code-background-color; background-color: $code-background-color;
box-shadow: $box-shadow;
&:before { &:before {
position: absolute; position: absolute;