chore: Replaced deprecated Spacing variables with current values
Approved-by: Matilda Landström
This commit is contained in:
@@ -58,7 +58,7 @@ td.day,
|
||||
td.day[data-today="true"] {
|
||||
color: var(--UI-Text-High-contrast);
|
||||
height: 40px;
|
||||
padding: var(--Spacing-x-half);
|
||||
padding: var(--Space-x05);
|
||||
width: 40px;
|
||||
}
|
||||
|
||||
@@ -104,11 +104,11 @@ td.day[data-outside="true"] ~ td.day[data-disabled="true"] button.dayButton,
|
||||
.footer {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
margin-top: var(--Spacing-x2);
|
||||
margin-top: var(--Space-x2);
|
||||
}
|
||||
|
||||
.divider {
|
||||
margin-top: var(--Spacing-x2);
|
||||
margin-top: var(--Space-x2);
|
||||
}
|
||||
|
||||
.nav {
|
||||
|
||||
@@ -24,7 +24,7 @@
|
||||
align-self: flex-end;
|
||||
background-color: var(--Main-Grey-White);
|
||||
grid-area: header;
|
||||
padding: var(--Spacing-x3) var(--Spacing-x2);
|
||||
padding: var(--Space-x3) var(--Space-x2);
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 10;
|
||||
@@ -61,7 +61,7 @@ div.months {
|
||||
}
|
||||
|
||||
.month:last-of-type {
|
||||
padding-bottom: calc(var(--sticky-button-height) + var(--Spacing-x2));
|
||||
padding-bottom: calc(var(--sticky-button-height) + var(--Space-x2));
|
||||
}
|
||||
|
||||
.monthCaption {
|
||||
@@ -82,7 +82,7 @@ div.months {
|
||||
);
|
||||
display: flex;
|
||||
grid-area: content;
|
||||
padding: var(--Spacing-x1) var(--Spacing-x2) var(--Spacing-x7);
|
||||
padding: var(--Space-x1) var(--Space-x2) var(--Space-x7);
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
@@ -136,7 +136,7 @@ td.day,
|
||||
td.day[data-today="true"] {
|
||||
color: var(--UI-Text-High-contrast);
|
||||
height: 40px;
|
||||
padding: var(--Spacing-x-half);
|
||||
padding: var(--Space-x05);
|
||||
width: 40px;
|
||||
}
|
||||
|
||||
|
||||
@@ -54,13 +54,13 @@
|
||||
.hideWrapper {
|
||||
border-radius: var(--Corner-radius-lg);
|
||||
box-shadow: var(--popup-box-shadow);
|
||||
padding: var(--Spacing-x2) var(--Spacing-x3);
|
||||
padding: var(--Space-x2) var(--Space-x3);
|
||||
position: absolute;
|
||||
/**
|
||||
BookingWidget padding +
|
||||
border-width +
|
||||
wanted space below booking widget
|
||||
*/
|
||||
top: calc(100% + var(--Spacing-x1) + 1px + var(--Spacing-x4));
|
||||
top: calc(100% + var(--Space-x1) + 1px + var(--Space-x4));
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user