47 lines
2.8 KiB
SCSS
47 lines
2.8 KiB
SCSS
|
////////////////////////
|
||
|
|
// Settings //
|
||
|
|
////////////////////////
|
||
|
|
|
||
|
|
// overlay
|
||
|
|
$mfp-overlay-color: #000; // 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
|
||
|
|
$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
|
||
|
|
|
||
|
|
$mfp-z-index-base: 1040; // Base z-index of popup
|
||
|
|
|
||
|
|
// controls
|
||
|
|
$mfp-include-arrows: true; // Include styles for nav arrows
|
||
|
|
$mfp-controls-opacity: 1; // Opacity of controls
|
||
|
|
$mfp-controls-color: #fff; // Color of controls
|
||
|
|
$mfp-controls-border-color: #fff; // Border color of controls
|
||
|
|
$mfp-inner-close-icon-color: #fff; // 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
|
||
|
|
$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
|
||
|
|
$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
|
||
|
|
$mfp-caption-title-color: #f3f3f3; // Caption title color
|
||
|
|
$mfp-caption-subtitle-color: #bdbdbd; // Caption subtitle color
|
||
|
|
.mfp-counter { font-family: $serif; } // Caption font family
|
||
|
|
|
||
|
|
// A11y
|
||
|
|
$mfp-use-visuallyhidden: false;
|