From 3bb1d33f1c6106eeffc1a442515eacd31c63f585 Mon Sep 17 00:00:00 2001
From: connors <connor.sears@github.com>
Date: Sat, 14 Dec 2013 17:06:28 -0800
Subject: [PATCH] popover caret

---
 dist/ios-theme.css      |  3 +++
 dist/ratchet.css        | 44 +++++++++++++++++++++++++++--------------
 lib/sass/theme-ios.scss |  4 ++++
 3 files changed, 36 insertions(+), 15 deletions(-)

diff --git a/dist/ios-theme.css b/dist/ios-theme.css
index 3174a94..b188aa4 100644
--- a/dist/ios-theme.css
+++ b/dist/ios-theme.css
@@ -229,6 +229,9 @@ textarea,
   -webkit-transition: -webkit-transform 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
   transition: -webkit-transform 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
 }
+.popover:after {
+  border-bottom: 15px solid rgba(247, 247, 247, 0.98);
+}
 
 .modal {
   -webkit-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1);
diff --git a/dist/ratchet.css b/dist/ratchet.css
index c209c8d..0938232 100644
--- a/dist/ratchet.css
+++ b/dist/ratchet.css
@@ -1151,52 +1151,66 @@ input[type="button"] {
 
 .icon {
   display: inline-block;
-  font-family: "Ratchicons", sans-serif;
+  font-family: Ratchicons;
   font-size: 24px;
   text-decoration: none;
   line-height: 1;
   cursor: default;
   -webkit-font-smoothing: antialiased;
 }
-.icon.icon-down:before {
+
+.icon-down:before {
   content: '\f00b';
 }
-.icon.icon-download:before {
+
+.icon-download:before {
   content: '\f005';
 }
-.icon.icon-left:before {
+
+.icon-left:before {
   content: '\f00c';
 }
-.icon.icon-list:before {
+
+.icon-list:before {
   content: '\f008';
 }
-.icon.icon-pages:before {
+
+.icon-pages:before {
   content: '\f000';
 }
-.icon.icon-refresh:before {
+
+.icon-refresh:before {
   content: '\f009';
 }
-.icon.icon-right:before {
+
+.icon-right:before {
   content: '\f00d';
 }
-.icon.icon-search:before {
+
+.icon-search:before {
   content: '\f007';
 }
-.icon.icon-share:before {
+
+.icon-share:before {
   content: '\f00a';
 }
-.icon.icon-sound:before {
+
+.icon-sound:before {
   content: '\f001';
 }
-.icon.icon-sound2:before {
+
+.icon-sound2:before {
   content: '\f002';
 }
-.icon.icon-sound3:before {
+
+.icon-sound3:before {
   content: '\f003';
 }
-.icon.icon-sound4:before {
+
+.icon-sound4:before {
   content: '\f004';
 }
-.icon.icon-up:before {
+
+.icon-up:before {
   content: '\f00e';
 }
diff --git a/lib/sass/theme-ios.scss b/lib/sass/theme-ios.scss
index 74de3be..68ed64d 100644
--- a/lib/sass/theme-ios.scss
+++ b/lib/sass/theme-ios.scss
@@ -325,6 +325,10 @@ textarea,
 .popover {
   border-radius: 12px;
   @include transition(-webkit-transform 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out);
+
+  &:after {
+    border-bottom: 15px solid $chrome-color;
+  }
 }