diff --git a/build/_includes/icons.html b/build/_includes/icons.html new file mode 100644 index 000000000..bea4eefc0 --- /dev/null +++ b/build/_includes/icons.html @@ -0,0 +1,17 @@ +{% capture stripe_ad_content %} +

+ You asked, Font Awesome delivers with {{ site.font_awesome.new_icon_count }} shiny new icons in version {{ site.font_awesome.version }}. + Want to request new icons? Here's how. + + Need vectors or want to use on the desktop? Check the cheatsheet. +

+{% endcapture %} +{% include stripe-ad.html %} + +{% include icons/new.html %} +{% include icons/web-application.html %} +{% include icons/text-editor.html %} +{% include icons/directional.html %} +{% include icons/video-player.html %} +{% include icons/brand.html %} +{% include icons/medical.html %} diff --git a/build/_includes/icons/new.html b/build/_includes/icons/new.html index e33061aaa..28eeb8582 100644 --- a/build/_includes/icons/new.html +++ b/build/_includes/icons/new.html @@ -1,22 +1,13 @@ -
- {% if page.navbar_active == "icons" %} -
-
- {% endif %} - -

- You asked, Font Awesome delivers with {{ site.font_awesome.new_icon_count }} shiny new icons in version {{ site.font_awesome.version }}. - Want to request new icons? Here's how to request new icons. -

- {% if page.navbar_active == "icons" %} +<{% if page.navbar_active == "icons" %}div{% else %}section{% endif %} id="new"> + + {% if page.navbar_active != "icons" %} +
+ You asked, Font Awesome delivers with {{ site.font_awesome.new_icon_count }} shiny new icons in version {{ site.font_awesome.version }}. + Want to request new icons? Here's how.
-
-
- {% include ads/carbon-light-horizontal.html %} -
-
{% endif %} +
    @@ -87,6 +78,4 @@
-
- - + diff --git a/build/_includes/whats-new.html b/build/_includes/whats-new.html index 6eba1e73c..7a229dad2 100644 --- a/build/_includes/whats-new.html +++ b/build/_includes/whats-new.html @@ -7,7 +7,7 @@ {% endcapture %} {% include stripe-ad.html %} -
+

{{ site.font_awesome.new_icon_count }} New Icons in {{ site.font_awesome.version }}

@@ -40,4 +40,4 @@ what's new and changed.
-
+ diff --git a/build/assets/css/site.css b/build/assets/css/site.css index d832f821a..929e5896b 100644 --- a/build/assets/css/site.css +++ b/build/assets/css/site.css @@ -5801,10 +5801,6 @@ section { width: 1.2857142857142858em; text-align: center; } -.the-icons li [class^="icon-"].icon-large, -.the-icons li [class*=" icon-"].icon-large { - width: 1.5714285714285714em; -} .the-icons li a { display: block; cursor: pointer; @@ -5825,8 +5821,8 @@ section { font-size: 14px; } .the-icons li a:hover { + background-color: #fff0f0; text-decoration: none; - background-color: #ffffff; } .the-icons li a:hover [class^="icon-"], .the-icons li a:hover [class*=" icon-"] { diff --git a/build/assets/less/site.less b/build/assets/less/site.less index 9e6459029..f2456a10e 100644 --- a/build/assets/less/site.less +++ b/build/assets/less/site.less @@ -229,9 +229,6 @@ section { display: inline-block; width: 18/14em; text-align: center; - &.icon-large { - width: 22/14em; - } } a { display: block; @@ -250,8 +247,8 @@ section { } &:hover { + background-color: @errorBackground; text-decoration: none; - background-color: lighten(@errorBackground, 6%); [class^="icon-"], [class*=" icon-"] { *font-size: 28px; *vertical-align: middle; diff --git a/build/cheatsheet/index.html b/build/cheatsheet/index.html index 2d778e395..d75fd1c72 100644 --- a/build/cheatsheet/index.html +++ b/build/cheatsheet/index.html @@ -3,7 +3,7 @@ layout: base title: Font Awesome Cheatsheet relative_path: ../ --- -{% capture jumbotron_h1 %}  Cheatsheet{% endcapture %} +{% capture jumbotron_h1 %}  Cheatsheet{% endcapture %} {% capture jumbotron_p %}The complete Font Awesome {{ site.font_awesome.version }} icon reference{% endcapture %} {% include jumbotron.html %} diff --git a/build/icons/index.html b/build/icons/index.html index 13c6de6c8..45ea86d58 100644 --- a/build/icons/index.html +++ b/build/icons/index.html @@ -11,11 +11,5 @@ relative_path: ../ {% include stripe-social.html %}
- {% include icons/new.html %} - {% include icons/web-application.html %} - {% include icons/text-editor.html %} - {% include icons/directional.html %} - {% include icons/video-player.html %} - {% include icons/brand.html %} - {% include icons/medical.html %} + {% include icons.html %}