diff --git a/packages/css-theme/src/_utility.scss b/packages/css-theme/src/_utility.scss index 42053a9b364..10c65039b5d 100644 --- a/packages/css-theme/src/_utility.scss +++ b/packages/css-theme/src/_utility.scss @@ -48,3 +48,41 @@ font-family: 'Permanent marker'; color: $oc-pink-5; } +.fw-100 { + font-weight: 100; +} +.fw-200 { + font-weight: 200; +} +.fw-300 { + font-weight: 300; +} +.fw-400 { + font-weight: 400; +} +.fw-500 { + font-weight: 500; +} +.fw-600 { + font-weight: 600; +} +.fw-700 { + font-weight: 700; +} +.fw-800 { + font-weight: 800; +} +.fw-900 { + font-weight: 900; +} + +ul.inline { + list-style-type: none; + li:after { + content: ','; + margin-right: 0.5rem; + } + li { + display: inline; + } +} diff --git a/packages/css-theme/src/components/_draft-configurator.scss b/packages/css-theme/src/components/_draft-configurator.scss index 93ab66d68f8..f54bd84f0dd 100644 --- a/packages/css-theme/src/components/_draft-configurator.scss +++ b/packages/css-theme/src/components/_draft-configurator.scss @@ -31,6 +31,9 @@ ul#draft-config { li { list-style-type: none; } + li.action > span svg { + margin-right: 0.5rem; + } > li { padding: 0.25rem 0; margin: 0; @@ -48,7 +51,7 @@ ul#draft-config { font-size: 1.25rem; font-weight: normal; > div { - padding: 0.2rem 0.5rem 0.1rem 1rem; + padding: 0.2rem 0.5rem 0.1rem 0.5rem; } > span { padding: 0.2rem 0.5rem 0.1rem 1rem; @@ -146,6 +149,7 @@ ul#draft-config { li.collapsed:hover, ul.config.level-1 > li > span:hover { background-color: $oc-gray-2; + cursor: pointer; } ul.config.level-3 > li { > div:first-of-type:hover, @@ -153,6 +157,9 @@ ul#draft-config { background-color: $oc-gray-2; } } + li.action > span svg { + color: $oc-pink-5; + } } .theme-wrapper.dark ul#draft-config { color: $oc-gray-3; @@ -184,4 +191,7 @@ ul#draft-config { background-color: $oc-gray-9; } } + li.action > span svg { + color: $oc-pink-3; + } }