From 1fcd2e3db14d74bcab09b8e2ae8d386713883b35 Mon Sep 17 00:00:00 2001 From: Brandy Carney Date: Tue, 27 Oct 2015 17:29:18 -0400 Subject: [PATCH] feat(hr): added styling for HR for both modes closes #355 --- ionic/components/app/modes/ios.scss | 13 +++++++++++++ ionic/components/app/modes/md.scss | 9 +++++++++ ionic/ionic.ios.scss | 1 + ionic/ionic.md.scss | 3 ++- 4 files changed, 25 insertions(+), 1 deletion(-) create mode 100644 ionic/components/app/modes/ios.scss create mode 100644 ionic/components/app/modes/md.scss diff --git a/ionic/components/app/modes/ios.scss b/ionic/components/app/modes/ios.scss new file mode 100644 index 0000000000..63df0b47e7 --- /dev/null +++ b/ionic/components/app/modes/ios.scss @@ -0,0 +1,13 @@ + +// iOS App +// -------------------------------------------------- + +hr { + border-width: 0; + height: 1px; + background-color: rgba(0, 0, 0, 0.12); +} + +&.hairlines hr { + height: 0.55px; +} diff --git a/ionic/components/app/modes/md.scss b/ionic/components/app/modes/md.scss new file mode 100644 index 0000000000..b22f07594c --- /dev/null +++ b/ionic/components/app/modes/md.scss @@ -0,0 +1,9 @@ + +// Material Design App +// -------------------------------------------------- + +hr { + border-width: 0; + height: 1px; + background-color: rgba(0, 0, 0, 0.08); +} diff --git a/ionic/ionic.ios.scss b/ionic/ionic.ios.scss index bd4b3c0365..733cacd6d8 100644 --- a/ionic/ionic.ios.scss +++ b/ionic/ionic.ios.scss @@ -3,6 +3,7 @@ // iOS Components @import + "components/app/modes/ios", "components/icon/modes/ios", "components/item/modes/ios", "components/toolbar/modes/ios", diff --git a/ionic/ionic.md.scss b/ionic/ionic.md.scss index 1435f54b44..b0f5a63cd5 100644 --- a/ionic/ionic.md.scss +++ b/ionic/ionic.md.scss @@ -3,6 +3,7 @@ // Material Design Components @import + "components/app/modes/md", "components/toolbar/modes/md", "components/action-sheet/modes/md", "components/button/modes/md", @@ -16,7 +17,7 @@ "components/popup/modes/md", "components/radio/modes/md", "components/search-bar/modes/md", - "components/segment/modes/md", + "components/segment/modes/md", "components/switch/modes/md", "components/tabs/modes/md", "components/tap-click/ripple";