studio-variable/designtopack
3
0
Fork 0
Code Issues 7 Pull requests Projects Releases Packages Wiki Activity Actions

Add counter on selected items

Browse source
This commit is contained in:
Timothée Goguely 2024-10-16 17:56:45 +02:00
parent eaf37f40d5
commit c35cf6e6aa
6 changed files with 44 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/assets/css/index.css
View file

@ -24,6 +24,7 @@
/* UTILITY CLASSES */
@import 'src/3.utilities.border.css';
@import 'src/3.utilities.colors.css';
@import 'src/3.utilities.counter.css';
@import 'src/3.utilities.flex.css';
@import 'src/3.utilities.flow.css';
@import 'src/3.utilities.icons.css';

13
src/assets/css/src/3.utilities.counter.css Normal file
View file

@ -0,0 +1,13 @@
/* COUNTER UTILITY */
.counter {
counter-reset: selected-items;
}
.counter > [aria-selected="true"]:first-of-type {
outline: 2px solid red;
}
.counter > [aria-selected="true"] {
counter-increment: selected-items;
}