From 8663b75c4d28bde0992e07b1caa666658bb64004 Mon Sep 17 00:00:00 2001 From: Thomas Welton Date: Thu, 22 Aug 2013 02:54:54 +0100 Subject: [PATCH 1/2] Added glyphicon-block class Prevents elements moving around the page after the font file has loaded by setting a defined width on elements using the icon font. --- less/glyphicons.less | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/less/glyphicons.less b/less/glyphicons.less index 0e0ba986c366..82915ce691c2 100644 --- a/less/glyphicons.less +++ b/less/glyphicons.less @@ -29,6 +29,10 @@ -webkit-font-smoothing: antialiased; } +.glyphicon-block{ + width: 1em; +} + // Individual icons .glyphicon-asterisk { &:before { content: "\2a"; } } .glyphicon-plus { &:before { content: "\2b"; } } From 31ab249809216291499f28af35826c2a5dfa814e Mon Sep 17 00:00:00 2001 From: Thomas Welton Date: Thu, 22 Aug 2013 10:28:54 +0100 Subject: [PATCH 2/2] Removed glyphicon-block instead target :empty .glyphicons --- less/glyphicons.less | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/less/glyphicons.less b/less/glyphicons.less index 82915ce691c2..7b66e6ba15fa 100644 --- a/less/glyphicons.less +++ b/less/glyphicons.less @@ -27,10 +27,10 @@ font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -} -.glyphicon-block{ - width: 1em; + &:empty{ + width: 1em; + } } // Individual icons