Use '::' for pseudo-classes & ::marker

This commit is contained in:
Alexander Zeilmann 2021-12-19 12:06:08 +01:00
parent 4cad812865
commit c6e727b193
2 changed files with 25 additions and 7 deletions

View File

@ -2,10 +2,14 @@
@tailwind components;
@tailwind utilities;
.task-list-item:before {
.task-list-item::before {
@apply hidden;
}
.task-list-item {
@apply list-none;
}
html {
scroll-behavior: smooth;
}

View File

@ -62,10 +62,10 @@ module.exports = {
paddingBottom: '2px',
borderRadius: '0.25rem',
},
'code:before': {
'code::before': {
content: 'none',
},
'code:after': {
'code::after': {
content: 'none',
},
details: {
@ -77,11 +77,18 @@ module.exports = {
borderRadius: '0.25rem',
},
hr: { borderColor: theme('colors.gray.200') },
'ol li:before': {
'ol li::before': {
fontWeight: '600',
color: theme('colors.gray.500'),
},
'ul li:before': {
'ol li::marker': {
fontWeight: '600',
color: theme('colors.gray.500'),
},
'ul li::before': {
backgroundColor: theme('colors.gray.500'),
},
'ul li::marker': {
backgroundColor: theme('colors.gray.500'),
},
strong: { color: theme('colors.gray.600') },
@ -128,11 +135,18 @@ module.exports = {
backgroundColor: theme('colors.gray.800'),
},
hr: { borderColor: theme('colors.gray.700') },
'ol li:before': {
'ol li::before': {
fontWeight: '600',
color: theme('colors.gray.400'),
},
'ul li:before': {
'ol li::marker': {
fontWeight: '600',
color: theme('colors.gray.400'),
},
'ul li::before': {
backgroundColor: theme('colors.gray.400'),
},
'ul li::marker': {
backgroundColor: theme('colors.gray.400'),
},
strong: { color: theme('colors.gray.100') },