VSinerva/freesewing
1
0
Fork 0
Code Activity

chore(css-theme): More tweaks

Browse source
This commit is contained in:
Joost De Cock 2021-01-05 20:21:38 +01:00
parent c758e005d9
commit 9731b33038
2 changed files with 49 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

38
packages/css-theme/src/_utility.scss
View file

@ -48,3 +48,41 @@
font-family: 'Permanent marker'; font-family: 'Permanent marker';
color: $oc-pink-5; 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;
}
}

12
packages/css-theme/src/components/_draft-configurator.scss
View file

@ -31,6 +31,9 @@ ul#draft-config {
li { li {
list-style-type: none; list-style-type: none;
} }
li.action > span svg {
margin-right: 0.5rem;
}
> li { > li {
padding: 0.25rem 0; padding: 0.25rem 0;
margin: 0; margin: 0;
@ -48,7 +51,7 @@ ul#draft-config {
font-size: 1.25rem; font-size: 1.25rem;
font-weight: normal; font-weight: normal;
> div { > div {
padding: 0.2rem 0.5rem 0.1rem 1rem; padding: 0.2rem 0.5rem 0.1rem 0.5rem;
} }
> span { > span {
padding: 0.2rem 0.5rem 0.1rem 1rem; padding: 0.2rem 0.5rem 0.1rem 1rem;
@ -146,6 +149,7 @@ ul#draft-config {
li.collapsed:hover, li.collapsed:hover,
ul.config.level-1 > li > span:hover { ul.config.level-1 > li > span:hover {
background-color: $oc-gray-2; background-color: $oc-gray-2;
cursor: pointer;
} }
ul.config.level-3 > li { ul.config.level-3 > li {
> div:first-of-type:hover, > div:first-of-type:hover,
@ -153,6 +157,9 @@ ul#draft-config {
background-color: $oc-gray-2; background-color: $oc-gray-2;
} }
} }
li.action > span svg {
color: $oc-pink-5;
}
} }
.theme-wrapper.dark ul#draft-config { .theme-wrapper.dark ul#draft-config {
color: $oc-gray-3; color: $oc-gray-3;
@ -184,4 +191,7 @@ ul#draft-config {
background-color: $oc-gray-9; background-color: $oc-gray-9;
} }
} }
li.action > span svg {
color: $oc-pink-3;
}
} }