add miligram to a better design

This commit is contained in:
Julien Calixte
2023-07-26 17:43:21 +02:00
parent 00ccbe21a7
commit 1f49b0f755
13 changed files with 159 additions and 63 deletions

View File

@@ -4,6 +4,12 @@
--feature-item-height: 70px;
}
.row {
display: flex;
gap: 1rem;
padding: 0 1rem;
}
ul {
list-style: none;
padding: 0;
@@ -11,8 +17,8 @@ ul {
.bin {
margin-top: 1rem;
border: 3px solid var(--background-color);
color: var(--background-color);
border: 3px solid var(--primary-color);
color: var(--primary-color);
background-color: white;
min-height: var(--feature-item-height);
display: flex;
@@ -27,7 +33,7 @@ ul {
}
.blue-bin {
background-color: var(--background-color);
background-color: var(--primary-color);
color: white;
font-size: 18pt;
}
@@ -43,3 +49,33 @@ ul {
font-family: 'Cutive Mono', monospace;
font-weight: bold;
}
/* Miligram reset */
.button,
button,
input[type='button'],
input[type='reset'],
input[type='submit'] {
background-color: var(--primary-color);
border: 0.1rem solid var(--primary-color);
}
.button.button-outline,
button.button-outline,
input[type='button'].button-outline,
input[type='reset'].button-outline,
input[type='submit'].button-outline {
background-color: transparent;
color: var(--primary-color);
}
.button.button-clear,
button.button-clear,
input[type='button'].button-clear,
input[type='reset'].button-clear,
input[type='submit'].button-clear {
background-color: transparent;
border-color: transparent;
color: var(--primary-color);
}