Commit cbdbaf43 authored by ludi's avatar ludi
Browse files

Merge branch 'master' of gitlab.constantvzw.org:osp/osp.meta.association

parents 0ea6d6e5 f53fc0ff
visual-language/sandbox/
visible/
:root {
--color-pink: #fcbfc4;
--color-blue: #112b92;
--color-orange: #ff5900;
--color-black: #000000;
--color-white: #ffffff;
}
@font-face { @font-face {
font-family: "Junicode-Condensed"; font-family: "Junicode-Condensed";
// src: url("https://github.com/Fromager/junicode/blob/master/fonts/Junicode-RegularCondensed.ttf?raw=true"); // src: url("https://github.com/Fromager/junicode/blob/master/fonts/Junicode-RegularCondensed.ttf?raw=true");
...@@ -42,8 +50,16 @@ ...@@ -42,8 +50,16 @@
font-weight: normal; font-weight: normal;
font-style: italic; font-style: italic;
} }
@font-face {
font-family: "caveat";
src: url("../fonts/Caveat.ttf");
font-weight: normal;
font-style: italic;
}
body { body {
background: var(--color-pink);
font-family: 'U001'; font-family: 'U001';
font-size: 1.3em; font-size: 1.3em;
line-height: 1.2em; line-height: 1.2em;
...@@ -66,52 +82,51 @@ hr { ...@@ -66,52 +82,51 @@ hr {
} }
article { article {
float:left; float:left;
position:relative; position:relative;
border: 2px solid black; /* border: 2px solid ; */
margin: 3mm; background: var(--color-white);
padding: 2mm; color: var(--color-blue);
flex-grow: 1; margin: 3mm;
flex-shrink: 1; padding: 2mm;
flex-basis:22%; flex-grow: 1;
flex-shrink: 1;
flex-basis:22%;
} }
.large { .large {
width:50%; width:50%;
} }
.tight { .tight {
width:15%; width:15%;
} }
h1, h2, h3 { h1, h2, h3 {
font-family: 'Junicode-Condensed';
line-height: 0.8em; line-height: 0.8em;
margin: 3mm 2mm 3mm 4mm; margin: 3mm 2mm 3mm 4mm;
} }
h1 { h1 {
font-size: 3em; font-family: 'caveat';
font-size: 3em;
} }
h2, h3 { h2, h3 {
font-size: 2em; font-family: 'Junicode-Condensed';
} font-size: 2em;
img {
height: 62mm;
} }
article:nth-of-type(4n) { article:nth-of-type(4n) {
flex-grow: 1; flex-grow: 1;
flex-shrink: 3; flex-shrink: 3;
flex-basis:35%; flex-basis:35%;
} }
article:nth-of-type(7n) { article:nth-of-type(7n) {
flex-grow: 1; flex-grow: 1;
flex-shrink: 5; flex-shrink: 5;
flex-basis:15%; flex-basis:15%;
} }
.labelbold tspan { .labelbold tspan {
...@@ -123,3 +138,21 @@ flex-basis:15%; ...@@ -123,3 +138,21 @@ flex-basis:15%;
font-family: 'U001' !important; font-family: 'U001' !important;
font-weight: normal; !important; font-weight: normal; !important;
} }
/* Style Images */
img {
max-width: 100%;
height: auto;
}
.svg.w100 {
width: 100%;
height: auto;
svg {
width: 100%;
}
}
img[alt=w100] {
}
This diff is collapsed.
This diff is collapsed.
...@@ -14,15 +14,15 @@ $(document).ready(function(){ ...@@ -14,15 +14,15 @@ $(document).ready(function(){
compt++ compt++
}) })
let imgs = $('img') // let imgs = $('img')
imgs.each(function(){ // imgs.each(function(){
let src = $(this).attr('src') // let src = $(this).attr('src')
let clss = $(this).attr('alt') // let clss = $(this).attr('alt')
let ext = src.substring(src.lastIndexOf(".")+1) // let ext = src.substring(src.lastIndexOf(".")+1)
if (ext == 'svg') { // if (ext == 'svg') {
loadSvg($(this), src, clss) // loadSvg($(this), src, clss)
} // }
}) // })
}) })
}) })
......
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