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

18
packages/css-theme/package.json
View file

@ -1,6 +1,6 @@
{
"name": "@freesewing/css-theme",
"version": "0.33.0",
"version": "0.32.4",
"description": "A CSS theme for FreeSewing web UIs",
"author": "Joost De Cock <joost@decock.org> (https://github.com/joostdecock)",
"homepage": "https://freesewing.org/",
@ -16,22 +16,22 @@
"sass",
"theme"
],
"main": "dist/index.js",
"main": "dist/theme.css",
"module": "dist/index.mjs",
"scripts": {
"clean": "rimraf ../../dist/css-theme",
"nodebuild": "BABEL_ENV=production rollup -c -o ../../dist/css-theme/index.js -f cjs",
"modulebuild": "BABEL_ENV=production rollup -c -o ../../dist/css-theme/index.mjs -f es",
"watch": "npx node-sass --watch --output-style compressed src/theme.scss ../../dist/css-theme/theme.css",
"build": "npx node-sass --output-style compressed src/theme.scss ../../dist/css-theme/theme.css",
"clean": "rimraf dist",
"nodebuild": "BABEL_ENV=production rollup -c -o dist/index.js -f cjs",
"modulebuild": "BABEL_ENV=production rollup -c -o dist/index.mjs -f es",
"build": "npx node-sass --output-style compressed src/theme.scss dist/theme.css",
"test": "echo \"css-theme: No tests configured. Perhaps you'd like to do this?\" && exit 0",
"pubtest": "npm publish --registry http://localhost:6662"
"pubtest": "npm publish --registry http://localhost:6662",
"watch": "npx node-sass --watch --output-style compressed src/theme.scss dist/theme.css"
},
"dependencies": {
"open-color": "1.6.3"
},
"files": [
"../../dist/packages/css-theme/*",
"dist/*",
"README.md",
"package.json"
],

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";