Updated new CSS triangle controls to use theme colors.

This commit is contained in:
Russell Beattie
2012-10-22 19:34:31 -07:00
parent b373425b69
commit 7f4e5fc6bf
6 changed files with 170 additions and 31 deletions

View File

@ -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);
}
/*********************************************