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

Reduce size of feature image triangle

Browse source 
- On smaller screens reduce size of triangle
This commit is contained in:
Michael Rose 2014-10-03 14:29:12 -04:00
parent 3ba1427cca
commit fd2b2a15d6
1 changed files with 5 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
_sass/page.scss
View file

@ -271,15 +271,18 @@ $button-size: 1.5rem;
content: " "; content: " ";
display: block; display: block;
position: absolute; position: absolute;
bottom: 0; bottom: 5px;
left: 8%; left: 8%;
width: 0; width: 0;
height: 0; height: 0;
border: 20px solid transparent; border: 10px solid transparent;
border-bottom-color: $bodycolor; border-bottom-color: $bodycolor;
@media #{$small} { @media #{$small} {
left: 25%; left: 25%;
} }
@media #{$large} {
border-width: 20px;
}
@media #{$x-large} { @media #{$x-large} {
left: 33.333333333%; left: 33.333333333%;
} }