VSinerva/freesewing
1
0
Fork 0
Code Activity

🚧 Ongoing work on components and pattern info

Browse source
This commit is contained in:
Joost De Cock 2019-04-29 09:01:51 +02:00
parent a3ae718632
commit ea41dc0106
168 changed files with 17518 additions and 14384 deletions
Download patch file Download diff file Expand all files Collapse all files

15
packages/css-theme/src/_dark.scss Normal file
View file

@ -0,0 +1,15 @@
.theme-wrapper {
margin-top: 64px;
min-height: calc(100vh - 64px);
}
.theme-wrapper.light {
background: $fc-bg-light;
color: $fc-bg-dark;
}
.theme-wrapper.dark {
background: $fc-bg-dark;
color: $fc-bg-light;
}

2
packages/css-theme/src/_layout.scss Normal file
View file

@ -0,0 +1,2 @@
@import "layout/section-aside";

3
packages/css-theme/src/_reset.scss Normal file
View file

@ -0,0 +1,3 @@
body {
margin: 0;
}

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

@ -23,16 +23,16 @@ ul.nav h5 {
ul.nav h3:hover,
ul.nav h4:hover {
cursor: pointer;
background: $fc-hoverbg-light;
background: $oc-gray-3;
}
ul.nav h2 { font-size: 1.2rem; }
ul.nav h2 { font-size: 1.2rem; margin-left: 5px;}
ul.nav h4 { font-size: 1rem; }
ul.nav h5 { font-size: 1rem; padding-left: 1.5rem; font-weight: bold;}
ul.nav h3 {
font-size: 1.1rem;
position: sticky;
top: 0;
background: $fc-bg-light;
background: $oc-gray-1;
z-index: 3;
}
ul.nav span.custom {
@ -75,5 +75,14 @@ button.mini-icon-btn {
padding: 2px;
}
body.dark {
.theme-wrapper.dark {
ul.nav h3,
ul.nav h4 {
background: $oc-gray-8;
}
ul.nav h3:hover,
ul.nav h4:hover {
cursor: pointer;
background: $oc-gray-7;
}
}

35
packages/css-theme/src/layout/_section-aside.scss Normal file
View file

@ -0,0 +1,35 @@
div.fs-sa {
display: flex;
section{
width: 100%;
padding: 1rem;
}
aside {
padding: 1rem 0;
max-width: 400px;
min-width: 200px;
width: 30%;
height: 100%;
min-height: calc(120vh - 64px);
background: $oc-gray-1;
border-left: 1px solid $oc-gray-3;
}
aside div.sticky {
position: sticky;
top: calc(64px + 1rem);
}
}
.theme-wrapper.dark {
div.fs-sa {
section {
background: $oc-gray-9;
}
aside {
background: $oc-gray-8;
border-color: $oc-gray-7;
}
}
}

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

@ -1,4 +1,7 @@
@import "reset";
@import '../../../node_modules/open-color/open-color.scss';
@import "variables";
@import "mixins";
@import "dark";
@import "layout";
@import "components";