add variables for most spacing and size values
This commit is contained in:
@@ -20,7 +20,7 @@
|
||||
.swiper-button-next {
|
||||
&:before {
|
||||
background-image: url("/assets/icons/circle-arrow-right.svg");
|
||||
right: var(--spacing-sitepadding);
|
||||
right: var(--spacing-sitepadding-inline);
|
||||
}
|
||||
|
||||
&:after {
|
||||
@@ -32,7 +32,7 @@
|
||||
.swiper-button-prev {
|
||||
&:before {
|
||||
background-image: url("/assets/icons/circle-arrow-left.svg");
|
||||
left: var(--spacing-sitepadding);
|
||||
left: var(--spacing-sitepadding-inline);
|
||||
}
|
||||
|
||||
&:after {
|
||||
@@ -44,8 +44,8 @@
|
||||
.swiper-pagination {
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
margin: var(--spacing-sitepadding);
|
||||
padding: 0 .5rem;
|
||||
margin: var(--spacing-sitepadding-block) var(--spacing-sitepadding-inline);
|
||||
padding: 0 var(--spacing-xs);
|
||||
border-radius: 2rem;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
position: absolute;
|
||||
|
Reference in New Issue
Block a user