diff --git a/icon_font/template.scss b/icon_font/template.scss
index 027f034..ccb6a5d 100644
--- a/icon_font/template.scss
+++ b/icon_font/template.scss
@@ -3,12 +3,12 @@
 // --------------------------------------------------
 
 @font-face {
-  font-family: "CartoIcon";
-  src: url("fonts/cartoIcon.eot");
-  src: url("fonts/cartoIcon.eot?#iefix") format("embedded-opentype"),
-  url("fonts/cartoIcon.woff") format("woff"),
-  url("fonts/cartoIcon.ttf") format("truetype"),
-  url("fonts/cartoIcon.svg?ey3vsq#cartoIcon") format("svg");
+  font-family: 'CartoIcon';
+  src: url('fonts/cartoIcon.eot');
+  src: url('fonts/cartoIcon.eot?#iefix') format('embedded-opentype'),
+  url('fonts/cartoIcon.woff') format('woff'),
+  url('fonts/cartoIcon.ttf') format('truetype'),
+  url('fonts/cartoIcon.svg?ey3vsq#cartoIcon') format('svg');
   font-weight: normal;
   font-style: normal;
 }
@@ -20,7 +20,7 @@
 <i class="iconFont iconFont-<%= glyph.fileName.split("_")[2] %> iconFont--size24"></i>
 ```
 <%= '*/' %>
-.iconFont-<%= glyph.fileName.split("_")[2] %>:before {
+.iconFont-<%= glyph.fileName.split("_")[2] %>::before {
   content: '\<%= glyph.codePoint %>';
 }
 <% }); %>
@@ -35,4 +35,3 @@
   -moz-osx-font-smoothing: grayscale;
   line-height: 1;
 }
-
diff --git a/src/fonts/cartoIcon.eot b/src/fonts/cartoIcon.eot
index 6c06b2d..3a6b188 100644
Binary files a/src/fonts/cartoIcon.eot and b/src/fonts/cartoIcon.eot differ
diff --git a/src/fonts/cartoIcon.ttf b/src/fonts/cartoIcon.ttf
index 986f171..3c71606 100644
Binary files a/src/fonts/cartoIcon.ttf and b/src/fonts/cartoIcon.ttf differ
diff --git a/src/fonts/cartoIcon.woff b/src/fonts/cartoIcon.woff
index 6434947..969d37a 100644
Binary files a/src/fonts/cartoIcon.woff and b/src/fonts/cartoIcon.woff differ
diff --git a/src/scss/icon-font.css.scss b/src/scss/icon-font.css.scss
index a51fd94..19e1a94 100644
--- a/src/scss/icon-font.css.scss
+++ b/src/scss/icon-font.css.scss
@@ -3,12 +3,12 @@
 // --------------------------------------------------
 
 @font-face {
-  font-family: "CartoIcon";
-  src: url("fonts/cartoIcon.eot");
-  src: url("fonts/cartoIcon.eot?#iefix") format("embedded-opentype"),
-  url("fonts/cartoIcon.woff") format("woff"),
-  url("fonts/cartoIcon.ttf") format("truetype"),
-  url("fonts/cartoIcon.svg?ey3vsq#cartoIcon") format("svg");
+  font-family: 'CartoIcon';
+  src: url('fonts/cartoIcon.eot');
+  src: url('fonts/cartoIcon.eot?#iefix') format('embedded-opentype'),
+  url('fonts/cartoIcon.woff') format('woff'),
+  url('fonts/cartoIcon.ttf') format('truetype'),
+  url('fonts/cartoIcon.svg?ey3vsq#cartoIcon') format('svg');
   font-weight: normal;
   font-style: normal;
 }
@@ -20,7 +20,7 @@
 <i class="iconFont iconFont-Clock iconFont--size24"></i>
 ```
 */
