From a22e2cfdd70ca9367929c04cfa39b4f785f33308 Mon Sep 17 00:00:00 2001 From: Adam Bradley Date: Sat, 5 Dec 2015 11:25:48 -0600 Subject: [PATCH] update mode link colors --- ionic/components/app/modes/ios.scss | 23 +++++++++++++++++++++++ ionic/components/app/modes/md.scss | 21 +++++++++++++++++++++ ionic/components/content/modes/ios.scss | 23 ----------------------- 3 files changed, 44 insertions(+), 23 deletions(-) diff --git a/ionic/components/app/modes/ios.scss b/ionic/components/app/modes/ios.scss index 40976c0d2a..287e1223bf 100644 --- a/ionic/components/app/modes/ios.scss +++ b/ionic/components/app/modes/ios.scss @@ -3,6 +3,11 @@ // iOS App // -------------------------------------------------- + +a { + color: $link-ios-color; +} + hr { border-width: 0; height: 1px; @@ -12,3 +17,21 @@ hr { &.hairlines hr { height: 0.55px; } + +@each $color-name, $color-value in $colors-ios { + h1, h2, h3, h4, h5, h6, + p, + span, + a:not([button]), + small, + b, + i, + strong, + em, + sub, + sup { + &[#{$color-name}] { + color: $color-value !important; + } + } +} diff --git a/ionic/components/app/modes/md.scss b/ionic/components/app/modes/md.scss index b09f4f3c6e..c35583327d 100644 --- a/ionic/components/app/modes/md.scss +++ b/ionic/components/app/modes/md.scss @@ -4,9 +4,30 @@ // -------------------------------------------------- +a { + color: $link-md-color; +} hr { border-width: 0; height: 1px; background-color: rgba(0, 0, 0, 0.08); } + +@each $color-name, $color-value in $colors-md { + h1, h2, h3, h4, h5, h6, + p, + span, + a:not([button]), + small, + b, + i, + strong, + em, + sub, + sup { + &[#{$color-name}] { + color: $color-value !important; + } + } +} diff --git a/ionic/components/content/modes/ios.scss b/ionic/components/content/modes/ios.scss index 07394e22e8..1d566f1d40 100644 --- a/ionic/components/content/modes/ios.scss +++ b/ionic/components/content/modes/ios.scss @@ -10,10 +10,6 @@ ion-content { background-color: $background-ios-color; } -a { - color: $link-ios-color; -} - .outer-content { background: $outer-content-ios-background-color; } @@ -22,22 +18,3 @@ ion-nav.has-views, ion-tab.has-views { background: #000; } - -@each $color-name, $color-value in $colors-ios { - h1, h2, h3, h4, h5, h6, - p, - span, - a:not([button]), - small, - b, - i, - u, - strong, - em, - sub, - sup { - &[#{$color-name}] { - color: $color-value !important; - } - } -}