From 7f4e5fc6bf0fa4c7ef121d707d385ee89128a441 Mon Sep 17 00:00:00 2001 From: Russell Beattie Date: Mon, 22 Oct 2012 19:34:31 -0700 Subject: Updated new CSS triangle controls to use theme colors. --- css/theme/template/theme.scss | 36 ++++++++++++++++++++++++++++++------ 1 file changed, 30 insertions(+), 6 deletions(-) (limited to 'css/theme/template') diff --git a/css/theme/template/theme.scss b/css/theme/template/theme.scss index 353a98c..9c22ecb 100644 --- a/css/theme/template/theme.scss +++ b/css/theme/template/theme.scss @@ -106,13 +106,37 @@ body { * NAVIGATION CONTROLS *********************************************/ -.reveal .controls a { - color: $mainColor; +.reveal .controls div.left { + border-right-color: $mainColor; +} + +.reveal .controls div.right { + border-left-color: $mainColor; +} + +.reveal .controls div.up { + border-bottom-color: $mainColor; +} + +.reveal .controls div.down { + border-top-color: $mainColor; +} + +.reveal .controls div.left.enabled { + border-right-color: $linkColorHover; +} + +.reveal .controls div.right.enabled { + border-left-color: $linkColorHover; +} + +.reveal .controls div.up.enabled { + border-bottom-color: $linkColorHover; +} + +.reveal .controls div.down.enabled { + border-top-color: $linkColorHover; } - .reveal .controls a.enabled { - color: $linkColorHover; - text-shadow: 0px 0px 2px hsla(185, 45%, 70%, 0.3); - } /********************************************* -- cgit v1.2.3