Fix for defining next-prev controls in defaults _settings.scc

martyphee · Jan 2, 2014 · 03df1f6 · 03df1f6
1 parent 4063d85
commit 03df1f6
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/src/css/_settings.scss b/src/css/_settings.scss
@@ -17,6 +17,7 @@ $z-index-base:                    1040;                        // Base z-index o
 $include-arrows:                  true;                       // Include styles for nav arrows
 $controls-opacity:                0.65;                       // Opacity of controls
 $controls-color:                  #FFF;                       // Color of controls
+$controls-border-color:           #3F3F3F; 	                  // Border color of controls
 $inner-close-icon-color:          #333;                       // Color of close button when inside
 $controls-text-color:             #CCC;                       // Color of preloader and "1 of X" indicator
 $controls-text-color-hover:       #FFF;                       // Hover color of preloader and "1 of X" indicator

diff --git a/src/css/main.scss b/src/css/main.scss
@@ -41,6 +41,7 @@ $z-index-base:                    1040 !default; // Base z-index of popup
 $include-arrows:                  true !default; // include styles for nav arrows
 $controls-opacity:                0.65 !default;
 $controls-color:                  #FFF !default;
+$controls-border-color:           #3F3F3F !default;
 $inner-close-icon-color:          #333 !default;
 $controls-text-color:             #CCC !default; // Color of preloader and "1 of X" indicator
 $controls-text-color-hover:       #FFF !default;
@@ -394,26 +395,26 @@ button {
 
     &:after,
     .mfp-a {
-      border-right: 17px solid #FFF;
+      border-right: 17px solid $controls-color;
       margin-left: 31px;
     }
     &:before,
     .mfp-b {
       margin-left: 25px;
-      border-right: 27px solid #3f3f3f;
+      border-right: 27px solid $controls-border-color; 
     }
   }
 
   .mfp-arrow-right {
     right: 0;
     &:after,
     .mfp-a {
-      border-left: 17px solid #FFF;
+      border-left: 17px solid $controls-color;
       margin-left: 39px
     }
     &:before,
     .mfp-b {
-      border-left: 27px solid #3f3f3f;
+      border-left: 27px solid $controls-border-color;
     }
   }
 }