Add emoji support

nielsenramon · Dec 12, 2016 · 2ad1014 · 2ad1014
1 parent 0d6a9a4
commit 2ad1014
Show file tree

Hide file tree

Showing 5 changed files with 24 additions and 1 deletion.
diff --git a/Gemfile b/Gemfile
@@ -6,6 +6,7 @@ gem "jekyll"
 gem "jekyll-assets"
 gem "jekyll-paginate"
 gem "jekyll-sitemap"
+gem "jemoji"
 gem "mini_magick"
 gem "sass"
 gem "uglifier"
diff --git a/Gemfile.lock b/Gemfile.lock
@@ -22,6 +22,10 @@ GEM
       addressable (~> 2)
     ffi (1.9.14)
     forwardable-extended (2.6.0)
+    gemoji (2.1.0)
+    html-pipeline (2.4.2)
+      activesupport (>= 2)
+      nokogiri (>= 1.4)
     html-proofer (3.3.1)
       activesupport (>= 4.2, < 6.0)
       addressable (~> 2.3)
@@ -57,6 +61,10 @@ GEM
       jekyll (~> 3.3)
     jekyll-watch (1.5.0)
       listen (~> 3.0, < 3.1)
+    jemoji (0.6.2)
+      gemoji (~> 2.0)
+      html-pipeline (~> 2.2)
+      jekyll (>= 3.0)
     kramdown (1.13.1)
     liquid (3.0.6)
     listen (3.0.8)
@@ -101,6 +109,7 @@ DEPENDENCIES
   jekyll-assets
   jekyll-paginate
   jekyll-sitemap
+  jemoji
   mini_magick
   sass
   uglifier

diff --git a/_assets/stylesheets/modules/_articles.scss b/_assets/stylesheets/modules/_articles.scss
@@ -114,7 +114,6 @@
   text-align: center;
 }
 
-
 // Paginator
 // =============================================================================
 
@@ -162,6 +161,12 @@
   blockquote p {
     margin-bottom: 0;
   }
+  img.emoji {
+    display: inline-block;
+    margin-top: -4px;
+    margin-bottom: 0;
+    vertical-align: middle;
+  }
 }
 
 .article-comments {
@@ -186,6 +191,9 @@
   }
 }
 
+// Responsive
+// =============================================================================
+
 @include breakpoint(small) {
   .article-list-footer {
     display: block;

diff --git a/_config.yml b/_config.yml
@@ -62,4 +62,5 @@ gems:
   - jekyll-assets
   - jekyll-paginate
   - jekyll-sitemap
+  - jemoji
 permalink: posts/:slug
diff --git a/_posts/2016-10-15-chalk-sample-post-with-all-elements.md b/_posts/2016-10-15-chalk-sample-post-with-all-elements.md
@@ -55,6 +55,10 @@ Ordered list example:
 2. Order list item 1
 {% endhighlight %}
 
+## Emoji support :star:
+
+Emoji's can be used everywhere in :cat2: your markdown!
+
 ## Quotes
 
 A quote looks like this: