Commit d3152467 authored by pierreh's avatar pierreh
Browse files

Added test to make the svg follow the css for the stroke-width

parent 135a5867
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns="http://www.w3.org/2000/svg"
id="svg1"
viewBox="0 0 153.14334 63.028511"
height="63.028511mm"
width="153.14334mm">
<g
transform="translate(-34.931299,-90.077273)"
id="layer1">
<path
class="follow"
id="path1"
d="m 35.233451,152.80208 a 88.068451,88.068451 0 0 1 76.269519,-44.03423 88.068451,88.068451 0 0 1 76.26951,44.03423"/>
<path
class="follow"
id="path2"
d="m 117.86615,110.08094 3.5717,-11.11196 1.58743,12.30253" />
<path
class="follow"
id="path3"
d="m 116.92423,90.377205 c -2.00511,1.259547 -5.121,0.663733 -5.77864,2.913271 -0.65766,2.249535 1.54884,2.814389 2.82063,2.024651 1.27178,-0.789741 1.56278,-2.804373 2.95801,-4.937922 z" />
<path
class="follow"
id="path4"
d="m 129.43053,93.573812 c 0.83912,2.214227 -0.35982,5.151283 1.71572,6.239885 2.07553,1.088623 3.06467,-0.963034 2.54142,-2.365654 -0.52326,-1.40261 -2.44085,-2.085429 -4.25714,-3.874231 z"/>
<text
xml:space="preserve"
class="labelbold"
id="text3407"
y="136.83469"
x="91.681671">
<tspan
class="labelbold"
y="136.83469"
x="20.681671"
id="tspan3405">
gloups
</tspan>
</text>
</g>
</svg>
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="style.css" title="" type="text/css" />
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h1>Tools</h1>
<svg
xmlns="http://www.w3.org/2000/svg"
id="svg1"
viewBox="0 0 153.14334 63.028511"
height="63.028511mm"
width="153.14334mm"
class="follow">
<g
transform="translate(-34.931299,-90.077273)"
id="layer1"
class="follow">
<path
class="follow"
id="path1"
d="m 35.233451,152.80208 a 88.068451,88.068451 0 0 1 76.269519,-44.03423 88.068451,88.068451 0 0 1 76.26951,44.03423" />
<path
class="follow"
id="path2"
d="m 117.86615,110.08094 3.5717,-11.11196 1.58743,12.30253" />
<path
class="follow"
id="path3"
d="m 116.92423,90.377205 c -2.00511,1.259547 -5.121,0.663733 -5.77864,2.913271 -0.65766,2.249535 1.54884,2.814389 2.82063,2.024651 1.27178,-0.789741 1.56278,-2.804373 2.95801,-4.937922 z" />
<path
class="follow"
id="path4"
d="m 129.43053,93.573812 c 0.83912,2.214227 -0.35982,5.151283 1.71572,6.239885 2.07553,1.088623 3.06467,-0.963034 2.54142,-2.365654 -0.52326,-1.40261 -2.44085,-2.085429 -4.25714,-3.874231 z" />
<text
xml:space="preserve"
class="labelbold"
id="text3407"
y="136.83469"
x="80.681671">
<tspan
class="labelbold"
y="136.83469"
x="0.681671"
id="tspan3405">
Practice
</tspan>
</text>
</g>
</svg>
<img src="balloon.svg">
<object type="image/svg+xml" data="balloon.svg" class="follow">
</object>
<div class="bg">
By working with us, you know that we'll use libre and open source software. But practically what about you? It depend largely on the kind of project, but you can expect several slopes.
</div>
</body>
</html>
\ No newline at end of file
@font-face {
font-family: "Junicode-Condensed";
src: url("fonts/junicode-sarah/condensed/Junicode-RegularCondensed.ttf");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Junicode-Condensed";
src: url("fonts/junicode-sarah/condensed/Junicode-BoldItalicCondensed.ttf");
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: "Junicode-Condensed";
src: url("fonts/junicode-sarah/condensed/Junicode-BoldCondensed.ttf");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: "U001";
src: url("fonts/u001-font-univers/webfonts/U001-Reg.woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "U001";
src: url("fonts/u001-font-univers/webfonts/U001-Bol.woff");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: "U001";
src: url("fonts/u001-font-univers/webfonts/U001-BolIta.woff");
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: "U001";
src: url("fonts/u001-font-univers/webfonts/U001-Ita.woff");
font-weight: normal;
font-style: italic;
}
body div {
font-family: 'U001';
font-size: 1.3em;
line-height: 1.2em;
color: #000080;
}
p {
margin: 2mm 3mm 2mm 4mm;
}
.bg {
background-image:url('balloon.svg');
width:500px;
height:357px;
position: absolute;
background-repeat: no-repeat;
background-position: bottom right;
background-size: 120%;
background-color: #ffdbdb;
border: 10px solid #000080;
padding: 6mm 6mm 6mm 6mm;
margin: 0mm 10mm 10mm 10mm;
fill: red;
stroke: green;
}
hr {
display:none;
}
.content {
width: 100%;
display: flex;
flex-wrap:wrap;
justify-content: space-around;
/* margin: 5mm; */
}
article {
float:left;
position:relative;
border: 2px solid black;
margin: 3mm;
padding: 2mm;
flex-grow: 1;
flex-shrink: 1;
flex-basis:22%;
}
.large {
width:50%;
}
.tight {
width:15%;
}
h1, h2, h3 {
font-family: 'Junicode-Condensed';
font-size: 5em;
line-height: 0.8em;
margin: 10mm 10mm 10mm 10mm;
color: #ff5100;
width: 500px;
}
img {
height: 62mm;
}
article:nth-of-type(4n) {
flex-grow: 1;
flex-shrink: 3;
flex-basis:35%;
}
article:nth-of-type(7n) {
flex-grow: 1;
flex-shrink: 5;
flex-basis:15%;
}
.labelbold tspan {
font-family: 'U001' !important;
font-weight: bold !important;
}
.labellight textPath {
font-family: 'U001' !important;
font-weight: normal !important;
}
.follow path {
stroke-width: 1.5px !important;
fill: #ffdbdb;
stroke: #000080;
stroke-linecap: round;
stroke-linejoin: round;
}
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment