VSinerva/freesewing
1
0
Fork 0
Code Activity

🚧 Progress on workbench

Browse source
This commit is contained in:
Joost De Cock 2019-05-06 17:01:44 +02:00
parent 158c19ae1d
commit a888922968
31 changed files with 716 additions and 153 deletions
Download patch file Download diff file Expand all files Collapse all files

10
packages/css-theme/src/_variables.scss
View file

@ -11,14 +11,14 @@ $fc-accentbg-dark: $oc-teal-8;
$fc-link-light: $oc-blue-6;
$fc-link-dark: $oc-blue-3;
$fc-draft-lining-light: $oc-teal-6;
$fc-draft-fabric-light: $oc-gray-9;
$fc-draft-lining-light: $oc-lime-7;
$fc-draft-interfacing-light: $oc-red-7;
$fc-draft-canvas-light: $oc-yellow-7;
$fc-draft-interfacing-light: $oc-gray-6;
$fc-draft-various-light: $oc-pink-5;
$fc-draft-mark-light: $oc-indigo-6;
$fc-draft-various-light: $oc-grape-7;
$fc-draft-mark-light: $oc-blue-4;
$fc-draft-contrast-light: $oc-orange-7;
$fc-draft-note-light: $oc-blue-7;
$fc-draft-note-light: $oc-pink-7;
$fc-draft-lining-dark: $oc-teal-6;
$fc-draft-fabric-dark: $oc-gray-9;

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

@ -1,8 +1,7 @@
svg.freesewing.draft {
max-width: 100%;
max-height: 90vh;
/* Reset */
path,circle,rect{fill:none;stroke:none}
path,circle{fill:none;stroke:none}
/* Defaults */
path,circle{
@ -13,25 +12,22 @@ svg.freesewing.draft {
}
/* Stroke classes */
.note{ stroke-width:.8; }
.mark{ stroke-width:.8; }
.contrast{ stroke-width:1.2; }
.stroke-xs{ stroke-width:.5; }
.stroke-sm{ stroke-width:.5; }
.stroke-xl{ stroke-width:1.4; }
.stroke-xxl{ stroke-width:2.4; }
.stroke-xs{ stroke-width:.1; }
.stroke-sm{ stroke-width:.4; }
.stroke-l{ stroke-width:1.3; }
.stroke-xl{ stroke-width:2; }
.sa { stroke-dasharray:1,3; }
.help {
stroke-width:.6;
stroke-dasharray:15,5,2,5;
}
.dotted { stroke-dasharray:2,3; }
.dashed { stroke-dasharray:2,5; }
.lashed { stroke-dasharray:8,8; }
.dotted { stroke-dasharray:0.5,1; }
.dashed { stroke-dasharray:2,2; }
.lashed { stroke-dasharray:8,3; }
.hidden {
stroke:none;
fill:none;
stroke:none!important;
fill:none!important;
}
/* Sampling */
@ -47,7 +43,7 @@ svg.freesewing.draft {
}
.text-xs { font-size:4px; }
.text-sm { font-size:5px; }
.text-lg { font-size:8px; }
.text-l { font-size:8px; }
.text-xl { font-size:10px; }
.text-xxl{ font-size:13px; }
@ -106,3 +102,52 @@ svg.freesewing.draft {
.fill-note{ fill: $fc-draft-note-dark; }
}
/* SVG defs (snippets) are in the shadow DOM */
g.snippet.notch > circle,
g.snippet.bnotch > circle,
g.snippet.bnotch > path,
g.snippet.utton > circle,
g.snippet.uttonhole > path {
color: $fc-draft-mark-light;
}
/* Same for paperless grid, also in shadow DOM */
rect.grid {
stroke-width: 1;
stroke: currentColor;
}
path.gridline {
stroke-linecap: butt;
stroke-width: 0.3!important;
stroke-dasharray: none;
}
path.gridline.sm {
stroke-width: 0.15!important;
}
path.gridline.xs {
stroke-width: 0.1!important;
}
path.gridline.metric.sm {
stroke-dasharray: 3 1;
}
path.gridline.metric.xs {
stroke-dasharray: 1 1;
}
path.gridline.imperial {
stroke-dasharray: 5 5;
}
path.gridline.imperial.sm {
stroke-dasharray: 2 2;
}
.light {
rect.grid,
path.gridline {
color: $oc-gray-5!important;
}
}
.dark {
rect.grid,
path.gridline {
color: $oc-gray-6!important;
}
}