fix: design changes
This commit is contained in:
parent
78bffc5b46
commit
ee73d44aaf
6 changed files with 82 additions and 8 deletions
|
|
@ -99,12 +99,32 @@
|
|||
color: #fff;
|
||||
border-top-right-radius: 1rem;
|
||||
padding: 1rem;
|
||||
padding-right: 3rem;
|
||||
|
||||
&:after {
|
||||
position: absolute;
|
||||
right: 1.625rem;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
font-size: 1.5rem;
|
||||
display: block;
|
||||
content: ' ';
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
mask-size: contain;
|
||||
mask-repeat: no-repeat;
|
||||
mask-position: center;
|
||||
background-color: currentColor;
|
||||
vertical-align: middle;
|
||||
mask-image: url(../Icons/angle-right.svg);
|
||||
}
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-family: 'Inter', sans-serif;
|
||||
font-size: 1.25rem;
|
||||
font-weight: 500;
|
||||
color: #fff;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
|
@ -114,6 +134,11 @@
|
|||
a .news-item-content {
|
||||
@media (min-width: $breakpoint-md) {
|
||||
padding: 2.875rem;
|
||||
padding-right: 5rem;
|
||||
|
||||
&:after {
|
||||
right: 3.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue