From: davegandy Date: Wed, 23 Oct 2013 14:19:49 +0000 (-0400) Subject: making borders more subtle, making examples appear better on mobile X-Git-Tag: v4.0.0~2 X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=bc01f2f8c681e46b60867d0a75b7e66cd875325c;p=thirdparty%2FFont-Awesome.git making borders more subtle, making examples appear better on mobile --- diff --git a/src/_includes/examples/bootstrap.html b/src/_includes/examples/bootstrap.html index 246b7426bc..32b9d85cfe 100644 --- a/src/_includes/examples/bootstrap.html +++ b/src/_includes/examples/bootstrap.html @@ -2,9 +2,6 @@

Bootstrap 3 Examples

-

- Font Awesome works great with the full range of Bootstrap components. -

Delete @@ -50,6 +47,9 @@

+

+ Font Awesome works great with the full range of Bootstrap components. +

{% highlight html %} Delete diff --git a/src/_includes/examples/fixed-width.html b/src/_includes/examples/fixed-width.html index 9f16ec380b..f14e7e43b6 100644 --- a/src/_includes/examples/fixed-width.html +++ b/src/_includes/examples/fixed-width.html @@ -2,7 +2,7 @@

Fixed Width Icons

-
    +
    •   Home
    •   Library
    •   Applications
      • diff --git a/src/_includes/examples/inline.html b/src/_includes/examples/inline.html index 794a2ae598..93f3024586 100644 --- a/src/_includes/examples/inline.html +++ b/src/_includes/examples/inline.html @@ -2,7 +2,9 @@

      Inline Icons

      - fa-camera-retro +

      + fa-camera-retro +

      Place Font Awesome icons just about anywhere with the <i> tag.

      diff --git a/src/_includes/examples/rotated-flipped.html b/src/_includes/examples/rotated-flipped.html index 87616b1460..ff55f2c1cd 100644 --- a/src/_includes/examples/rotated-flipped.html +++ b/src/_includes/examples/rotated-flipped.html @@ -2,14 +2,14 @@

      Rotated & Flipped

      -
      +

        normal
        fa-rotate-90
        fa-rotate-180
        fa-rotate-270
        fa-flip-horizontal
        fa-flip-vertical -

      +

      diff --git a/src/_includes/examples/spinning.html b/src/_includes/examples/spinning.html index 5c3cff62b2..4bdb3d0ed6 100644 --- a/src/_includes/examples/spinning.html +++ b/src/_includes/examples/spinning.html @@ -2,9 +2,11 @@

      Spinning Icons

      - - - +

      + + + +

      diff --git a/src/_includes/examples/stacked.html b/src/_includes/examples/stacked.html index 64294bfab4..0a34c5c262 100644 --- a/src/_includes/examples/stacked.html +++ b/src/_includes/examples/stacked.html @@ -2,7 +2,7 @@

      Stacked Icons

      -
      +
      diff --git a/src/assets/less/site/bootstrap/variables.less b/src/assets/less/site/bootstrap/variables.less index 353c55390d..e260f0d445 100644 --- a/src/assets/less/site/bootstrap/variables.less +++ b/src/assets/less/site/bootstrap/variables.less @@ -102,7 +102,7 @@ // Form states and alerts @state-success-text: @fa-green; @state-success-bg: mix(@fa-green, #fff, 6%); -@state-success-border: darken(spin(@state-success-bg, -10), 13%); +@state-success-border: darken(spin(@state-success-bg, -10), 5%); @state-info-text: mix(@blue-dark, @blue, 50%); @state-info-bg: @blue-lighter; @@ -117,4 +117,4 @@ // Code -@pre-border-color: #e5e5e5; +@pre-border-color: #eee; diff --git a/src/assets/less/site/carbonad.less b/src/assets/less/site/carbonad.less index 5e6033b556..44644e08d7 100644 --- a/src/assets/less/site/carbonad.less +++ b/src/assets/less/site/carbonad.less @@ -1,7 +1,7 @@ #carbonads-container { .carbonad { - background: @table-bg-accent; - border-color: @table-border-color; + background: @pre-bg; + border-color: @pre-border-color; border-radius: (@border-radius-base); border-width: 1px; float: right;