feat(BOOK-391): Added theme and logos for Bassin Seven

* chore: Updated border-radius variables after import change

Approved-by: Linus Flood
This commit is contained in:
Erik Tiekstra
2026-01-22 07:03:25 +00:00
parent ef98c4b552
commit 4de24e9f2a
297 changed files with 5252 additions and 648 deletions

View File

@@ -1,5 +1,5 @@
.nextStayCard {
border-radius: var(--Corner-radius-lg);
border-radius: var(--Corner-Radius-lg);
border: 1px solid var(--Border-Default);
overflow: hidden;
display: flex;
@@ -11,7 +11,7 @@
position: relative;
width: 100%;
aspect-ratio: 16/9;
border-radius: var(--Corner-radius-lg) var(--Corner-radius-lg) 0 0;
border-radius: var(--Corner-Radius-lg) var(--Corner-Radius-lg) 0 0;
background:
linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%),
lightgray 50% / cover no-repeat,
@@ -148,7 +148,7 @@
flex: 1;
aspect-ratio: 16/9;
width: 100%;
border-radius: var(--Corner-radius-lg) 0 0 var(--Corner-radius-lg);
border-radius: var(--Corner-Radius-lg) 0 0 var(--Corner-Radius-lg);
}
.content {

View File

@@ -1,6 +1,6 @@
.link {
outline: 1px solid var(--Base-Border-Subtle);
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
overflow: hidden;
&:focus,

View File

@@ -1,5 +1,5 @@
.card {
border-radius: var(--Corner-radius-lg);
border-radius: var(--Corner-Radius-lg);
border: 1px solid var(--Border-Default);
background: var(--Surface-Secondary-Default);
display: flex;

View File

@@ -1,5 +1,5 @@
.l6Progress {
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
border: 1px solid var(--Border-Divider-Default);
background: var(--Surface-Primary-Default);
padding: var(--Space-x3);

View File

@@ -21,7 +21,7 @@
.yearHeader {
background: var(--Surface-Primary-Hover-Accent);
padding: var(--Space-x1) var(--Space-x2);
border-radius: var(--Corner-radius-sm);
border-radius: var(--Corner-Radius-sm);
}
.yearText {

View File

@@ -1,5 +1,5 @@
.card {
border-radius: var(--Corner-radius-lg);
border-radius: var(--Corner-Radius-lg);
border: 1px solid var(--Border-Default);
background: var(--Text-Brand-OnPrimary-3-Default);
display: flex;
@@ -25,7 +25,7 @@
max-width: 80px;
height: 108px;
max-height: 108px;
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
object-fit: cover;
flex-shrink: 0;
}
@@ -57,7 +57,7 @@
justify-content: center;
align-items: center;
gap: var(--Space-x05);
border-radius: var(--Corner-radius-sm);
border-radius: var(--Corner-Radius-sm);
background: var(--Surface-Secondary-Default);
width: fit-content;
}

View File

@@ -4,14 +4,14 @@
background: var(--Base-Surface-Primary-light-Normal);
border: 1px solid var(--Border-Default);
overflow: hidden;
border-radius: var(--Corner-radius-lg);
border-radius: var(--Corner-Radius-lg);
}
.imageContainer {
position: relative;
width: 100%;
aspect-ratio: 16/9;
border-radius: var(--Corner-radius-lg) var(--Corner-radius-lg) 0 0;
border-radius: var(--Corner-Radius-lg) var(--Corner-Radius-lg) 0 0;
background:
linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%),
lightgray 50% / cover no-repeat,

View File

@@ -4,7 +4,7 @@
background: var(--Surface-Secondary-Default);
border: 1px solid var(--Border-Default);
overflow: hidden;
border-radius: var(--Corner-radius-lg);
border-radius: var(--Corner-Radius-lg);
align-items: center;
justify-content: center;
height: 100%;

View File

@@ -2,7 +2,7 @@
display: grid;
grid-template-rows: 1fr min(50px);
background-color: var(--Base-Surface-Primary-light-Normal);
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
min-height: 250px;
margin-bottom: var(--Space-x05);
overflow: hidden;
@@ -41,7 +41,7 @@
justify-content: center;
align-items: center;
gap: var(--Space-x3);
border-radius: var(--Corner-radius-lg);
border-radius: var(--Corner-Radius-lg);
background: var(--Surface-Brand-Primary-1-Default);
}

View File

@@ -21,7 +21,7 @@
.yearHeader {
background: var(--Surface-Primary-Hover-Accent);
padding: var(--Space-x1) var(--Space-x2);
border-radius: var(--Corner-radius-sm);
border-radius: var(--Corner-Radius-sm);
}
.yearText {