🚧 More work on React components
This commit is contained in:
parent
a1400bd159
commit
a50aa4d17f
13 changed files with 368 additions and 39 deletions
|
@ -1,2 +1,3 @@
|
|||
@import "components/emblem";
|
||||
@import "components/pattern-option";
|
||||
@import "components/pattern-options";
|
||||
|
|
|
@ -1,3 +1,5 @@
|
|||
$fc-bg-light: $oc-gray-0;
|
||||
$fc-bg-dark: $oc-gray-9;
|
||||
$fc-notice-light: $oc-lime-9;
|
||||
$fc-notice-dark: $oc-lime-3;
|
||||
$fc-hoverbg-light: $oc-gray-1;
|
||||
|
|
20
packages/css-theme/src/components/_pattern-options.scss
Normal file
20
packages/css-theme/src/components/_pattern-options.scss
Normal file
|
@ -0,0 +1,20 @@
|
|||
li.optiongroup-heading {
|
||||
background: $fc-bg-light;
|
||||
z-index: 3;
|
||||
h3 {
|
||||
margin: 0;
|
||||
svg.collapse-icon { margin-bottom: -5px;}
|
||||
}
|
||||
}
|
||||
li.optiongroup-heading:hover {
|
||||
cursor: pointer;
|
||||
background: $fc-hoverbg-light;
|
||||
}
|
||||
body.dark {
|
||||
li.optiongroup-heading {
|
||||
background: $fc-bg-dark;
|
||||
}
|
||||
li.optiongroup-heading:hover {
|
||||
background: $fc-hoverbg-dark;
|
||||
}
|
||||
}
|
|
@ -1,4 +1,4 @@
|
|||
@import '../node_modules/open-color/open-color.scss';
|
||||
@import '../../../node_modules/open-color/open-color.scss';
|
||||
@import "variables";
|
||||
@import "mixins";
|
||||
@import "components";
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue