Compare commits
2 Commits
7f53d2b608
...
fb3ff32862
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
fb3ff32862 | ||
|
|
64be0c64be |
|
|
@ -124,6 +124,7 @@
|
|||
@import './blocks/dbmob-archives.css';
|
||||
@import './blocks/random-collection-image.css';
|
||||
@import './blocks/variants.css';
|
||||
@import './blocks/statistiques-collections.css';
|
||||
|
||||
/* ########### COMPOSITIONS ############ */
|
||||
@import './compositions/nos-collections.css';
|
||||
|
|
|
|||
59
resources/css/blocks/statistiques-collections.css
Normal file
59
resources/css/blocks/statistiques-collections.css
Normal file
|
|
@ -0,0 +1,59 @@
|
|||
.statistiques-collections {
|
||||
.amount-container {
|
||||
@apply border border-primary h-40 w-full relative flex items-center justify-start gap-12;
|
||||
|
||||
.percentage-label {
|
||||
@apply !mb-0 text-xl font-semibold;
|
||||
}
|
||||
}
|
||||
|
||||
.amount-container,
|
||||
.amount-container-all {
|
||||
min-height: 10rem;
|
||||
}
|
||||
|
||||
.amount-container-all {
|
||||
@apply bg-primary text-white p-8;
|
||||
p {
|
||||
@apply text-white !mb-0;
|
||||
}
|
||||
p.total-documents-count {
|
||||
@apply text-4xl fjalla uppercase pb-2;
|
||||
font-weight: 200 !important ;
|
||||
}
|
||||
}
|
||||
|
||||
.percentage-bar {
|
||||
@apply bg-primary text-white flex items-center justify-center h-full;
|
||||
width: 0;
|
||||
transition: width 1.3s ease-in-out;
|
||||
}
|
||||
|
||||
&__stats-items {
|
||||
@apply flex flex-col gap-8 pt-8;
|
||||
|
||||
.heading {
|
||||
@apply flex items-center justify-between gap-2 pb-2;
|
||||
}
|
||||
|
||||
li {
|
||||
list-style: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
&__stat-item {
|
||||
.total-documents-count {
|
||||
@apply !mb-0;
|
||||
}
|
||||
&[data-active='false'] {
|
||||
display: none;
|
||||
}
|
||||
&[data-active='true'] {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.stat-item-description {
|
||||
@apply pt-8;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -45,6 +45,12 @@
|
|||
.wp-block-button a {
|
||||
@apply rounded-full border;
|
||||
}
|
||||
|
||||
&.is-style-big-buttons {
|
||||
.wp-block-button a {
|
||||
@apply !rounded-none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.wp-block-buttons.alignwide,
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user