JSFiddle - React, Tailwind, and code Playground

by adamschwartz

HTML

<div class="wordpress-nav">
  <div class="eager-wordpress-menu-icon"></div>
</div>

CSS

@font-face {
  font-family: "eager-wordpress-menu-icon";
  font-style: normal;
  font-weight: normal;
  src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAATkAAsAAAAABJgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxINO2NtYXAAAAFoAAAAVAAAAFQPReKpZ2FzcAAAAbwAAAAIAAAACAAAABBnbHlmAAABxAAAANwAAADcdSN4ZWhlYWQAAAKgAAAANgAAADYJbOA6aGhlYQAAAtgAAAAkAAAAJAeoA8ZobXR4AAAC/AAAABQAAAAUCgAAGmxvY2EAAAMQAAAADAAAAAwAKACCbWF4cAAAAxwAAAAgAAAAIAAJADhuYW1lAAADPAAAAYYAAAGGmUoJ+3Bvc3QAAATEAAAAIAAAACAAAwAAAAMDAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA8REDwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEADgAAAAKAAgAAgACAAEAIPER//3//wAAAAAAIPER//3//wAB/+MO8wADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAwAa/80D5gOaAAwAIAA1AAABIQMhNyM3MzcjNzM3ATQuAiMiDgIVFB4CMzI+AiU0PgIzMh4CFRQOAiMiLgI1Arv+yTcBPgjoEbgHuBHgBwErTISxZWWxhExMhLFlZbGETPxnRHafWlqfdkREdp9aWp92RALv/ZRRvFK8Uf7EZbGETU2EsWVlsYRMTISxZVqfdkREdp9aWp53RER3nloAAAEAAAAAAACuGW43Xw889QALBAAAAAAA0zRN6wAAAADTNE3rAAD/zQPmA5oAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA+YAAQAAAAAAAAAAAAAAAAAAAAUEAAAAAAAAAAAAAAACAAAABAAAGgAAAAAACgAUAB4AbgABAAAABQA2AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEABwAAAAEAAAAAAAIABwBgAAEAAAAAAAMABwA2AAEAAAAAAAQABwB1AAEAAAAAAAUACwAVAAEAAAAAAAYABwBLAAEAAAAAAAoAGgCKAAMAAQQJAAEADgAHAAMAAQQJAAIADgBnAAMAAQQJAAMADgA9AAMAAQQJAAQADgB8AAMAAQQJAAUAFgAgAAMAAQQJAAYADgBSAAMAAQQJAAoANACkaWNvbW9vbgBpAGMAbwBtAG8AbwBuVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwaWNvbW9vbgBpAGMAbwBtAG8AbwBuaWNvbW9vbgBpAGMAbwBtAG8AbwBuUmVndWxhcgBSAGUAZwB1AGwAYQByaWNvbW9vbgBpAGMAbwBtAG8AbwBuRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("woff");
}

.eager-wordpress-menu-icon:before {
  content: "\f111";
  font-family: "eager-wordpress-menu-icon";
  -webkit-font-smoothing:...