diff --git a/lib/partials/layout.hbs b/lib/partials/layout.hbs index 0163a88..5829f7e 100644 --- a/lib/partials/layout.hbs +++ b/lib/partials/layout.hbs @@ -34,13 +34,13 @@ diff --git a/spec/regexper_spec.js b/spec/regexper_spec.js index cc4e985..29a5e36 100644 --- a/spec/regexper_spec.js +++ b/spec/regexper_spec.js @@ -11,8 +11,8 @@ describe('regexper.js', function() { '
', '', '', '
', '
', @@ -365,7 +365,7 @@ describe('regexper.js', function() { it('adds a list item for each warning', function() { this.regexper.displayWarnings(['warning 1', 'warning 2']); - expect(this.regexper.warnings.innerHTML).toEqual('
  • warning 1
  • warning 2
    • '); + expect(this.regexper.warnings.innerHTML).toEqual('
  • warning 1
  • warning 2
    • '); }); }); diff --git a/src/fonts/open-iconic.eot b/src/fonts/open-iconic.eot deleted file mode 100644 index f98177d..0000000 Binary files a/src/fonts/open-iconic.eot and /dev/null differ diff --git a/src/fonts/open-iconic.otf b/src/fonts/open-iconic.otf deleted file mode 100644 index f6bd684..0000000 Binary files a/src/fonts/open-iconic.otf and /dev/null differ diff --git a/src/fonts/open-iconic.svg b/src/fonts/open-iconic.svg deleted file mode 100644 index 32b2c4e..0000000 --- a/src/fonts/open-iconic.svg +++ /dev/null @@ -1,543 +0,0 @@ - - - - - -Created by FontForge 20120731 at Tue Jul 1 20:39:22 2014 - By P.J. Onori -Created by P.J. Onori with FontForge 2.0 (http://fontforge.sf.net) - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/fonts/open-iconic.ttf b/src/fonts/open-iconic.ttf deleted file mode 100644 index fab6048..0000000 Binary files a/src/fonts/open-iconic.ttf and /dev/null differ diff --git a/src/fonts/open-iconic.woff b/src/fonts/open-iconic.woff deleted file mode 100644 index f930998..0000000 Binary files a/src/fonts/open-iconic.woff and /dev/null differ diff --git a/src/images/open-iconic/code.svg b/src/images/open-iconic/code.svg new file mode 100644 index 0000000..14e4937 --- /dev/null +++ b/src/images/open-iconic/code.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/src/images/open-iconic/data-transfer-download.svg b/src/images/open-iconic/data-transfer-download.svg new file mode 100644 index 0000000..9f14f33 --- /dev/null +++ b/src/images/open-iconic/data-transfer-download.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/src/images/open-iconic/document.svg b/src/images/open-iconic/document.svg new file mode 100644 index 0000000..8e2ba05 --- /dev/null +++ b/src/images/open-iconic/document.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/src/images/open-iconic/link-intact.svg b/src/images/open-iconic/link-intact.svg new file mode 100644 index 0000000..cdfbabd --- /dev/null +++ b/src/images/open-iconic/link-intact.svg @@ -0,0 +1,4 @@ + + + \ No newline at end of file diff --git a/src/images/open-iconic/list-rich.svg b/src/images/open-iconic/list-rich.svg new file mode 100644 index 0000000..cf816d1 --- /dev/null +++ b/src/images/open-iconic/list-rich.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/src/images/open-iconic/warning.svg b/src/images/open-iconic/warning.svg new file mode 100644 index 0000000..e3594a8 --- /dev/null +++ b/src/images/open-iconic/warning.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/src/index.hbs b/src/index.hbs index 8fab2ad..37cae2f 100644 --- a/src/index.hbs +++ b/src/index.hbs @@ -7,10 +7,10 @@ diff --git a/src/js/regexper.js b/src/js/regexper.js index fea7c4b..1afa5c9 100644 --- a/src/js/regexper.js +++ b/src/js/regexper.js @@ -15,8 +15,8 @@ export default class Regexper { this.warnings = root.querySelector('#warnings'); this.links = this.form.querySelector('ul'); - this.permalink = this.links.querySelector('a[data-glyph="link-intact"]'); - this.download = this.links.querySelector('a[data-glyph="data-transfer-download"]'); + this.permalink = this.links.querySelector('a[data-action="permalink"]'); + this.download = this.links.querySelector('a[data-action="download"]'); this.svgContainer = root.querySelector('#regexp-render'); } @@ -184,7 +184,7 @@ export default class Regexper { // - __warnings__ - Array of warning messages to display. displayWarnings(warnings) { this.warnings.innerHTML = _.map(warnings, warning => { - return `
  • ${warning}
    • `; + return `
  • ${warning}
    • `; }).join(''); } diff --git a/src/sass/main.scss b/src/sass/main.scss index 5b73929..ef10475 100644 --- a/src/sass/main.scss +++ b/src/sass/main.scss @@ -1,5 +1,4 @@ @import 'base'; -@import 'open-iconic'; @import 'reset'; body { @@ -14,8 +13,13 @@ a { color: $black; } -.oi.with-text[data-glyph]:before { - margin-right: rhythm(1/4); +.inline-icon { + img { + margin-right: rhythm(1/4); + width: 1em; + height: 1em; + vertical-align: middle; + } } h1 { diff --git a/src/sass/open-iconic.scss b/src/sass/open-iconic.scss deleted file mode 100644 index e03d979..0000000 --- a/src/sass/open-iconic.scss +++ /dev/null @@ -1,963 +0,0 @@ -$iconic-font-path: '../fonts/' !default; - -@font-face { - font-family: 'Icons'; - src: url('#{$iconic-font-path}open-iconic.eot'); - src: url('#{$iconic-font-path}open-iconic.eot?#iconic-sm') format('embedded-opentype'), url('#{$iconic-font-path}open-iconic.woff') format('woff'), url('#{$iconic-font-path}open-iconic.ttf') format('truetype'), url('#{$iconic-font-path}open-iconic.otf') format('opentype'), url('#{$iconic-font-path}open-iconic.svg#iconic-sm') format('svg'); - font-weight: normal; - font-style: normal; -} - -.oi[data-glyph].oi-text-replace { - font-size: 0; - line-height: 0; -} - -.oi[data-glyph].oi-text-replace:before { - width: 1em; - text-align: center; -} - -.oi[data-glyph] { - &:before { - position: relative; - top: 1px; - font-family: 'Icons'; - display: inline-block; - speak: none; - line-height: 1; - vertical-align: baseline; - font-weight: normal; - font-style: normal; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - } - - &:empty:before { - width: 1em; - text-align: center; - box-sizing: content-box; - } - - &.oi-align-left:before { - text-align: left; - } - &.oi-align-right:before { - text-align: right; - } - &.oi-align-center:before { - text-align: center; - } - - &.oi-flip-horizontal:before { - -webkit-transform: scale(-1, 1); - -ms-transform: scale(-1, 1); - transform: scale(-1, 1); - } - - &.oi-flip-vertical:before { - -webkit-transform: scale(1, -1); - -ms-transform: scale(-1, 1); - transform: scale(1, -1); - } - - &.oi-flip-horizontal-vertical:before { - -webkit-transform: scale(-1, -1); - -ms-transform: scale(-1, 1); - transform: scale(-1, -1); - } -} - - -.oi[data-glyph=account-login]:before { - content: '\e000'; -} - -.oi[data-glyph=account-logout]:before { - content: '\e001'; -} - -.oi[data-glyph=action-redo]:before { - content: '\e002'; -} - -.oi[data-glyph=action-undo]:before { - content: '\e003'; -} - -.oi[data-glyph=align-center]:before { - content: '\e004'; -} - -.oi[data-glyph=align-left]:before { - content: '\e005'; -} - -.oi[data-glyph=align-right]:before { - content: '\e006'; -} - -.oi[data-glyph=aperture]:before { - content: '\e007'; -} - -.oi[data-glyph=arrow-bottom]:before { - content: '\e008'; -} - -.oi[data-glyph=arrow-circle-bottom]:before { - content: '\e009'; -} - -.oi[data-glyph=arrow-circle-left]:before { - content: '\e00a'; -} - -.oi[data-glyph=arrow-circle-right]:before { - content: '\e00b'; -} - -.oi[data-glyph=arrow-circle-top]:before { - content: '\e00c'; -} - -.oi[data-glyph=arrow-left]:before { - content: '\e00d'; -} - -.oi[data-glyph=arrow-right]:before { - content: '\e00e'; -} - -.oi[data-glyph=arrow-thick-bottom]:before { - content: '\e00f'; -} - -.oi[data-glyph=arrow-thick-left]:before { - content: '\e010'; -} - -.oi[data-glyph=arrow-thick-right]:before { - content: '\e011'; -} - -.oi[data-glyph=arrow-thick-top]:before { - content: '\e012'; -} - -.oi[data-glyph=arrow-top]:before { - content: '\e013'; -} - -.oi[data-glyph=audio-spectrum]:before { - content: '\e014'; -} - -.oi[data-glyph=audio]:before { - content: '\e015'; -} - -.oi[data-glyph=badge]:before { - content: '\e016'; -} - -.oi[data-glyph=ban]:before { - content: '\e017'; -} - -.oi[data-glyph=bar-chart]:before { - content: '\e018'; -} - -.oi[data-glyph=basket]:before { - content: '\e019'; -} - -.oi[data-glyph=battery-empty]:before { - content: '\e01a'; -} - -.oi[data-glyph=battery-full]:before { - content: '\e01b'; -} - -.oi[data-glyph=beaker]:before { - content: '\e01c'; -} - -.oi[data-glyph=bell]:before { - content: '\e01d'; -} - -.oi[data-glyph=bluetooth]:before { - content: '\e01e'; -} - -.oi[data-glyph=bold]:before { - content: '\e01f'; -} - -.oi[data-glyph=bolt]:before { - content: '\e020'; -} - -.oi[data-glyph=book]:before { - content: '\e021'; -} - -.oi[data-glyph=bookmark]:before { - content: '\e022'; -} - -.oi[data-glyph=box]:before { - content: '\e023'; -} - -.oi[data-glyph=briefcase]:before { - content: '\e024'; -} - -.oi[data-glyph=british-pound]:before { - content: '\e025'; -} - -.oi[data-glyph=browser]:before { - content: '\e026'; -} - -.oi[data-glyph=brush]:before { - content: '\e027'; -} - -.oi[data-glyph=bug]:before { - content: '\e028'; -} - -.oi[data-glyph=bullhorn]:before { - content: '\e029'; -} - -.oi[data-glyph=calculator]:before { - content: '\e02a'; -} - -.oi[data-glyph=calendar]:before { - content: '\e02b'; -} - -.oi[data-glyph=camera-slr]:before { - content: '\e02c'; -} - -.oi[data-glyph=caret-bottom]:before { - content: '\e02d'; -} - -.oi[data-glyph=caret-left]:before { - content: '\e02e'; -} - -.oi[data-glyph=caret-right]:before { - content: '\e02f'; -} - -.oi[data-glyph=caret-top]:before { - content: '\e030'; -} - -.oi[data-glyph=cart]:before { - content: '\e031'; -} - -.oi[data-glyph=chat]:before { - content: '\e032'; -} - -.oi[data-glyph=check]:before { - content: '\e033'; -} - -.oi[data-glyph=chevron-bottom]:before { - content: '\e034'; -} - -.oi[data-glyph=chevron-left]:before { - content: '\e035'; -} - -.oi[data-glyph=chevron-right]:before { - content: '\e036'; -} - -.oi[data-glyph=chevron-top]:before { - content: '\e037'; -} - -.oi[data-glyph=circle-check]:before { - content: '\e038'; -} - -.oi[data-glyph=circle-x]:before { - content: '\e039'; -} - -.oi[data-glyph=clipboard]:before { - content: '\e03a'; -} - -.oi[data-glyph=clock]:before { - content: '\e03b'; -} - -.oi[data-glyph=cloud-download]:before { - content: '\e03c'; -} - -.oi[data-glyph=cloud-upload]:before { - content: '\e03d'; -} - -.oi[data-glyph=cloud]:before { - content: '\e03e'; -} - -.oi[data-glyph=cloudy]:before { - content: '\e03f'; -} - -.oi[data-glyph=code]:before { - content: '\e040'; -} - -.oi[data-glyph=cog]:before { - content: '\e041'; -} - -.oi[data-glyph=collapse-down]:before { - content: '\e042'; -} - -.oi[data-glyph=collapse-left]:before { - content: '\e043'; -} - -.oi[data-glyph=collapse-right]:before { - content: '\e044'; -} - -.oi[data-glyph=collapse-up]:before { - content: '\e045'; -} - -.oi[data-glyph=command]:before { - content: '\e046'; -} - -.oi[data-glyph=comment-square]:before { - content: '\e047'; -} - -.oi[data-glyph=compass]:before { - content: '\e048'; -} - -.oi[data-glyph=contrast]:before { - content: '\e049'; -} - -.oi[data-glyph=copywriting]:before { - content: '\e04a'; -} - -.oi[data-glyph=credit-card]:before { - content: '\e04b'; -} - -.oi[data-glyph=crop]:before { - content: '\e04c'; -} - -.oi[data-glyph=dashboard]:before { - content: '\e04d'; -} - -.oi[data-glyph=data-transfer-download]:before { - content: '\e04e'; -} - -.oi[data-glyph=data-transfer-upload]:before { - content: '\e04f'; -} - -.oi[data-glyph=delete]:before { - content: '\e050'; -} - -.oi[data-glyph=dial]:before { - content: '\e051'; -} - -.oi[data-glyph=document]:before { - content: '\e052'; -} - -.oi[data-glyph=dollar]:before { - content: '\e053'; -} - -.oi[data-glyph=double-quote-sans-left]:before { - content: '\e054'; -} - -.oi[data-glyph=double-quote-sans-right]:before { - content: '\e055'; -} - -.oi[data-glyph=double-quote-serif-left]:before { - content: '\e056'; -} - -.oi[data-glyph=double-quote-serif-right]:before { - content: '\e057'; -} - -.oi[data-glyph=droplet]:before { - content: '\e058'; -} - -.oi[data-glyph=eject]:before { - content: '\e059'; -} - -.oi[data-glyph=elevator]:before { - content: '\e05a'; -} - -.oi[data-glyph=ellipses]:before { - content: '\e05b'; -} - -.oi[data-glyph=envelope-closed]:before { - content: '\e05c'; -} - -.oi[data-glyph=envelope-open]:before { - content: '\e05d'; -} - -.oi[data-glyph=euro]:before { - content: '\e05e'; -} - -.oi[data-glyph=excerpt]:before { - content: '\e05f'; -} - -.oi[data-glyph=expand-down]:before { - content: '\e060'; -} - -.oi[data-glyph=expand-left]:before { - content: '\e061'; -} - -.oi[data-glyph=expand-right]:before { - content: '\e062'; -} - -.oi[data-glyph=expand-up]:before { - content: '\e063'; -} - -.oi[data-glyph=external-link]:before { - content: '\e064'; -} - -.oi[data-glyph=eye]:before { - content: '\e065'; -} - -.oi[data-glyph=eyedropper]:before { - content: '\e066'; -} - -.oi[data-glyph=file]:before { - content: '\e067'; -} - -.oi[data-glyph=fire]:before { - content: '\e068'; -} - -.oi[data-glyph=flag]:before { - content: '\e069'; -} - -.oi[data-glyph=flash]:before { - content: '\e06a'; -} - -.oi[data-glyph=folder]:before { - content: '\e06b'; -} - -.oi[data-glyph=fork]:before { - content: '\e06c'; -} - -.oi[data-glyph=fullscreen-enter]:before { - content: '\e06d'; -} - -.oi[data-glyph=fullscreen-exit]:before { - content: '\e06e'; -} - -.oi[data-glyph=globe]:before { - content: '\e06f'; -} - -.oi[data-glyph=graph]:before { - content: '\e070'; -} - -.oi[data-glyph=grid-four-up]:before { - content: '\e071'; -} - -.oi[data-glyph=grid-three-up]:before { - content: '\e072'; -} - -.oi[data-glyph=grid-two-up]:before { - content: '\e073'; -} - -.oi[data-glyph=hard-drive]:before { - content: '\e074'; -} - -.oi[data-glyph=header]:before { - content: '\e075'; -} - -.oi[data-glyph=headphones]:before { - content: '\e076'; -} - -.oi[data-glyph=heart]:before { - content: '\e077'; -} - -.oi[data-glyph=home]:before { - content: '\e078'; -} - -.oi[data-glyph=image]:before { - content: '\e079'; -} - -.oi[data-glyph=inbox]:before { - content: '\e07a'; -} - -.oi[data-glyph=infinity]:before { - content: '\e07b'; -} - -.oi[data-glyph=info]:before { - content: '\e07c'; -} - -.oi[data-glyph=italic]:before { - content: '\e07d'; -} - -.oi[data-glyph=justify-center]:before { - content: '\e07e'; -} - -.oi[data-glyph=justify-left]:before { - content: '\e07f'; -} - -.oi[data-glyph=justify-right]:before { - content: '\e080'; -} - -.oi[data-glyph=key]:before { - content: '\e081'; -} - -.oi[data-glyph=laptop]:before { - content: '\e082'; -} - -.oi[data-glyph=layers]:before { - content: '\e083'; -} - -.oi[data-glyph=lightbulb]:before { - content: '\e084'; -} - -.oi[data-glyph=link-broken]:before { - content: '\e085'; -} - -.oi[data-glyph=link-intact]:before { - content: '\e086'; -} - -.oi[data-glyph=list-rich]:before { - content: '\e087'; -} - -.oi[data-glyph=list]:before { - content: '\e088'; -} - -.oi[data-glyph=location]:before { - content: '\e089'; -} - -.oi[data-glyph=lock-locked]:before { - content: '\e08a'; -} - -.oi[data-glyph=lock-unlocked]:before { - content: '\e08b'; -} - -.oi[data-glyph=loop-circular]:before { - content: '\e08c'; -} - -.oi[data-glyph=loop-square]:before { - content: '\e08d'; -} - -.oi[data-glyph=loop]:before { - content: '\e08e'; -} - -.oi[data-glyph=magnifying-glass]:before { - content: '\e08f'; -} - -.oi[data-glyph=map-marker]:before { - content: '\e090'; -} - -.oi[data-glyph=map]:before { - content: '\e091'; -} - -.oi[data-glyph=media-pause]:before { - content: '\e092'; -} - -.oi[data-glyph=media-play]:before { - content: '\e093'; -} - -.oi[data-glyph=media-record]:before { - content: '\e094'; -} - -.oi[data-glyph=media-skip-backward]:before { - content: '\e095'; -} - -.oi[data-glyph=media-skip-forward]:before { - content: '\e096'; -} - -.oi[data-glyph=media-step-backward]:before { - content: '\e097'; -} - -.oi[data-glyph=media-step-forward]:before { - content: '\e098'; -} - -.oi[data-glyph=media-stop]:before { - content: '\e099'; -} - -.oi[data-glyph=medical-cross]:before { - content: '\e09a'; -} - -.oi[data-glyph=menu]:before { - content: '\e09b'; -} - -.oi[data-glyph=microphone]:before { - content: '\e09c'; -} - -.oi[data-glyph=minus]:before { - content: '\e09d'; -} - -.oi[data-glyph=monitor]:before { - content: '\e09e'; -} - -.oi[data-glyph=moon]:before { - content: '\e09f'; -} - -.oi[data-glyph=move]:before { - content: '\e0a0'; -} - -.oi[data-glyph=musical-note]:before { - content: '\e0a1'; -} - -.oi[data-glyph=paperclip]:before { - content: '\e0a2'; -} - -.oi[data-glyph=pencil]:before { - content: '\e0a3'; -} - -.oi[data-glyph=people]:before { - content: '\e0a4'; -} - -.oi[data-glyph=person]:before { - content: '\e0a5'; -} - -.oi[data-glyph=phone]:before { - content: '\e0a6'; -} - -.oi[data-glyph=pie-chart]:before { - content: '\e0a7'; -} - -.oi[data-glyph=pin]:before { - content: '\e0a8'; -} - -.oi[data-glyph=play-circle]:before { - content: '\e0a9'; -} - -.oi[data-glyph=plus]:before { - content: '\e0aa'; -} - -.oi[data-glyph=power-standby]:before { - content: '\e0ab'; -} - -.oi[data-glyph=print]:before { - content: '\e0ac'; -} - -.oi[data-glyph=project]:before { - content: '\e0ad'; -} - -.oi[data-glyph=pulse]:before { - content: '\e0ae'; -} - -.oi[data-glyph=puzzle-piece]:before { - content: '\e0af'; -} - -.oi[data-glyph=question-mark]:before { - content: '\e0b0'; -} - -.oi[data-glyph=rain]:before { - content: '\e0b1'; -} - -.oi[data-glyph=random]:before { - content: '\e0b2'; -} - -.oi[data-glyph=reload]:before { - content: '\e0b3'; -} - -.oi[data-glyph=resize-both]:before { - content: '\e0b4'; -} - -.oi[data-glyph=resize-height]:before { - content: '\e0b5'; -} - -.oi[data-glyph=resize-width]:before { - content: '\e0b6'; -} - -.oi[data-glyph=rss-alt]:before { - content: '\e0b7'; -} - -.oi[data-glyph=rss]:before { - content: '\e0b8'; -} - -.oi[data-glyph=script]:before { - content: '\e0b9'; -} - -.oi[data-glyph=share-boxed]:before { - content: '\e0ba'; -} - -.oi[data-glyph=share]:before { - content: '\e0bb'; -} - -.oi[data-glyph=shield]:before { - content: '\e0bc'; -} - -.oi[data-glyph=signal]:before { - content: '\e0bd'; -} - -.oi[data-glyph=signpost]:before { - content: '\e0be'; -} - -.oi[data-glyph=sort-ascending]:before { - content: '\e0bf'; -} - -.oi[data-glyph=sort-descending]:before { - content: '\e0c0'; -} - -.oi[data-glyph=spreadsheet]:before { - content: '\e0c1'; -} - -.oi[data-glyph=star]:before { - content: '\e0c2'; -} - -.oi[data-glyph=sun]:before { - content: '\e0c3'; -} - -.oi[data-glyph=tablet]:before { - content: '\e0c4'; -} - -.oi[data-glyph=tag]:before { - content: '\e0c5'; -} - -.oi[data-glyph=tags]:before { - content: '\e0c6'; -} - -.oi[data-glyph=target]:before { - content: '\e0c7'; -} - -.oi[data-glyph=task]:before { - content: '\e0c8'; -} - -.oi[data-glyph=terminal]:before { - content: '\e0c9'; -} - -.oi[data-glyph=text]:before { - content: '\e0ca'; -} - -.oi[data-glyph=thumb-down]:before { - content: '\e0cb'; -} - -.oi[data-glyph=thumb-up]:before { - content: '\e0cc'; -} - -.oi[data-glyph=timer]:before { - content: '\e0cd'; -} - -.oi[data-glyph=transfer]:before { - content: '\e0ce'; -} - -.oi[data-glyph=trash]:before { - content: '\e0cf'; -} - -.oi[data-glyph=underline]:before { - content: '\e0d0'; -} - -.oi[data-glyph=vertical-align-bottom]:before { - content: '\e0d1'; -} - -.oi[data-glyph=vertical-align-center]:before { - content: '\e0d2'; -} - -.oi[data-glyph=vertical-align-top]:before { - content: '\e0d3'; -} - -.oi[data-glyph=video]:before { - content: '\e0d4'; -} - -.oi[data-glyph=volume-high]:before { - content: '\e0d5'; -} - -.oi[data-glyph=volume-low]:before { - content: '\e0d6'; -} - -.oi[data-glyph=volume-off]:before { - content: '\e0d7'; -} - -.oi[data-glyph=warning]:before { - content: '\e0d8'; -} - -.oi[data-glyph=wifi]:before { - content: '\e0d9'; -} - -.oi[data-glyph=wrench]:before { - content: '\e0da'; -} - -.oi[data-glyph=x]:before { - content: '\e0db'; -} - -.oi[data-glyph=yen]:before { - content: '\e0dc'; -} - -.oi[data-glyph=zoom-in]:before { - content: '\e0dd'; -} - -.oi[data-glyph=zoom-out]:before { - content: '\e0de'; -} -