Skip to content

Commit

Permalink
Prefix sass variables with 'mfp-' to prevent issues with own variables
Browse files Browse the repository at this point in the history 
The SASS variables have currenlty names like $shadow.
If the SASS file is used as a partial the variables names
can collidate with own variable names. Therefore they
should be prefixed to make them more unique.
  • Loading branch information
Sascha Egerer committed Mar 7, 2014
1 parent a2a8a62 commit 1a5e015
Show file tree
Hide file tree
Showing 2 changed files with 106 additions and 106 deletions.
54 changes: 27 additions & 27 deletions src/css/_settings.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,43 +3,43 @@
////////////////////////

// overlay
$overlay-color: #0b0b0b; // Color of overlay screen
$overlay-opacity: 0.8; // Opacity of overlay screen
$shadow: 0 0 8px rgba(0, 0, 0, 0.6); // Shadow on image or iframe
$mfp-overlay-color: #0b0b0b; // Color of overlay screen
$mfp-overlay-opacity: 0.8; // Opacity of overlay screen
$mfp-shadow: 0 0 8px rgba(0, 0, 0, 0.6); // Shadow on image or iframe

// spacing
$popup-padding-left: 8px; // Padding from left and from right side
$popup-padding-left-mobile: 6px; // Same as above, but is applied when width of window is less than 800px
$mfp-popup-padding-left: 8px; // Padding from left and from right side
$mfp-popup-padding-left-mobile: 6px; // Same as above, but is applied when width of window is less than 800px

$z-index-base: 1040; // Base z-index of popup
$mfp-z-index-base: 1040; // Base z-index of popup

// controls
$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
$IE7support: true; // Very basic IE7 support
$mfp-include-arrows: true; // Include styles for nav arrows
$mfp-controls-opacity: 0.65; // Opacity of controls
$mfp-controls-color: #FFF; // Color of controls
$mfp-controls-border-color: #3F3F3F; // Border color of controls
$mfp-inner-close-icon-color: #333; // Color of close button when inside
$mfp-controls-text-color: #CCC; // Color of preloader and "1 of X" indicator
$mfp-controls-text-color-hover: #FFF; // Hover color of preloader and "1 of X" indicator
$mfp-IE7support: true; // Very basic IE7 support

// Iframe-type options
$include-iframe-type: true; // Enable Iframe-type popups
$iframe-padding-top: 40px; // Iframe padding top
$iframe-background: #000; // Background color of iframes
$iframe-max-width: 900px; // Maximum width of iframes
$iframe-ratio: 9/16; // Ratio of iframe (9/16 = widescreen, 3/4 = standard, etc.)
$mfp-include-iframe-type: true; // Enable Iframe-type popups
$mfp-iframe-padding-top: 40px; // Iframe padding top
$mfp-iframe-background: #000; // Background color of iframes
$mfp-iframe-max-width: 900px; // Maximum width of iframes
$mfp-iframe-ratio: 9/16; // Ratio of iframe (9/16 = widescreen, 3/4 = standard, etc.)

// Image-type options
$include-image-type: true; // Enable Image-type popups
$image-background: #444 !default;
$image-padding-top: 40px; // Image padding top
$image-padding-bottom: 40px; // Image padding bottom
$include-mobile-layout-for-image: true; // Removes paddings from top and bottom
$mfp-include-image-type: true; // Enable Image-type popups
$mfp-image-background: #444 !default;
$mfp-image-padding-top: 40px; // Image padding top
$mfp-image-padding-bottom: 40px; // Image padding bottom
$mfp-include-mobile-layout-for-image: true; // Removes paddings from top and bottom

// Image caption options
$caption-title-color: #F3F3F3; // Caption title color
$caption-subtitle-color: #BDBDBD; // Caption subtitle color
$mfp-caption-title-color: #F3F3F3; // Caption title color
$mfp-caption-subtitle-color: #BDBDBD; // Caption subtitle color

// A11y
$use-visuallyhidden: false;
$mfp-use-visuallyhidden: false;
Loading

0 comments on commit 1a5e015

Please sign in to comment.