diff --git a/_includes/head.html b/_includes/head.html index 3988dc2f..2b91e17c 100644 --- a/_includes/head.html +++ b/_includes/head.html @@ -5,7 +5,7 @@ - + {% if page.layout == 'photo' %} {% if page.image %}{% endif %} diff --git a/_includes/navigation.html b/_includes/navigation.html index 026097e4..8537ea02 100644 --- a/_includes/navigation.html +++ b/_includes/navigation.html @@ -8,6 +8,7 @@
  • About
  • Sample Posts
  • Theme Setup
  • +
  • Feed diff --git a/assets/css/main.css b/assets/css/main.css index 26d2e6b7..01a47695 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -1415,6 +1415,70 @@ svg:not(:root) { color: #ffffff; border-color: #ffffff; } +/* Custom set of Icomoon webfont icons ===================== */ +@font-face { + font-family: 'icomoon'; + src: url('../fonts/icomoon.eot'); + src: url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('../fonts/icomoon.woff') format('woff'), url('../fonts/icomoon.ttf') format('truetype'), url('../fonts/icomoon.svg#icomoon') format('svg'); + font-weight: normal; + font-style: normal; +} +@media screen and (-webkit-min-device-pixel-ratio: 0) { + @font-face { + font-family: 'icomoon'; + src: url('../fonts/icomoon.svg#icomoon') format('svg'); + } +} +/* Use the following CSS code if you want to use data attributes for inserting your icons */ +[data-icon]:before { + font-family: 'icomoon'; + content: attr(data-icon); + speak: none; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; +} +/* Use the following CSS code if you want to have a class per icon */ +/* +Instead of a list of all class selectors, +you can use the generic selector below, but it's slower: +[class*="icon-"] { +*/ +.icon-twitter, +.icon-feed, +.icon-instagram, +.icon-facebook, +.icon-google-plus, +.icon-github { + font-family: 'icomoon'; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; +} +.icon-twitter:before { + content: "\e000"; +} +.icon-feed:before { + content: "\e003"; +} +.icon-instagram:before { + content: "\e004"; +} +.icon-facebook:before { + content: "\e001"; +} +.icon-google-plus:before { + content: "\e002"; +} +.icon-github:before { + content: "\e005"; +} /* Standard form controls ================================== */ form { margin: 0 0 5px 0; diff --git a/assets/less/main.less b/assets/less/main.less index dbfedcf1..cf4e108a 100644 --- a/assets/less/main.less +++ b/assets/less/main.less @@ -22,6 +22,8 @@ // ELEMENTS =================================================== /* Figures, images, social media, other elements =========== */ @import "elements.less"; +/* Custom set of Icomoon webfont icons ===================== */ +@import "icomoon.less"; /* Standard form controls ================================== */ @import "forms.less"; // LAYOUT =====================================================