X-Git-Url: https://juplo.de/gitweb/?a=blobdiff_plain;f=less%2Ffrontend.less;h=93145ff89eed1e19163b12ad08e08bf444782744;hb=7a6085a3808cbbeeb10f554dce6b0d1cf4bfd755;hp=8b0d18cf50904e060e6312826a518fee79f8a0cb;hpb=6a1435be7f6888a5d30d7e47d4fc1791561c921b;p=examples%2Ftemplate-development diff --git a/less/frontend.less b/less/frontend.less index 8b0d18c..93145ff 100644 --- a/less/frontend.less +++ b/less/frontend.less @@ -3,11 +3,27 @@ @light: #9f9; @lighter: #fff; +@font-face { + font-family: 'White Rabbit'; + font-style: normal; + font-weight: 400; + text-transform: none; + src: url('../fonts/white-rabbit.woff'); + -webkit-font-feature-settings: "liga"; + -moz-font-feature-settings: "liga=1"; + -moz-font-feature-settings: "liga"; + -ms-font-feature-settings: "liga" 1; + -o-font-feature-settings: "liga"; + font-feature-settings: "liga"; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} body { color: @normal; background-color: @background; + font-family: "White Rabbit"; font-size: 20px; } a @@ -31,10 +47,22 @@ hr border-color: @normal; clear: both; } +svg +{ + fill: currentColor; +} + header { margin-bottom: 3em; + > h2 > svg + { + position: relative; + top: .2em; + height: 1.25em; + width: 2.5em; + } } nav {