root/regexper-static
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Revert "Moving SVG CSS to the main page CSS"

Browse Source 
This reverts commit ac0389c7fa.
This commit is contained in:
Jeff Avallone 2016-05-31 08:36:44 -04:00
parent 639d00d8df
commit 21b4915f41
3 changed files with 66 additions and 69 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
lib/partials/svg_template.hbs
View File

@ -1,10 +1,12 @@
<div class="svg"> <div class="svg">
<svg <svg
class="regexp-svg"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
xmlns:cc="http://creativecommons.org/ns#" xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
version="1.1"> version="1.1">
<defs>
<style type="text/css">{{> svg_styles}}</style>
</defs>
<metadata> <metadata>
<rdf:RDF> <rdf:RDF>
<cc:License rdf:about="http://creativecommons.org/licenses/by/3.0/"> <cc:License rdf:about="http://creativecommons.org/licenses/by/3.0/">

1
src/sass/main.scss
View File

@ -1,6 +1,5 @@
@import 'base'; @import 'base';
@import 'reset'; @import 'reset';
@import 'svg';
body { body {
font-family: sans-serif; font-family: sans-serif;

130
src/sass/svg.scss
View File

@ -1,71 +1,67 @@
@import 'base'; @import 'base';
#open-iconic { svg {
display: none;
}
svg.regexp-svg {
background-color: $white; background-color: $white;
}
text, tspan {
font: 12px Arial; text, tspan {
} font: 12px Arial;
}
path {
fill-opacity: 0; path {
stroke-width: 2px; fill-opacity: 0;
stroke: $black; stroke-width: 2px;
} stroke: $black;
}
circle {
fill: $gray; circle {
stroke-width: 2px; fill: $gray;
stroke: $black; stroke-width: 2px;
} stroke: $black;
}
.anchor text, .any-character text {
fill: $white; .anchor text, .any-character text {
} fill: $white;
}
.anchor rect, .any-character rect {
fill: $gray; .anchor rect, .any-character rect {
} fill: $gray;
}
.escape text, .charset-escape text, .literal text {
fill: $black; .escape text, .charset-escape text, .literal text {
} fill: $black;
}
.escape rect, .charset-escape rect {
fill: $green; .escape rect, .charset-escape rect {
} fill: $green;
}
.literal rect {
fill: $blue; .literal rect {
} fill: $blue;
}
.charset .charset-box {
fill: $tan; .charset .charset-box {
} fill: $tan;
}
.subexp .subexp-label tspan,
.charset .charset-label tspan, .subexp .subexp-label tspan,
.match-fragment .repeat-label tspan { .charset .charset-label tspan,
font-size: 10px; .match-fragment .repeat-label tspan {
} font-size: 10px;
}
.subexp .subexp-label tspan,
.charset .charset-label tspan { .subexp .subexp-label tspan,
dominant-baseline: text-after-edge; .charset .charset-label tspan {
} dominant-baseline: text-after-edge;
}
.subexp .subexp-box {
stroke: $light-gray; .subexp .subexp-box {
stroke-dasharray: 6,2; stroke: $light-gray;
stroke-width: 2px; stroke-dasharray: 6,2;
fill-opacity: 0; stroke-width: 2px;
} fill-opacity: 0;
}
.quote {
fill: $light-gray; .quote {
} fill: $light-gray;
} }