-.iconFont-Clock:before {
+.iconFont-Clock::before {
   content: '\E001';
 }
 
@@ -30,7 +30,7 @@
 <i class="iconFont iconFont-Stats iconFont--size24"></i>
 ```
 */
-.iconFont-Stats:before {
+.iconFont-Stats::before {
   content: '\E002';
 }
 
@@ -40,7 +40,7 @@
 <i class="iconFont iconFont-Heart--empty iconFont--size24"></i>
 ```
 */
-.iconFont-Heart--empty:before {
+.iconFont-Heart--empty::before {
   content: '\E003';
 }
 
@@ -50,7 +50,7 @@
 <i class="iconFont iconFont-Heart--fill iconFont--size24"></i>
 ```
 */
-.iconFont-Heart--fill:before {
+.iconFont-Heart--fill::before {
   content: '\E004';
 }
 
@@ -60,7 +60,7 @@
 <i class="iconFont iconFont-Alert iconFont--size24"></i>
 ```
 */
-.iconFont-Alert:before {
+.iconFont-Alert::before {
   content: '\E005';
 }
 
@@ -70,7 +70,7 @@
 <i class="iconFont iconFont-Rows iconFont--size24"></i>
 ```
 */
-.iconFont-Rows:before {
+.iconFont-Rows::before {
   content: '\E006';
 }
 
@@ -80,7 +80,7 @@
 <i class="iconFont iconFont-Check iconFont--size24"></i>
 ```
 */
-.iconFont-Check:before {
+.iconFont-Check::before {
   content: '\E007';
 }
 
@@ -90,7 +90,7 @@
 <i class="iconFont iconFont-Dribbble iconFont--size24"></i>
 ```
 */
-.iconFont-Dribbble:before {
+.iconFont-Dribbble::before {
   content: '\E008';
 }
 
@@ -100,7 +100,7 @@
 <i class="iconFont iconFont-Twitter iconFont--size24"></i>
 ```
 */
-.iconFont-Twitter:before {
+.iconFont-Twitter::before {
   content: '\E009';
 }
 
@@ -110,7 +110,7 @@
 <i class="iconFont iconFont-Wizard iconFont--size24"></i>
 ```
 */
-.iconFont-Wizard:before {
+.iconFont-Wizard::before {
   content: '\E00A';
 }
 
@@ -120,7 +120,7 @@
 <i class="iconFont iconFont-Info iconFont--size24"></i>
 ```
 */
-.iconFont-Info:before {
+.iconFont-Info::before {
   content: '\E00B';
 }
 
@@ -130,7 +130,7 @@
 <i class="iconFont iconFont-Fork iconFont--size24"></i>
 ```
 */
-.iconFont-Fork:before {
+.iconFont-Fork::before {
   content: '\E00C';
 }
 
@@ -140,7 +140,7 @@
 <i class="iconFont iconFont-Facebook iconFont--size24"></i>
 ```
 */
-.iconFont-Facebook:before {
+.iconFont-Facebook::before {
   content: '\E00D';
 }
 
@@ -150,7 +150,7 @@
 <i class="iconFont iconFont-Folder iconFont--size24"></i>
 ```
 */
-.iconFont-Folder:before {
+.iconFont-Folder::before {
   content: '\E00E';
 }
 
@@ -160,7 +160,7 @@
 <i class="iconFont iconFont-Dropbox iconFont--size24"></i>
 ```
 */
-.iconFont-Dropbox:before {
+.iconFont-Dropbox::before {
   content: '\E00F';
 }
 
@@ -170,7 +170,7 @@
 <i class="iconFont iconFont-Cloud iconFont--size24"></i>
 ```
 */
-.iconFont-Cloud:before {
+.iconFont-Cloud::before {
   content: '\E010';
 }
 
@@ -180,7 +180,7 @@
 <i class="iconFont iconFont-Step iconFont--size24"></i>
 ```
 */
-.iconFont-Step:before {
+.iconFont-Step::before {
   content: '\E011';
 }
 
@@ -190,7 +190,7 @@
 <i class="iconFont iconFont-AddDocument iconFont--size24"></i>
 ```
 */
-.iconFont-AddDocument:before {
+.iconFont-AddDocument::before {
   content: '\E012';
 }
 
@@ -200,7 +200,7 @@
 <i class="iconFont iconFont-ArrowNext iconFont--size24"></i>
 ```
 */
-.iconFont-ArrowNext:before {
+.iconFont-ArrowNext::before {
   content: '\E013';
 }
 
@@ -210,7 +210,7 @@
 <i class="iconFont iconFont-ArrowPrev iconFont--size24"></i>
 ```
 */
-.iconFont-ArrowPrev:before {
+.iconFont-ArrowPrev::before {
   content: '\E014';
 }
 
@@ -220,7 +220,7 @@
 <i class="iconFont iconFont-Close iconFont--size24"></i>
 ```
 */
-.iconFont-Close:before {
+.iconFont-Close::before {
   content: '\E015';
 }
 
@@ -230,7 +230,7 @@
 <i class="iconFont iconFont-CartoFante iconFont--size24"></i>
 ```
 */
-.iconFont-CartoFante:before {
+.iconFont-CartoFante::before {
   content: '\E016';
 }
 
@@ -240,7 +240,7 @@
 <i class="iconFont iconFont-Lock iconFont--size24"></i>
 ```
 */
-.iconFont-Lock:before {
+.iconFont-Lock::before {
   content: '\E017';
 }
 
@@ -250,7 +250,7 @@
 <i class="iconFont iconFont-CartoDB iconFont--size24"></i>
 ```
 */
-.iconFont-CartoDB:before {
+.iconFont-CartoDB::before {
   content: '\E018';
 }
 
@@ -260,7 +260,7 @@
 <i class="iconFont iconFont-Lens iconFont--size24"></i>
 ```
 */
-.iconFont-Lens:before {
+.iconFont-Lens::before {
   content: '\E019';
 }
 
@@ -270,7 +270,7 @@
 <i class="iconFont iconFont-CloseLimits iconFont--size24"></i>
 ```
 */
-.iconFont-CloseLimits:before {
+.iconFont-CloseLimits::before {
   content: '\E01A';
 }
 
@@ -280,7 +280,7 @@
 <i class="iconFont iconFont-DefaultUser iconFont--size24"></i>
 ```
 */
-.iconFont-DefaultUser:before {
+.iconFont-DefaultUser::before {
   content: '\E01B';
 }
 
@@ -290,7 +290,7 @@
 <i class="iconFont iconFont-Cockroach iconFont--size24"></i>
 ```
 */
-.iconFont-Cockroach:before {
+.iconFont-Cockroach::before {
   content: '\E01C';
 }
 
@@ -300,7 +300,7 @@
 <i class="iconFont iconFont-Floppy iconFont--size24"></i>
 ```
 */
-.iconFont-Floppy:before {
+.iconFont-Floppy::before {
   content: '\E01D';
 }
 
@@ -310,7 +310,7 @@
 <i class="iconFont iconFont-Trash iconFont--size24"></i>
 ```
 */
-.iconFont-Trash:before {
+.iconFont-Trash::before {
   content: '\E01E';
 }
 
@@ -320,7 +320,7 @@
 <i class="iconFont iconFont-Wifi iconFont--size24"></i>
 ```
 */
-.iconFont-Wifi:before {
+.iconFont-Wifi::before {
   content: '\E01F';
 }
 
@@ -330,7 +330,7 @@
 <i class="iconFont iconFont-Unlock iconFont--size24"></i>
 ```
 */
-.iconFont-Unlock:before {
+.iconFont-Unlock::before {
   content: '\E020';
 }
 
@@ -340,7 +340,7 @@
 <i class="iconFont iconFont-Unlock--withEllipsis iconFont--size24"></i>
 ```
 */
-.iconFont-Unlock--withEllipsis:before {
+.iconFont-Unlock--withEllipsis::before {
   content: '\E021';
 }
 
@@ -350,7 +350,7 @@
 <i class="iconFont iconFont-Gift iconFont--size24"></i>
 ```
 */
-.iconFont-Gift:before {
+.iconFont-Gift::before {
   content: '\E022';
 }
 
@@ -360,7 +360,7 @@
 <i class="iconFont iconFont-People iconFont--size24"></i>
 ```
 */
-.iconFont-People:before {
+.iconFont-People::before {
   content: '\E023';
 }
 
@@ -370,7 +370,7 @@
 <i class="iconFont iconFont-Play iconFont--size24"></i>
 ```
 */
-.iconFont-Play:before {
+.iconFont-Play::before {
   content: '\E024';
 }
 
@@ -380,7 +380,7 @@
 <i class="iconFont iconFont-Add iconFont--size24"></i>
 ```
 */
-.iconFont-Add:before {
+.iconFont-Add::before {
   content: '\E025';
 }
 
@@ -390,7 +390,7 @@
 <i class="iconFont iconFont-Map iconFont--size24"></i>
 ```
 */
-.iconFont-Map:before {
+.iconFont-Map::before {
   content: '\E026';
 }
 
@@ -400,7 +400,7 @@
 <i class="iconFont iconFont-Anchor iconFont--size24"></i>
 ```
 */
-.iconFont-Anchor:before {
+.iconFont-Anchor::before {
   content: '\E027';
 }
 
@@ -410,7 +410,7 @@
 <i class="iconFont iconFont-Key iconFont--size24"></i>
 ```
 */
-.iconFont-Key:before {
+.iconFont-Key::before {
   content: '\E028';
 }
 
@@ -420,7 +420,7 @@
 <i class="iconFont iconFont-Calendar iconFont--size24"></i>
 ```
 */
-.iconFont-Calendar:before {
+.iconFont-Calendar::before {
   content: '\E029';
 }
 
@@ -430,7 +430,7 @@
 <i class="iconFont iconFont-Document iconFont--size24"></i>
 ```
 */
-.iconFont-Document:before {
+.iconFont-Document::before {
   content: '\E02A';
 }
 
@@ -440,7 +440,7 @@
 <i class="iconFont iconFont-Eye iconFont--size24"></i>
 ```
 */
-.iconFont-Eye:before {
+.iconFont-Eye::before {
   content: '\E02B';
 }
 
@@ -450,7 +450,7 @@
 <i class="iconFont iconFont-Marker iconFont--size24"></i>
 ```
 */
-.iconFont-Marker:before {
+.iconFont-Marker::before {
   content: '\E02C';
 }
 
@@ -460,7 +460,7 @@
 <i class="iconFont iconFont-ProgressBar iconFont--size24"></i>
 ```
 */
-.iconFont-ProgressBar:before {
+.iconFont-ProgressBar::before {
   content: '\E02D';
 }
 
@@ -470,7 +470,7 @@
 <i class="iconFont iconFont-Book iconFont--size24"></i>
 ```
 */
-.iconFont-Book:before {
+.iconFont-Book::before {
   content: '\E02E';
 }
 
@@ -480,7 +480,7 @@
 <i class="iconFont iconFont-Notes iconFont--size24"></i>
 ```
 */
-.iconFont-Notes:before {
+.iconFont-Notes::before {
   content: '\E02F';
 }
 
@@ -490,7 +490,7 @@
 <i class="iconFont iconFont-Rectangles iconFont--size24"></i>
 ```
 */
-.iconFont-Rectangles:before {
+.iconFont-Rectangles::before {
   content: '\E030';
 }
 
@@ -500,7 +500,7 @@
 <i class="iconFont iconFont-Mountain iconFont--size24"></i>
 ```
 */
-.iconFont-Mountain:before {
+.iconFont-Mountain::before {
   content: '\E031';
 }
 
@@ -510,7 +510,7 @@
 <i class="iconFont iconFont-Points iconFont--size24"></i>
 ```
 */
-.iconFont-Points:before {
+.iconFont-Points::before {
   content: '\E032';
 }
 
@@ -520,7 +520,7 @@
 <i class="iconFont iconFont-Snake iconFont--size24"></i>
 ```
 */
-.iconFont-Snake:before {
+.iconFont-Snake::before {
   content: '\E033';
 }
 
@@ -530,7 +530,7 @@
 <i class="iconFont iconFont-Boss iconFont--size24"></i>
 ```
 */
-.iconFont-Boss:before {
+.iconFont-Boss::before {
   content: '\E034';
 }
 
@@ -540,7 +540,7 @@
 <i class="iconFont iconFont-Rocket iconFont--size24"></i>
 ```
 */
-.iconFont-Rocket:before {
+.iconFont-Rocket::before {
   content: '\E035';
 }
 
@@ -550,7 +550,7 @@
 <i class="iconFont iconFont-Barometer iconFont--size24"></i>
 ```
 */
-.iconFont-Barometer:before {
+.iconFont-Barometer::before {
   content: '\E036';
 }
 
@@ -560,7 +560,7 @@
 <i class="iconFont iconFont-Dollar iconFont--size24"></i>
 ```
 */
-.iconFont-Dollar:before {
+.iconFont-Dollar::before {
   content: '\E037';
 }
 
@@ -570,7 +570,7 @@
 <i class="iconFont iconFont-Email iconFont--size24"></i>
 ```
 */
-.iconFont-Email:before {
+.iconFont-Email::before {
   content: '\E038';
 }
 
@@ -580,7 +580,7 @@
 <i class="iconFont iconFont-Label iconFont--size24"></i>
 ```
 */
-.iconFont-Label:before {
+.iconFont-Label::before {
   content: '\E039';
 }
 
@@ -590,7 +590,7 @@
 <i class="iconFont iconFont-Outside iconFont--size24"></i>
 ```
 */
-.iconFont-Outside:before {
+.iconFont-Outside::before {
   content: '\E03A';
 }
 
@@ -600,7 +600,7 @@
 <i class="iconFont iconFont-Jigsaw iconFont--size24"></i>
 ```
 */
-.iconFont-Jigsaw:before {
+.iconFont-Jigsaw::before {
   content: '\E03B';
 }
 
@@ -610,7 +610,7 @@
 <i class="iconFont iconFont-Tools iconFont--size24"></i>
 ```
 */
-.iconFont-Tools:before {
+.iconFont-Tools::before {
   content: '\E03C';
 }
 
@@ -620,7 +620,7 @@
 <i class="iconFont iconFont-Question iconFont--size24"></i>
 ```
 */
-.iconFont-Question:before {
+.iconFont-Question::before {
   content: '\E03D';
 }
 
@@ -630,7 +630,7 @@
 <i class="iconFont iconFont-LayerStack iconFont--size24"></i>
 ```
 */
-.iconFont-LayerStack:before {
+.iconFont-LayerStack::before {
   content: '\E03E';
 }
 
@@ -640,7 +640,7 @@
 <i class="iconFont iconFont-Alarm iconFont--size24"></i>
 ```
 */
-.iconFont-Alarm:before {
+.iconFont-Alarm::before {
   content: '\E03F';
 }
 
@@ -650,7 +650,7 @@
 <i class="iconFont iconFont-CloudDownArrow iconFont--size24"></i>
 ```
 */
-.iconFont-CloudDownArrow:before {
+.iconFont-CloudDownArrow::before {
   content: '\E040';
 }
 
@@ -660,7 +660,7 @@
 <i class="iconFont iconFont-Pencil iconFont--size24"></i>
 ```
 */
-.iconFont-Pencil:before {
+.iconFont-Pencil::before {
   content: '\E041';
 }
 
@@ -670,7 +670,7 @@
 <i class="iconFont iconFont-FountainPen iconFont--size24"></i>
 ```
 */
-.iconFont-FountainPen:before {
+.iconFont-FountainPen::before {
   content: '\E042';
 }
 
@@ -680,7 +680,7 @@
 <i class="iconFont iconFont-EmptyDoc iconFont--size24"></i>
 ```
 */
-.iconFont-EmptyDoc:before {
+.iconFont-EmptyDoc::before {
   content: '\E043';
 }
 
@@ -690,7 +690,7 @@
 <i class="iconFont iconFont-MergeArrow iconFont--size24"></i>
 ```
 */
-.iconFont-MergeArrow:before {
+.iconFont-MergeArrow::before {
   content: '\E044';
 }
 
@@ -700,7 +700,7 @@
 <i class="iconFont iconFont-MergeColumns iconFont--size24"></i>
 ```
 */
-.iconFont-MergeColumns:before {
+.iconFont-MergeColumns::before {
   content: '\E045';
 }
 
@@ -710,7 +710,7 @@
 <i class="iconFont iconFont-MergeSpatial iconFont--size24"></i>
 ```
 */
-.iconFont-MergeSpatial:before {
+.iconFont-MergeSpatial::before {
   content: '\E046';
 }
 
@@ -720,7 +720,7 @@
 <i class="iconFont iconFont-Globe iconFont--size24"></i>
 ```
 */
-.iconFont-Globe:before {
+.iconFont-Globe::before {
   content: '\E047';
 }
 
@@ -730,7 +730,7 @@
 <i class="iconFont iconFont-ChevronDown iconFont--size24"></i>
 ```
 */
-.iconFont-ChevronDown:before {
+.iconFont-ChevronDown::before {
   content: '\E048';
 }
 
@@ -740,7 +740,7 @@
 <i class="iconFont iconFont-Streets iconFont--size24"></i>
 ```
 */
-.iconFont-Streets:before {
+.iconFont-Streets::before {
   content: '\E049';
 }
 
@@ -750,7 +750,7 @@
 <i class="iconFont iconFont-Keys iconFont--size24"></i>
 ```
 */
-.iconFont-Keys:before {
+.iconFont-Keys::before {
   content: '\E04A';
 }
 
@@ -760,7 +760,7 @@
 <i class="iconFont iconFont-FacebookSquare iconFont--size24"></i>
 ```
 */
-.iconFont-FacebookSquare:before {
+.iconFont-FacebookSquare::before {
   content: '\E04B';
 }
 
@@ -770,7 +770,7 @@
 <i class="iconFont iconFont-Fullscreen iconFont--size24"></i>
 ```
 */
-.iconFont-Fullscreen:before {
+.iconFont-Fullscreen::before {
   content: '\E04C';
 }
 
@@ -780,7 +780,7 @@
 <i class="iconFont iconFont-Rarrow iconFont--size24"></i>
 ```
 */
-.iconFont-Rarrow:before {
+.iconFont-Rarrow::before {
   content: '\E04D';
 }
 
@@ -790,7 +790,7 @@
 <i class="iconFont iconFont-Share iconFont--size24"></i>
 ```
 */
-.iconFont-Share:before {
+.iconFont-Share::before {
   content: '\E04E';
 }
 
@@ -800,7 +800,7 @@
 <i class="iconFont iconFont-Linkedin iconFont--size24"></i>
 ```
 */
-.iconFont-Linkedin:before {
+.iconFont-Linkedin::before {
   content: '\E04F';
 }
 
@@ -810,7 +810,7 @@
 <i class="iconFont iconFont-CalendarBlank iconFont--size24"></i>
 ```
 */
-.iconFont-CalendarBlank:before {
+.iconFont-CalendarBlank::before {
   content: '\E050';
 }
 
@@ -820,7 +820,7 @@
 <i class="iconFont iconFont-CreativeCommons iconFont--size24"></i>
 ```
 */
-.iconFont-CreativeCommons:before {
+.iconFont-CreativeCommons::before {
   content: '\E051';
 }
 
@@ -830,7 +830,7 @@
 <i class="iconFont iconFont-Bubble iconFont--size24"></i>
 ```
 */
-.iconFont-Bubble:before {
+.iconFont-Bubble::before {
   content: '\E052';
 }
 
@@ -840,7 +840,7 @@
 <i class="iconFont iconFont-Bars iconFont--size24"></i>
 ```
 */
-.iconFont-Bars:before {
+.iconFont-Bars::before {
   content: '\E053';
 }
 
@@ -850,7 +850,7 @@
 <i class="iconFont iconFont-ArrowMenu iconFont--size24"></i>
 ```
 */
-.iconFont-ArrowMenu:before {
+.iconFont-ArrowMenu::before {
   content: '\E054';
 }
 
@@ -860,7 +860,7 @@
 <i class="iconFont iconFont-TieFighter iconFont--size24"></i>
 ```
 */
-.iconFont-TieFighter:before {
+.iconFont-TieFighter::before {
   content: '\E055';
 }
 
@@ -870,7 +870,7 @@
 <i class="iconFont iconFont-Ray iconFont--size24"></i>
 ```
 */
-.iconFont-Ray:before {
+.iconFont-Ray::before {
   content: '\E056';
 }
 
@@ -880,7 +880,7 @@
 <i class="iconFont iconFont-Markup iconFont--size24"></i>
 ```
 */
-.iconFont-Markup:before {
+.iconFont-Markup::before {
   content: '\E057';
 }
 
@@ -890,7 +890,7 @@
 <i class="iconFont iconFont-Table iconFont--size24"></i>
 ```
 */
-.iconFont-Table:before {
+.iconFont-Table::before {
   content: '\E058';
 }
 
@@ -900,7 +900,7 @@
 <i class="iconFont iconFont-Airlock iconFont--size24"></i>
 ```
 */
-.iconFont-Airlock:before {
+.iconFont-Airlock::before {
   content: '\E059';
 }
 
@@ -910,7 +910,7 @@
 <i class="iconFont iconFont-Pin iconFont--size24"></i>
 ```
 */
-.iconFont-Pin:before {
+.iconFont-Pin::before {
   content: '\E05A';
 }
 
@@ -920,7 +920,7 @@
 <i class="iconFont iconFont-Attache iconFont--size24"></i>
 ```
 */
-.iconFont-Attache:before {
+.iconFont-Attache::before {
   content: '\E05B';
 }
 
@@ -930,7 +930,7 @@
 <i class="iconFont iconFont-Download iconFont--size24"></i>
 ```
 */
-.iconFont-Download:before {
+.iconFont-Download::before {
   content: '\E05C';
 }