From 78b10442973777ba7378bbdb0d80403da6bc6e3a Mon Sep 17 00:00:00 2001 From: Emil Miler Date: Wed, 3 Feb 2021 23:01:43 +0100 Subject: [PATCH] =?UTF-8?q?Zm=C4=9Bna=20struktury=20hlavn=C3=AD=20navigace?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Byl přidán vlastní icon set pro navigaci. --- config.toml | 2 +- sass/_fonts.scss | 2 +- sass/_nav.scss | 17 +++++++++++------ sass/_variables.scss | 6 ++++-- static/fonts/icons.css | 35 +++++++++++++++++++++++++++++++++++ static/fonts/icons.svg | 13 +++++++++++++ static/fonts/icons.ttf | Bin 0 -> 1704 bytes static/fonts/icons.woff | Bin 0 -> 1780 bytes static/{ => fonts}/sofia.otf | Bin templates/index.html | 7 ++++--- 10 files changed, 69 insertions(+), 13 deletions(-) create mode 100644 static/fonts/icons.css create mode 100644 static/fonts/icons.svg create mode 100644 static/fonts/icons.ttf create mode 100644 static/fonts/icons.woff rename static/{ => fonts}/sofia.otf (100%) diff --git a/config.toml b/config.toml index d271702..5d8d4fe 100644 --- a/config.toml +++ b/config.toml @@ -21,7 +21,7 @@ taxonomies = [ ] [extra] -# Put all your custom variables here +git = "https://git.microlab.space/terezka/recepty-na-cesty" menu = [ {name="Polévky", path="/kategorie/polevky/"}, {name="Maso", path="/kategorie/maso/"}, diff --git a/sass/_fonts.scss b/sass/_fonts.scss index c3f627b..de92bd6 100644 --- a/sass/_fonts.scss +++ b/sass/_fonts.scss @@ -1,4 +1,4 @@ @font-face { font-family:sofia; - src:url(sofia.otf); + src:url(fonts/sofia.otf); } diff --git a/sass/_nav.scss b/sass/_nav.scss index 8c60d1d..657aff5 100644 --- a/sass/_nav.scss +++ b/sass/_nav.scss @@ -5,9 +5,15 @@ nav { background:$nav-background-primary; color:$nav-h1-color; - h1 a { - color:$nav-h1-color; - margin:$nav-h1-margin; + h1 { + margin: 0; + + a { + display: block; + padding: $nav-h1-padding; + color: $nav-h1-color; + font-size: $nav-h1-font-size; + } } ul { @@ -21,7 +27,7 @@ nav { li { a { - padding:1em; + padding: $nav-item-padding; display:block; text-decoration:none; @@ -44,11 +50,10 @@ nav { .mainnav { display:flex; justify-content:space-between; - align-items:flex-end; + align-items:center; width:100%; max-width:$recipe-wrap; margin:0 auto; - padding:0 1em; box-sizing:border-box; } diff --git a/sass/_variables.scss b/sass/_variables.scss index 3f71792..2bef2ff 100644 --- a/sass/_variables.scss +++ b/sass/_variables.scss @@ -29,8 +29,10 @@ $nav-color:#fff; $nav-background-primary:#333; $nav-background-secondary:#555; $nav-anchor-hover-color:$anchor-hover-color; -$nav-h1-margin:1em 0; -$nav-h1-color:$primary; +$nav-h1-padding: .8em; +$nav-h1-color: $primary; +$nav-h1-font-size: 1.5rem; +$nav-item-padding: 1em; // recipe $recipe-background:#fff; diff --git a/static/fonts/icons.css b/static/fonts/icons.css new file mode 100644 index 0000000..f76f19f --- /dev/null +++ b/static/fonts/icons.css @@ -0,0 +1,35 @@ +@font-face { + font-family: 'icons'; + src: + url('/fonts/icons.ttf?88dd9o') format('truetype'), + url('/fonts/icons.woff?88dd9o') format('woff'), + url('/fonts/icons.svg?88dd9o#icons') format('svg'); + font-weight: normal; + font-style: normal; + font-display: block; +} + +[class^="icon-"], [class*=" icon-"] { + /* use !important to prevent issues with browser extensions that change fonts */ + font-family: 'icons' !important; + speak: never; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.icon-search:before { + content: "\e986"; +} +.icon-info:before { + content: "\ea0c"; +} +.icon-git:before { + content: "\eae7"; +} diff --git a/static/fonts/icons.svg b/static/fonts/icons.svg new file mode 100644 index 0000000..c01b5d0 --- /dev/null +++ b/static/fonts/icons.svg @@ -0,0 +1,13 @@ + + + +Generated by IcoMoon + + + + + + + + + \ No newline at end of file diff --git a/static/fonts/icons.ttf b/static/fonts/icons.ttf new file mode 100644 index 0000000000000000000000000000000000000000..8074f44466d9f46f4159dcf4f81782e2e51b280d GIT binary patch literal 1704 zcmaJ>O>7%g5T4mx+qF|-r@MAUvN)R`VoQ;nWc?QeM2*94uzm{s00X!+I;&{Vn~!(?VE3A zzIpRz-@ZpoL_O3bk){?eOzOc?zW3qz7Vm1IYHZL`yEP(KVXu{p%?;=f>?ZVy()#wB z19RW)z`j8w+$|T4wZTt5{)R|;4e?AF4&V3U53s?Zv2wL>?G%v=`)k+zdE=aKN z!VXo9Ya4WuUWI)hwpKH$#SikHKZ!gr`TB;r*}ys>UeqIvM6t;`R#5m*xDC&Hj^~l8lfP1_T(axUuGrEY=OGMAc z66~AhbP75)K04y-WuG^!^hdcrlGHOLgy3GhHHebB|NREXj zrlZkH{`At)>3k&$vGAFu&Y`|LgY$y}(&Km1lZm_n$tNb$UHJ7oeIeGHXSx#|JUtPL z$&aGaz~DR!hw|Jx@C%@)mPF_&NKaFmUcskIWu9j}@(e592_6|w%fsnpdNiHvON#&N z(eB6XUp%HsZmEiv$IVxj z_7d_tB(x4EI}`oAdMMqU%K8uF&OPy=_=UBDejXnQa{nwR^+;Ip`u;_uXgih3#;~J( zQAWsh^d+#}@UvIx=ZK!=Oe!WmY|kkfrM&15_rzyBQq$HmaT^OBK^?R3n5vF>r1R}P zS>|2P`4+%$yerG)^O9#K-V^pWEghe6FbmxNBcKmi_K+Un05CX|2WKjJ`X5Oqd zv{JEFtQ(Euns#|xJ6kZ%nPx3PdAoK4)k~PBX0OPg2J{+ymuVa0S-XLAU|Q=;;Hz7= H>oM{V5)B#q literal 0 HcmV?d00001 diff --git a/static/fonts/icons.woff b/static/fonts/icons.woff new file mode 100644 index 0000000000000000000000000000000000000000..0988eb097c5159fb5109fc51bcd79c1358c653f2 GIT binary patch literal 1780 zcmaJ>O>A355T1QMHg-zv^gTNwG0w{mv85oV@ox|iITCfL;x-{gkvO!(b&TyQ_G=wS zG!jAaY&T0X7`(K zW_EVGyYJP-T#gt)T)$DDm_K%Gjt|P>h3PmEdj#w%SKmqZJH=YzD!2;lHKC90)XRkp z&V2)$$8zFSjeD0&=ul@Ta*BfB3-{6_DWW!k*yj{!0D2Qfpo( z(qU4F>q#PG-7X?d=eD0Kiz-^Ja2<8^Ct+JcPtc3?LahWYkJ>l5zMIqkylQVW(J%HQ z<5VD3ZLw`$M0ro)JAd1m*)Nn}9@xFYc*z5jCEB~Ew!3Z0s!;e?kKYnlQ~?UX$8iWF zj|!1S&tvY#Kc$chob~gKy%T%)x(~Zu@N~dt-5-Om2mT6-$ZQcH2SyATKC!ApDMXp4 z#8&qAb36xccUS!hT}0_Qq9-CT=AL7zB<9HE_?Ww&xm^KsFw6#niFi8W3XZTa%cLjS zn21OvGjlK#aS;(PMZEgM10&*}nhA%ixzkHar*qXXgyS=*=>cKDF8St}s>r8K=gJ-7v5#vEv8ya3<%Aq{D2Cfr&YHNg^eDoNl=mi{4GW|4* z2OnpqYl@9cri{^4A~l{$3?$V5^(gw0{j0|`$=V^)GDBi$cPX1~XIob;Ub-2D+`M%0 zN-ti?=dW3#qt>;2ex(O1+cH07c9xLeC8d2h*;(lC)kEoWDSr2i?sw{a^;3R=9yU4V zV}o-n5f27Tm-|07j<%EOOav!75N2>mVjza&2G3mPAPdGbES-#~_dD}u+N>;k0)5e0 zU2BPXHY%{9E1?OFCqkhKT|3{|H4L_caCRHuSGHpqmGhcD8|@2tT6~VqI+!V}^M^M+ z!tIf`mwAB^v)I{1a%UdNw*j2Dg!_Bp^N);|eb4+(eK=6a-Rvjt@6Ymt`S%8QSO{{& zo8%V&f^q*92!`B_$1!*sx1}0_^^!?pdJ|8pBC_4IESLMYij(Y&{q&iv!N?8Dsiy$1 zN~{8>CDwp9CD!rv4M^+)zaX)fhUhK+)-?~9es~;k_m zv6qr`t6H>cHM>q#Dw0h#{A{YPlo}gVyKc?IPSFaLs6iVDfCKByP>fC;nRO(&Tq {% block title %}{{ config.title }}{% endblock title %} + @@ -13,9 +14,9 @@

Recepty na cesty