VSinerva/freesewing
1
0
Fork 0
Code Activity

💄 CSS changes

Browse source
This commit is contained in:
Joost De Cock 2019-05-21 20:24:01 +02:00
parent 77cd069660
commit 284fd9c17d
3 changed files with 47 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

1
packages/css-theme/src/_components.scss
View file

@ -5,3 +5,4 @@
@import "components/draft-design"; @import "components/draft-design";
@import "components/topicstoc"; @import "components/topicstoc";
@import "components/breadcrumbs"; @import "components/breadcrumbs";
@import "components/example";

46
packages/css-theme/src/components/_example.scss Normal file
View file

@ -0,0 +1,46 @@
figure.example {
div.example {
position: relative;
svg.freesewing.draft {
box-shadow: 0 0 3px #0006;
}
div.actions {
position: absolute;
right: 5px;
bottom: 14px;
button {
display: block;
background: $fc-text-light;
color: $fc-bg-light;
padding: 5px;
margin: 5px;
}
button:hover {
background: $oc-green-7;
}
button.active {
background: $oc-green-7;
}
}
}
> div.design {
border-top: 2px solid $oc-gray-4;
border-bottom: 2px solid $oc-gray-4;
}
}
.theme-wrapper.dark figure.example div.example {
svg.freesewing.draft {
box-shadow: none;
border: 1px solid $oc-gray-8;
}
div.actions {
button {
background: $fc-text-dark;
color: $fc-bg-light;
}
button.active {
background: $fc-text-dark;
}
}
}

3
packages/css-theme/src/elements/_figure.scss
View file

@ -1,9 +1,6 @@
figure { figure {
margin: 1rem auto; margin: 1rem auto;
} }
figure.design {
border: 1px dashed $oc-gray-5;
}
figure figcaption { figure figcaption {
text-align: center; text-align: center;
font-size: 90%; font-size: 90%;