From 58ad30fa2fa5d3419ea6361bb0da457f40343ea6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=AEittaG=20ordnasselA?= Date: Fri, 14 Jun 2019 17:48:00 +0200 Subject: [PATCH] Use OpenSans for body text --- static-src/stylesheets/default.scss | 24 +++++++++++++++--------- static/map/style.min.css.map | 2 +- static/style.min.css | 2 +- 3 files changed, 17 insertions(+), 11 deletions(-) diff --git a/static-src/stylesheets/default.scss b/static-src/stylesheets/default.scss index 87ef09c..c936682 100644 --- a/static-src/stylesheets/default.scss +++ b/static-src/stylesheets/default.scss @@ -1,8 +1,7 @@ -@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap"); +@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600|Roboto:400,500&display=swap"); body { - font-family: "Roboto", sans-serif; - font-weight: 300; + font-family: "Open Sans", sans-serif; display: flex; justify-content: center; font-size: 11pt; @@ -17,6 +16,7 @@ main { h1, h2 { + font-family: "Roboto", sans-serif; color: #4b5b69; font-weight: 400; line-height: 1.5em; @@ -32,30 +32,33 @@ p { padding-left: 10pt; } li { + font-family: "Open Sans", sans-serif; + font-weight: 400; margin: 10pt 0; list-style-type: none; } - .depth-0 { - font-weight: 500; + li.depth-0 { + font-family: "Open Sans", sans-serif; + font-weight: 600; } - .depth-2 { + li.depth-2 { padding-left: 20pt; } - .depth-4 { + li.depth-4 { padding-left: 40pt; } - .depth-6 { + li.depth-6 { padding-left: 60pt; } } .glossary { dt { - font-weight: 500; + font-weight: 600; } dd { margin-inline-start: 10pt; @@ -64,6 +67,9 @@ p { } .toc { + font-family: "Roboto", sans-serif; + font-weight: 300; + ul { display: flex; flex-direction: column; diff --git a/static/map/style.min.css.map b/static/map/style.min.css.map index 5fc58a1..77df5a7 100644 --- a/static/map/style.min.css.map +++ b/static/map/style.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["stylesheets/default.scss"],"names":[],"mappings":"AAAQ,iFAER,KACC,gCACA,gBACA,aACA,uBACA,eACA,iBAGD,KACC,OACA,WACA,gBAGD,MAEC,cACA,gBACA,kBAGD,EACC,SACA,cAIA,UACC,kBAED,UACC,cACA,qBAGD,gBACC,gBAGD,gBACC,kBAGD,gBACC,kBAGD,gBACC,kBAKD,aACC,gBAED,aACC,yBACA,mBAKD,QACC,aACA,sBACA,eACA,iBAGD,WACC,mBAGD,OACC,cACA,qBAEA,aACC,cAKH,qCACC,QACC,gBAED,KACC,aAIA,gBACC,kBAGD,gBACC,kBAGD,gBACC","file":"../style.min.css","sourcesContent":["@import url(\"https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap\");\r\n\r\nbody {\r\n\tfont-family: \"Roboto\", sans-serif;\r\n\tfont-weight: 300;\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\tfont-size: 11pt;\r\n\tline-height: 160%;\r\n}\r\n\r\nmain {\r\n\tflex: 1;\r\n\twidth: 100%;\r\n\tmax-width: 800px;\r\n}\r\n\r\nh1,\r\nh2 {\r\n\tcolor: #4b5b69;\r\n\tfont-weight: 400;\r\n\tline-height: 1.5em;\r\n}\r\n\r\np {\r\n\tmargin: 0;\r\n\tpadding: 2pt 0;\r\n}\r\n\r\n.rules {\r\n\tul {\r\n\t\tpadding-left: 10pt;\r\n\t}\r\n\tli {\r\n\t\tmargin: 10pt 0;\r\n\t\tlist-style-type: none;\r\n\t}\r\n\r\n\t.depth-0 {\r\n\t\tfont-weight: 500;\r\n\t}\r\n\r\n\t.depth-2 {\r\n\t\tpadding-left: 20pt;\r\n\t}\r\n\r\n\t.depth-4 {\r\n\t\tpadding-left: 40pt;\r\n\t}\r\n\r\n\t.depth-6 {\r\n\t\tpadding-left: 60pt;\r\n\t}\r\n}\r\n\r\n.glossary {\r\n\tdt {\r\n\t\tfont-weight: 500;\r\n\t}\r\n\tdd {\r\n\t\tmargin-inline-start: 10pt;\r\n\t\tmargin-bottom: 1rem;\r\n\t}\r\n}\r\n\r\n.toc {\r\n\tul {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tflex-wrap: wrap;\r\n\t\tmax-height: 700pt;\r\n\t}\r\n\r\n\t& > ul > li {\r\n\t\tmargin-bottom: 1rem;\r\n\t}\r\n\r\n\ta {\r\n\t\tcolor: #0d85ce;\r\n\t\ttext-decoration: none;\r\n\r\n\t\t&:hover {\r\n\t\t\tcolor: #87c7ff;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@media screen and (max-width: 700px) {\r\n\t.toc ul {\r\n\t\tmax-height: none;\r\n\t}\r\n\tbody {\r\n\t\tpadding: 10pt;\r\n\t}\r\n\r\n\t.rules {\r\n\t\t.depth-2 {\r\n\t\t\tpadding-left: 10pt;\r\n\t\t}\r\n\r\n\t\t.depth-4 {\r\n\t\t\tpadding-left: 20pt;\r\n\t\t}\r\n\r\n\t\t.depth-6 {\r\n\t\t\tpadding-left: 30pt;\r\n\t\t}\r\n\t}\r\n}\r\n"]} \ No newline at end of file +{"version":3,"sources":["stylesheets/default.scss"],"names":[],"mappings":"AAAQ,+FAER,KACC,mCACA,aACA,uBACA,eACA,iBAGD,KACC,OACA,WACA,gBAGD,MAEC,gCACA,cACA,gBACA,kBAGD,EACC,SACA,cAIA,UACC,kBAED,UACC,mCACA,gBACA,cACA,qBAGD,kBACC,mCACA,gBAGD,kBACC,kBAGD,kBACC,kBAGD,kBACC,kBAKD,aACC,gBAED,aACC,yBACA,mBAIF,KACC,gCACA,gBAEA,QACC,aACA,sBACA,eACA,iBAGD,WACC,mBAGD,OACC,cACA,qBAEA,aACC,cAKH,qCACC,QACC,gBAED,KACC,aAIA,gBACC,kBAGD,gBACC,kBAGD,gBACC","file":"../style.min.css","sourcesContent":["@import url(\"https://fonts.googleapis.com/css?family=Open+Sans:400,600|Roboto:400,500&display=swap\");\r\n\r\nbody {\r\n\tfont-family: \"Open Sans\", sans-serif;\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\tfont-size: 11pt;\r\n\tline-height: 160%;\r\n}\r\n\r\nmain {\r\n\tflex: 1;\r\n\twidth: 100%;\r\n\tmax-width: 800px;\r\n}\r\n\r\nh1,\r\nh2 {\r\n\tfont-family: \"Roboto\", sans-serif;\r\n\tcolor: #4b5b69;\r\n\tfont-weight: 400;\r\n\tline-height: 1.5em;\r\n}\r\n\r\np {\r\n\tmargin: 0;\r\n\tpadding: 2pt 0;\r\n}\r\n\r\n.rules {\r\n\tul {\r\n\t\tpadding-left: 10pt;\r\n\t}\r\n\tli {\r\n\t\tfont-family: \"Open Sans\", sans-serif;\r\n\t\tfont-weight: 400;\r\n\t\tmargin: 10pt 0;\r\n\t\tlist-style-type: none;\r\n\t}\r\n\r\n\tli.depth-0 {\r\n\t\tfont-family: \"Open Sans\", sans-serif;\r\n\t\tfont-weight: 600;\r\n\t}\r\n\r\n\tli.depth-2 {\r\n\t\tpadding-left: 20pt;\r\n\t}\r\n\r\n\tli.depth-4 {\r\n\t\tpadding-left: 40pt;\r\n\t}\r\n\r\n\tli.depth-6 {\r\n\t\tpadding-left: 60pt;\r\n\t}\r\n}\r\n\r\n.glossary {\r\n\tdt {\r\n\t\tfont-weight: 600;\r\n\t}\r\n\tdd {\r\n\t\tmargin-inline-start: 10pt;\r\n\t\tmargin-bottom: 1rem;\r\n\t}\r\n}\r\n\r\n.toc {\r\n\tfont-family: \"Roboto\", sans-serif;\r\n\tfont-weight: 300;\r\n\r\n\tul {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tflex-wrap: wrap;\r\n\t\tmax-height: 700pt;\r\n\t}\r\n\r\n\t& > ul > li {\r\n\t\tmargin-bottom: 1rem;\r\n\t}\r\n\r\n\ta {\r\n\t\tcolor: #0d85ce;\r\n\t\ttext-decoration: none;\r\n\r\n\t\t&:hover {\r\n\t\t\tcolor: #87c7ff;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@media screen and (max-width: 700px) {\r\n\t.toc ul {\r\n\t\tmax-height: none;\r\n\t}\r\n\tbody {\r\n\t\tpadding: 10pt;\r\n\t}\r\n\r\n\t.rules {\r\n\t\t.depth-2 {\r\n\t\t\tpadding-left: 10pt;\r\n\t\t}\r\n\r\n\t\t.depth-4 {\r\n\t\t\tpadding-left: 20pt;\r\n\t\t}\r\n\r\n\t\t.depth-6 {\r\n\t\t\tpadding-left: 30pt;\r\n\t\t}\r\n\t}\r\n}\r\n"]} \ No newline at end of file diff --git a/static/style.min.css b/static/style.min.css index 3f55ea9..3eef671 100644 --- a/static/style.min.css +++ b/static/style.min.css @@ -1,2 +1,2 @@ -@import"https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap";body{font-family:"Roboto",sans-serif;font-weight:300;display:flex;justify-content:center;font-size:11pt;line-height:160%}main{flex:1;width:100%;max-width:800px}h1,h2{color:#4b5b69;font-weight:400;line-height:1.5em}p{margin:0;padding:2pt 0}.rules ul{padding-left:10pt}.rules li{margin:10pt 0;list-style-type:none}.rules .depth-0{font-weight:500}.rules .depth-2{padding-left:20pt}.rules .depth-4{padding-left:40pt}.rules .depth-6{padding-left:60pt}.glossary dt{font-weight:500}.glossary dd{margin-inline-start:10pt;margin-bottom:1rem}.toc ul{display:flex;flex-direction:column;flex-wrap:wrap;max-height:700pt}.toc>ul>li{margin-bottom:1rem}.toc a{color:#0d85ce;text-decoration:none}.toc a:hover{color:#87c7ff}@media screen and (max-width: 700px){.toc ul{max-height:none}body{padding:10pt}.rules .depth-2{padding-left:10pt}.rules .depth-4{padding-left:20pt}.rules .depth-6{padding-left:30pt}} +@import"https://fonts.googleapis.com/css?family=Open+Sans:400,600|Roboto:400,500&display=swap";body{font-family:"Open Sans",sans-serif;display:flex;justify-content:center;font-size:11pt;line-height:160%}main{flex:1;width:100%;max-width:800px}h1,h2{font-family:"Roboto",sans-serif;color:#4b5b69;font-weight:400;line-height:1.5em}p{margin:0;padding:2pt 0}.rules ul{padding-left:10pt}.rules li{font-family:"Open Sans",sans-serif;font-weight:400;margin:10pt 0;list-style-type:none}.rules li.depth-0{font-family:"Open Sans",sans-serif;font-weight:600}.rules li.depth-2{padding-left:20pt}.rules li.depth-4{padding-left:40pt}.rules li.depth-6{padding-left:60pt}.glossary dt{font-weight:600}.glossary dd{margin-inline-start:10pt;margin-bottom:1rem}.toc{font-family:"Roboto",sans-serif;font-weight:300}.toc ul{display:flex;flex-direction:column;flex-wrap:wrap;max-height:700pt}.toc>ul>li{margin-bottom:1rem}.toc a{color:#0d85ce;text-decoration:none}.toc a:hover{color:#87c7ff}@media screen and (max-width: 700px){.toc ul{max-height:none}body{padding:10pt}.rules .depth-2{padding-left:10pt}.rules .depth-4{padding-left:20pt}.rules .depth-6{padding-left:30pt}} /*# sourceMappingURL=map/style.min.css.map */