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

@@ -21,7 +21,7 @@
.card {
touch-action: none;
overflow: hidden;
border-radius: var(--Corner-radius-lg);
border-radius: var(--Corner-Radius-lg);
padding: var(--Space-x2);
height: 400px;
width: 327px;

View File

@@ -1,6 +1,6 @@
.card {
background: var(--Surface-Primary-Default);
border-radius: var(--Corner-radius-lg);
border-radius: var(--Corner-Radius-lg);
padding: var(--Space-x2) var(--Space-x4) var(--Space-x4);
display: grid;
justify-items: center;

View File

@@ -20,7 +20,7 @@
}
.levelProgressCard {
border-radius: var(--Corner-radius-lg);
border-radius: var(--Corner-Radius-lg);
padding: var(--Space-x3) var(--Space-x2);
position: relative;
min-height: 200px;
@@ -56,7 +56,7 @@
.innerCard {
background: var(--Surface-Primary-Default);
border-radius: var(--Corner-radius-lg);
border-radius: var(--Corner-Radius-lg);
display: flex;
flex-direction: column;
gap: var(--Space-x2);

View File

@@ -3,7 +3,7 @@
justify-content: left;
padding: var(--Space-x2);
background-color: var(--Base-Surface-Primary-light-Normal);
border-radius: var(--Corner-radius-rounded);
border-radius: var(--Corner-Radius-Rounded);
margin: auto;
gap: var(--Space-x5);
max-width: 100%;
@@ -35,5 +35,5 @@
.paginationButtonActive {
color: var(--Base-Text-Inverted);
background-color: var(--Base-Text-Accent);
border-radius: var(--Corner-radius-rounded);
border-radius: var(--Corner-Radius-Rounded);
}

View File

@@ -1,6 +1,6 @@
.container {
background-color: var(--Main-Grey-White);
border-radius: var(--Corner-radius-lg);
border-radius: var(--Corner-Radius-lg);
display: grid;
gap: var(--Space-x4);
padding: var(--Space-x2) var(--Space-x2) var(--Space-x4);

View File

@@ -3,7 +3,7 @@
padding: var(--Space-x4) var(--Space-x3);
display: grid;
align-items: center;
border-radius: var(--Corner-radius-Large);
border-radius: var(--Corner-Radius-Large);
gap: var(--Space-x4);
grid-auto-flow: row;

View File

@@ -9,7 +9,7 @@
.iconPane {
background: var(--Surface-Brand-Primary-1-Default);
border-radius: var(--Corner-radius-xLarge);
border-radius: var(--Corner-Radius-xLarge);
display: grid;
place-items: center;
padding: var(--Space-x2) var(--Space-x15);

View File

@@ -32,7 +32,7 @@
box-shadow: var(--modal-box-shadow);
width: 100%;
max-width: 100%;
border-radius: var(--Corner-radius-xl) var(--Corner-radius-xl) 0 0;
border-radius: var(--Corner-Radius-xl) var(--Corner-Radius-xl) 0 0;
}
.dialog {
@@ -90,12 +90,12 @@
padding: var(--Space-x2) var(--Space-x3) var(--Space-x3) var(--Space-x3);
border-top: 1px solid var(--Border-Divider-Subtle);
background: var(--Base-Surface-Primary-light-Normal);
border-bottom-right-radius: var(--Corner-radius-xl);
border-bottom-left-radius: var(--Corner-radius-xl);
border-bottom-right-radius: var(--Corner-Radius-xl);
border-bottom-left-radius: var(--Corner-Radius-xl);
}
.container {
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
background: var(--Base-Surface-Primary-light-Normal);
display: grid;
gap: var(--Space-x5);
@@ -119,7 +119,7 @@
.modal {
width: 95%;
max-width: 95%;
border-radius: var(--Corner-radius-xl);
border-radius: var(--Corner-Radius-xl);
}
.actions {

View File

@@ -52,7 +52,7 @@
.modal {
background-color: var(--Base-Surface-Primary-light-Normal);
border-radius: var(--Corner-radius-md);
border-radius: var(--Corner-Radius-md);
box-shadow: var(--modal-box-shadow);
width: 100%;
position: absolute;