Reduce size of feature image triangle
- On smaller screens reduce size of triangle
This commit is contained in:
parent
3ba1427cca
commit
fd2b2a15d6
1 changed files with 5 additions and 2 deletions
|
@ -271,15 +271,18 @@ $button-size: 1.5rem;
|
|||
content: " ";
|
||||
display: block;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
bottom: 5px;
|
||||
left: 8%;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border: 20px solid transparent;
|
||||
border: 10px solid transparent;
|
||||
border-bottom-color: $bodycolor;
|
||||
@media #{$small} {
|
||||
left: 25%;
|
||||
}
|
||||
@media #{$large} {
|
||||
border-width: 20px;
|
||||
}
|
||||
@media #{$x-large} {
|
||||
left: 33.333333333%;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue