mirror of
https://github.com/suk-ws/ph-Bookshelf.git
synced 2025-01-19 15:25:03 +08:00
Eyre_S
f92d488b6e
- update rainbow color, now the colors' gradient larger - add small margin for list item to make it seems not such crowded
79 lines
3.0 KiB
CSS
79 lines
3.0 KiB
CSS
/******************************************************************************
|
||
##############################################################################
|
||
##### #####
|
||
##### Markdown StyleSheet of ui design BreadCard #####
|
||
##### enhanced module #####
|
||
##### of rainbow marker of ul/ol listing #####
|
||
##### #####
|
||
##### @author: Sukazyo Workshop #####
|
||
##### @version： 1.0 #####
|
||
##### #####
|
||
##############################################################################
|
||
******************************************************************************/
|
||
|
||
:root {
|
||
--bcm-color-list-item-marker-level0: hsl(230, 39%, 68%);
|
||
--bcm-color-list-item-marker-level1: hsl(200, 39%, 68%);
|
||
--bcm-color-list-item-marker-level2: hsl(160, 39%, 68%);
|
||
--bcm-color-list-item-marker-level3: hsl(130, 39%, 68%);
|
||
--bcm-color-list-item-marker-level4: hsl(100, 39%, 68%);
|
||
--bcm-color-list-item-marker-level5: hsl(70, 39%, 68%);
|
||
--bcm-color-list-item-marker-level6: hsl(40, 39%, 68%);
|
||
--bcm-color-list-item-marker-level7: hsl(20, 39%, 68%);
|
||
--bcm-color-list-item-marker-level8: hsl(0, 39%, 68%);
|
||
--bcm-color-list-item-marker-level9: hsl(-30, 39%, 68%);
|
||
}
|
||
|
||
ul,
|
||
ul ul,
|
||
ul ul ul,
|
||
ul ul ul ul,
|
||
ul ul ul ul ul,
|
||
ul ul ul ul ul ul,
|
||
ul ul ul ul ul ul ul,
|
||
ul ul ul ul ul ul ul ul,
|
||
ul ul ul ul ul ul ul ul ul,
|
||
ul ul ul ul ul ul ul ul ul ul {
|
||
list-style-type: disc;
|
||
}
|
||
|
||
:is(ul, ol) li::marker {
|
||
color: var(--bcm-color-list-item-marker-level0);
|
||
}
|
||
|
||
:is(ul, ol) :is(ul, ol) li::marker {
|
||
color: var(--bcm-color-list-item-marker-level1);
|
||
}
|
||
|
||
:is(ul, ol) :is(ul, ol) :is(ul, ol) li::marker {
|
||
color: var(--bcm-color-list-item-marker-level2);
|
||
}
|
||
|
||
:is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) li::marker {
|
||
color: var(--bcm-color-list-item-marker-level3);
|
||
}
|
||
|
||
:is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) li::marker {
|
||
color: var(--bcm-color-list-item-marker-level4);
|
||
}
|
||
|
||
:is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) li::marker {
|
||
color: var(--bcm-color-list-item-marker-level5);
|
||
}
|
||
|
||
:is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) li::marker {
|
||
color: var(--bcm-color-list-item-marker-level6);
|
||
}
|
||
|
||
:is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) li::marker {
|
||
color: var(--bcm-color-list-item-marker-level7);
|
||
}
|
||
|
||
:is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) li::marker {
|
||
color: var(--bcm-color-list-item-marker-level8);
|
||
}
|
||
|
||
:is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) li::marker {
|
||
color: var(--bcm-color-list-item-marker-level9);
|
||
}
|