chore(css-theme): Updated path style to match theme plugin
This commit is contained in:
Joost De Cock
parent
19f4d8c552
commit
6be4391b0f
1 changed files with 198 additions and 77 deletions
|
|
@ -1,55 +1,98 @@
|
|||
svg.freesewing.draft {
|
||||
max-width: 100%;
|
||||
/* Reset */
|
||||
path,circle{fill:none;stroke:none}
|
||||
path,
|
||||
circle {
|
||||
fill: none;
|
||||
stroke: none;
|
||||
}
|
||||
|
||||
/* Defaults */
|
||||
path,circle{
|
||||
stroke-opacity:1;
|
||||
stroke-width:.7;
|
||||
stroke-linecap:round;
|
||||
stroke-linejoin:round;
|
||||
path,
|
||||
circle {
|
||||
stroke-opacity: 1;
|
||||
stroke-width: 0.7;
|
||||
stroke-linecap: round;
|
||||
stroke-linejoin: round;
|
||||
}
|
||||
|
||||
/* Stroke classes */
|
||||
.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;
|
||||
.stroke-xs {
|
||||
stroke-width: 0.1;
|
||||
}
|
||||
.stroke-sm {
|
||||
stroke-width: 0.4;
|
||||
}
|
||||
.stroke-lg {
|
||||
stroke-width: 1.3;
|
||||
}
|
||||
.stroke-xl {
|
||||
stroke-width: 2;
|
||||
}
|
||||
.stroke-xxl {
|
||||
stroke-width: 4;
|
||||
}
|
||||
|
||||
.sa {
|
||||
stroke-dasharray: 1, 3;
|
||||
}
|
||||
.help {
|
||||
stroke-width: 0.6;
|
||||
stroke-dasharray: 15, 5, 2, 5;
|
||||
}
|
||||
.dotted {
|
||||
stroke-dasharray: 0.5, 1;
|
||||
}
|
||||
.dashed {
|
||||
stroke-dasharray: 2, 2;
|
||||
}
|
||||
.lashed {
|
||||
stroke-dasharray: 8, 3;
|
||||
}
|
||||
.dotted { stroke-dasharray:0.5,1; }
|
||||
.dashed { stroke-dasharray:2,2; }
|
||||
.lashed { stroke-dasharray:8,3; }
|
||||
.hidden {
|
||||
stroke:none!important;
|
||||
fill:none!important;
|
||||
stroke: none !important;
|
||||
fill: none !important;
|
||||
}
|
||||
/* sample */
|
||||
path.sample-focus {stroke-width: 0; fill-opacity: 0.2;}
|
||||
path.sample-focus {
|
||||
stroke-width: 0;
|
||||
fill-opacity: 0.2;
|
||||
}
|
||||
|
||||
/* Text */
|
||||
text{
|
||||
font-size:6px;
|
||||
text {
|
||||
font-size: 6px;
|
||||
@include title-font;
|
||||
text-anchor:start;
|
||||
font-weight:200;
|
||||
dominant-baseline:ideographic;
|
||||
text-anchor: start;
|
||||
font-weight: 200;
|
||||
dominant-baseline: ideographic;
|
||||
}
|
||||
.text-xs {
|
||||
font-size: 4px;
|
||||
}
|
||||
.text-sm {
|
||||
font-size: 5px;
|
||||
}
|
||||
.text-l {
|
||||
font-size: 8px;
|
||||
}
|
||||
.text-xl {
|
||||
font-size: 10px;
|
||||
}
|
||||
.text-xxl {
|
||||
font-size: 13px;
|
||||
}
|
||||
.text-xs { font-size:4px; }
|
||||
.text-sm { font-size:5px; }
|
||||
.text-l { font-size:8px; }
|
||||
.text-xl { font-size:10px; }
|
||||
.text-xxl{ font-size:13px; }
|
||||
|
||||
.center{ text-anchor:middle; }
|
||||
.right{ text-anchor:end; }
|
||||
.center {
|
||||
text-anchor: middle;
|
||||
}
|
||||
.right {
|
||||
text-anchor: end;
|
||||
}
|
||||
|
||||
.scribble{ @include scribble-font; }
|
||||
.scribble {
|
||||
@include scribble-font;
|
||||
}
|
||||
|
||||
/* Plugins */
|
||||
text.title-nr {
|
||||
|
|
@ -65,26 +108,65 @@ svg.freesewing.draft text {
|
|||
}
|
||||
.theme-wrapper.light svg.freesewing.draft {
|
||||
/* Stroke classes */
|
||||
path,circle{ stroke: $fc-draft-fabric-light; }
|
||||
.fabric{ stroke: $fc-draft-fabric-light; }
|
||||
.lining{ stroke: $fc-draft-lining-light; }
|
||||
.interfacing{ stroke: $fc-draft-interfacing-light; }
|
||||
.canvas{ stroke: $fc-draft-canvas-light; }
|
||||
.various{ stroke: $fc-draft-various-light; }
|
||||
.mark{ stroke: $fc-draft-mark-light; }
|
||||
.contrast{ stroke: $fc-draft-contrast-light; }
|
||||
.note{ stroke: $fc-draft-note-light; }
|
||||
path,
|
||||
circle {
|
||||
stroke: $fc-draft-fabric-light;
|
||||
}
|
||||
.fabric {
|
||||
stroke: $fc-draft-fabric-light;
|
||||
}
|
||||
.lining {
|
||||
stroke: $fc-draft-lining-light;
|
||||
}
|
||||
.interfacing {
|
||||
stroke: $fc-draft-interfacing-light;
|
||||
}
|
||||
.canvas {
|
||||
stroke: $fc-draft-canvas-light;
|
||||
}
|
||||
.various {
|
||||
stroke: $fc-draft-various-light;
|
||||
}
|
||||
.mark {
|
||||
stroke: $fc-draft-mark-light;
|
||||
}
|
||||
.contrast {
|
||||
stroke: $fc-draft-contrast-light;
|
||||
}
|
||||
.note {
|
||||
stroke: $fc-draft-note-light;
|
||||
}
|
||||
/* Fill classes */
|
||||
.fill-fabric{ fill: $fc-draft-fabric-light; }
|
||||
.fill-lining{ fill: $fc-draft-lining-light; }
|
||||
.fill-interfacing{ fill: $fc-draft-interfacing-light; }
|
||||
.fill-canvas{ fill: $fc-draft-canvas-light; }
|
||||
.fill-various{ fill: $fc-draft-various-light; }
|
||||
.fill-mark{ fill: $fc-draft-mark-light; }
|
||||
.fill-contrast{ fill: $fc-draft-contrast-light; }
|
||||
.fill-note{ fill: $fc-draft-note-light; }
|
||||
.fill-bg{ fill: $fc-bg-light; }
|
||||
path.sample-focus {fill: #000}
|
||||
.fill-fabric {
|
||||
fill: $fc-draft-fabric-light;
|
||||
}
|
||||
.fill-lining {
|
||||
fill: $fc-draft-lining-light;
|
||||
}
|
||||
.fill-interfacing {
|
||||
fill: $fc-draft-interfacing-light;
|
||||
}
|
||||
.fill-canvas {
|
||||
fill: $fc-draft-canvas-light;
|
||||
}
|
||||
.fill-various {
|
||||
fill: $fc-draft-various-light;
|
||||
}
|
||||
.fill-mark {
|
||||
fill: $fc-draft-mark-light;
|
||||
}
|
||||
.fill-contrast {
|
||||
fill: $fc-draft-contrast-light;
|
||||
}
|
||||
.fill-note {
|
||||
fill: $fc-draft-note-light;
|
||||
}
|
||||
.fill-bg {
|
||||
fill: $fc-bg-light;
|
||||
}
|
||||
path.sample-focus {
|
||||
fill: #000;
|
||||
}
|
||||
/* scalebox plugin */
|
||||
path.scalebox.metric {
|
||||
stroke: none;
|
||||
|
|
@ -97,26 +179,65 @@ svg.freesewing.draft text {
|
|||
}
|
||||
.theme-wrapper.dark svg.freesewing.draft {
|
||||
/* Stroke classes */
|
||||
path,circle{ stroke: $fc-draft-fabric-dark; }
|
||||
.fabric{ stroke: $fc-draft-fabric-dark; }
|
||||
.lining{ stroke: $fc-draft-lining-dark; }
|
||||
.interfacing{ stroke: $fc-draft-interfacing-dark; }
|
||||
.canvas{ stroke: $fc-draft-canvas-dark; }
|
||||
.various{ stroke: $fc-draft-various-dark; }
|
||||
.mark{ stroke: $fc-draft-mark-dark; }
|
||||
.contrast{ stroke: $fc-draft-contrast-dark; }
|
||||
.note{ stroke: $fc-draft-note-dark; }
|
||||
path,
|
||||
circle {
|
||||
stroke: $fc-draft-fabric-dark;
|
||||
}
|
||||
.fabric {
|
||||
stroke: $fc-draft-fabric-dark;
|
||||
}
|
||||
.lining {
|
||||
stroke: $fc-draft-lining-dark;
|
||||
}
|
||||
.interfacing {
|
||||
stroke: $fc-draft-interfacing-dark;
|
||||
}
|
||||
.canvas {
|
||||
stroke: $fc-draft-canvas-dark;
|
||||
}
|
||||
.various {
|
||||
stroke: $fc-draft-various-dark;
|
||||
}
|
||||
.mark {
|
||||
stroke: $fc-draft-mark-dark;
|
||||
}
|
||||
.contrast {
|
||||
stroke: $fc-draft-contrast-dark;
|
||||
}
|
||||
.note {
|
||||
stroke: $fc-draft-note-dark;
|
||||
}
|
||||
/* Fill classes */
|
||||
.fill-fabric{ fill: $fc-draft-fabric-dark; }
|
||||
.fill-lining{ fill: $fc-draft-lining-dark; }
|
||||
.fill-interfacing{ fill: $fc-draft-interfacing-dark; }
|
||||
.fill-canvas{ fill: $fc-draft-canvas-dark; }
|
||||
.fill-various{ fill: $fc-draft-various-dark; }
|
||||
.fill-mark{ fill: $fc-draft-mark-dark; }
|
||||
.fill-contrast{ fill: $fc-draft-contrast-dark; }
|
||||
.fill-note{ fill: $fc-draft-note-dark; }
|
||||
.fill-bg{ fill: $fc-bg-dark; }
|
||||
path.sample-focus {fill: #fff}
|
||||
.fill-fabric {
|
||||
fill: $fc-draft-fabric-dark;
|
||||
}
|
||||
.fill-lining {
|
||||
fill: $fc-draft-lining-dark;
|
||||
}
|
||||
.fill-interfacing {
|
||||
fill: $fc-draft-interfacing-dark;
|
||||
}
|
||||
.fill-canvas {
|
||||
fill: $fc-draft-canvas-dark;
|
||||
}
|
||||
.fill-various {
|
||||
fill: $fc-draft-various-dark;
|
||||
}
|
||||
.fill-mark {
|
||||
fill: $fc-draft-mark-dark;
|
||||
}
|
||||
.fill-contrast {
|
||||
fill: $fc-draft-contrast-dark;
|
||||
}
|
||||
.fill-note {
|
||||
fill: $fc-draft-note-dark;
|
||||
}
|
||||
.fill-bg {
|
||||
fill: $fc-bg-dark;
|
||||
}
|
||||
path.sample-focus {
|
||||
fill: #fff;
|
||||
}
|
||||
/* scalebox plugin */
|
||||
path.scalebox.metric {
|
||||
stroke: none;
|
||||
|
|
@ -145,14 +266,14 @@ rect.grid {
|
|||
}
|
||||
path.gridline {
|
||||
stroke-linecap: butt;
|
||||
stroke-width: 0.3!important;
|
||||
stroke-width: 0.3 !important;
|
||||
stroke-dasharray: none;
|
||||
}
|
||||
path.gridline.sm {
|
||||
stroke-width: 0.15!important;
|
||||
stroke-width: 0.15 !important;
|
||||
}
|
||||
path.gridline.xs {
|
||||
stroke-width: 0.1!important;
|
||||
stroke-width: 0.1 !important;
|
||||
}
|
||||
path.gridline.metric.sm {
|
||||
stroke-dasharray: 3 1;
|
||||
|
|
@ -169,12 +290,12 @@ path.gridline.imperial.sm {
|
|||
.light {
|
||||
rect.grid,
|
||||
path.gridline {
|
||||
color: $oc-gray-5!important;
|
||||
color: $oc-gray-5 !important;
|
||||
}
|
||||
}
|
||||
.dark {
|
||||
rect.grid,
|
||||
path.gridline {
|
||||
color: $oc-gray-6!important;
|
||||
color: $oc-gray-6 !important;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue