From bc01f2f8c681e46b60867d0a75b7e66cd875325c Mon Sep 17 00:00:00 2001 From: davegandy Date: Wed, 23 Oct 2013 10:19:49 -0400 Subject: [PATCH] making borders more subtle, making examples appear better on mobile --- src/_includes/examples/bootstrap.html | 6 +++--- src/_includes/examples/fixed-width.html | 2 +- src/_includes/examples/inline.html | 4 +++- src/_includes/examples/rotated-flipped.html | 4 ++-- src/_includes/examples/spinning.html | 8 +++++--- src/_includes/examples/stacked.html | 2 +- src/assets/less/site/bootstrap/variables.less | 4 ++-- src/assets/less/site/carbonad.less | 4 ++-- 8 files changed, 19 insertions(+), 15 deletions(-) diff --git a/src/_includes/examples/bootstrap.html b/src/_includes/examples/bootstrap.html index 246b7426b..32b9d85cf 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 9f16ec380..f14e7e43b 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 794a2ae59..93f302458 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 87616b146..ff55f2c1c 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 5c3cff62b..4bdb3d0ed 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 64294bfab..0a34c5c26 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 353c55390..e260f0d44 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 5e6033b55..44644e08d 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;