<?php
/**
* Frontend CSS & Google Fonts loading File.
*
* @since 2.1.0
*
* @package uagb
*/
/**
* Adding this comment to avoid PHPStan errors of undefined variable as these variables are defined else where.
*
* @var mixed[] $attr
*/
$attr = isset( $attr ) ? $attr : array();
// Adds Fonts.
UAGB_Block_JS::blocks_image_gallery_gfont( $attr );
// Arrow & Dots Default Color Fallback ( Not from Theme ).
$arrow_dot_color = $attr['paginateColor'] ? $attr['paginateColor'] : '#007cba';
// Block Visibility Based on Layout Type.
$hide_this_block = in_array( $attr['feedLayout'], array( 'carousel', 'masonry' ), true );
// Range Fallback.
$paginate_dot_distance_fallback = is_numeric( $attr['paginateDotDistance'] ) ? $attr['paginateDotDistance'] : 0;
// Responsive Slider Fallback.
$grid_image_gap_tablet_fallback = is_numeric( $attr['gridImageGapTab'] ) ? $attr['gridImageGapTab'] : $attr['gridImageGap'];
$grid_image_gap_mobile_fallback = is_numeric( $attr['gridImageGapMob'] ) ? $attr['gridImageGapMob'] : $grid_image_gap_tablet_fallback;
// Border Attributes.
$arrow_border_css = UAGB_Block_Helper::uag_generate_border_css( $attr, 'arrow' );
$arrow_border_css_tablet = UAGB_Block_Helper::uag_generate_border_css( $attr, 'arrow', 'tablet' );
$arrow_border_css_mobile = UAGB_Block_Helper::uag_generate_border_css( $attr, 'arrow', 'mobile' );
$btn_border_css = UAGB_Block_Helper::uag_generate_border_css( $attr, 'btn' );
$btn_border_css_tablet = UAGB_Block_Helper::uag_generate_border_css( $attr, 'btn', 'tablet' );
$btn_border_css_mobile = UAGB_Block_Helper::uag_generate_border_css( $attr, 'btn', 'mobile' );
$image_border_css = UAGB_Block_Helper::uag_generate_border_css( $attr, 'image' );
$image_border_css_tablet = UAGB_Block_Helper::uag_generate_border_css( $attr, 'image', 'tablet' );
$image_border_css_mobile = UAGB_Block_Helper::uag_generate_border_css( $attr, 'image', 'mobile' );
$main_title_border_css = UAGB_Block_Helper::uag_generate_border_css( $attr, 'mainTitle' );
$main_title_border_css_tablet = UAGB_Block_Helper::uag_generate_border_css( $attr, 'mainTitle', 'tablet' );
$main_title_border_css_mobile = UAGB_Block_Helper::uag_generate_border_css( $attr, 'mainTitle', 'mobile' );
// Text Decoration compatibility CSS.
$text_decoration_prop = '' === $attr['captionDecoration'] && defined( 'ASTRA_THEME_SETTINGS' ) && function_exists( 'astra_get_font_extras' ) && function_exists( 'astra_get_option' ) ? astra_get_font_extras( astra_get_option( 'body-font-extras' ), 'text-decoration' ) : $attr['captionDecoration'];
// Box Shadow CSS.
$image_box_shadow_css = (
UAGB_Helper::get_css_value( $attr['imageBoxShadowHOffset'], 'px' )
) . ' ' . (
UAGB_Helper::get_css_value( $attr['imageBoxShadowVOffset'], 'px' )
) . ' ' . (
UAGB_Helper::get_css_value( $attr['imageBoxShadowBlur'], 'px' )
) . ' ' . (
UAGB_Helper::get_css_value( $attr['imageBoxShadowSpread'], 'px' )
) . (
$attr['imageBoxShadowColor'] ? ( ' ' . $attr['imageBoxShadowColor'] ) : ''
) . ' ' . (
( 'inset' === $attr['imageBoxShadowPosition'] ) ? ( ' ' . $attr['imageBoxShadowPosition'] ) : ''
);
$image_box_shadow_hover_css = (
UAGB_Helper::get_css_value( $attr['imageBoxShadowHOffsetHover'], 'px' )
) . ' ' . (
UAGB_Helper::get_css_value( $attr['imageBoxShadowVOffsetHover'], 'px' )
) . ' ' . (
UAGB_Helper::get_css_value( $attr['imageBoxShadowBlurHover'], 'px' )
) . ' ' . (
UAGB_Helper::get_css_value( $attr['imageBoxShadowSpreadHover'], 'px' )
) . (
$attr['imageBoxShadowColorHover'] ? ( ' ' . $attr['imageBoxShadowColorHover'] ) : ''
) . ' ' . (
( 'inset' === $attr['imageBoxShadowPositionHover'] ) ? ( ' ' . $attr['imageBoxShadowPositionHover'] ) : ''
);
$selectors = array(
// Feed Selectors.
'.wp-block-uagb-image-gallery' => array(
'padding' => UAGB_Block_Helper::generate_spacing(
$attr['feedMarginUnit'],
$attr['feedMarginTop'],
$attr['feedMarginRight'],
$attr['feedMarginBottom'],
$attr['feedMarginLeft']
),
'visibility' => $hide_this_block ? 'hidden' : '',
),
// Control Settings.
' .spectra-image-gallery__control-arrows svg' => array(
'fill' => $arrow_dot_color,
),
' .spectra-image-gallery__control-arrows svg:hover' => array(
'fill' => $attr['paginateColorHover'],
),
' .spectra-image-gallery__control-arrows--carousel' => $arrow_border_css,
' .spectra-image-gallery__control-arrows--carousel:hover' => array(
'border-color' => $attr['arrowBorderHColor'],
),
' .spectra-image-gallery__control-arrows--carousel.slick-prev' => array(
'left' => UAGB_Helper::get_css_value(
$attr['paginateArrowDistance'],
$attr['paginateArrowDistanceUnit']
),
),
' .spectra-image-gallery__control-arrows--carousel.slick-next' => array(
'right' => UAGB_Helper::get_css_value(
$attr['paginateArrowDistance'],
$attr['paginateArrowDistanceUnit']
),
),
' .spectra-image-gallery__layout--carousel ul.slick-dots' => array(
'top' => UAGB_Helper::get_css_value( $paginate_dot_distance_fallback, 'px' ),
),
' .spectra-image-gallery__layout--carousel ul.slick-dots li button:before' => array(
'color' => $arrow_dot_color,
),
' .spectra-image-gallery__layout--carousel ul.slick-dots li button:hover:before' => array(
'color' => $attr['paginateColorHover'],
),
' .spectra-image-gallery__control-dots li button::before' => array(
'color' => $arrow_dot_color,
),
' .spectra-image-gallery__control-dots li button:hover::before' => array(
'color' => $attr['paginateColorHover'],
),
' .spectra-image-gallery__control-loader' => array(
'margin-top' => UAGB_Helper::get_css_value( $paginate_dot_distance_fallback, $attr['paginateDotDistanceUnit'] ),
),
' .spectra-image-gallery__control-loader div' => array(
'background-color' => $attr['paginateColor'],
'width' => UAGB_Helper::get_css_value( $attr['paginateLoaderSize'], 'px' ),
'height' => UAGB_Helper::get_css_value( $attr['paginateLoaderSize'], 'px' ),
'border-radius' => '100%',
'padding' => 0,
),
' .spectra-image-gallery__control-button' => array_merge(
array(
'margin-top' => UAGB_Helper::get_css_value( $paginate_dot_distance_fallback, $attr['paginateDotDistanceUnit'] ),
'padding' => UAGB_Block_Helper::generate_spacing(
$attr['paginateButtonPaddingUnit'],
$attr['paginateButtonPaddingTop'],
$attr['paginateButtonPaddingRight'],
$attr['paginateButtonPaddingBottom'],
$attr['paginateButtonPaddingLeft']
),
'color' => $attr['paginateButtonTextColor'],
'background-color' => $attr['paginateColor'],
'font-family' => 'Default' === $attr['loadMoreFontFamily'] ? '' : $attr['loadMoreFontFamily'],
'font-weight' => $attr['loadMoreFontWeight'],
'font-style' => $attr['loadMoreFontStyle'],
'text-decoration' => $attr['loadMoreDecoration'],
'text-transform' => $attr['loadMoreTransform'],
'font-size' => UAGB_Helper::get_css_value( $attr['loadMoreFontSize'], $attr['loadMoreFontSizeType'] ),
'line-height' => UAGB_Helper::get_css_value( $attr['loadMoreLineHeight'], $attr['loadMoreLineHeightType'] ),
),
$btn_border_css
),
' .spectra-image-gallery__control-button:hover' => array(
'color' => $attr['paginateButtonTextColorHover'],
'background-color' => $attr['paginateColorHover'],
'border-color' => $attr['btnBorderHColor'],
),
// Media Wrapper Selectors.
' .spectra-image-gallery__layout--grid' => array(
'grid-gap' => UAGB_Helper::get_css_value(
$attr['gridImageGap'],
$attr['gridImageGapUnit']
),
),
' .spectra-image-gallery__layout--isogrid' => array(
'margin' => UAGB_Helper::get_css_value(
-abs( $attr['gridImageGap'] / 2 ),
$attr['gridImageGapUnit']
),
),
' .spectra-image-gallery__layout--isogrid .spectra-image-gallery__media-wrapper--isotope' => array(
'padding' => UAGB_Helper::get_css_value(
$attr['gridImageGap'] / 2,
$attr['gridImageGapUnit']
),
),
' .spectra-image-gallery__layout--masonry' => array(
'margin' => UAGB_Helper::get_css_value(
-abs( $attr['gridImageGap'] / 2 ),
$attr['gridImageGapUnit']
),
),
' .spectra-image-gallery__layout--masonry .spectra-image-gallery__media-wrapper--isotope' => array(
'padding' => UAGB_Helper::get_css_value(
$attr['gridImageGap'] / 2,
$attr['gridImageGapUnit']
),
),
' .spectra-image-gallery__layout--carousel' => array(
// Override Slick Slider Margin.
'margin-bottom' => UAGB_Helper::get_css_value(
$paginate_dot_distance_fallback,
'px'
) . ' !important',
),
' .spectra-image-gallery__layout--carousel .spectra-image-gallery__media-wrapper' => array(
'padding' => UAGB_Block_Helper::generate_spacing(
$attr['gridImageGapUnit'],
0,
$attr['gridImageGap'] / 2
),
),
' .spectra-image-gallery__layout--carousel .slick-list' => array(
'margin' => UAGB_Block_Helper::generate_spacing(
$attr['gridImageGapUnit'],
0,
-( $attr['gridImageGap'] / 2 )
),
),
' .spectra-image-gallery__layout--tiled' => array(
'grid-gap' => UAGB_Helper::get_css_value(
$attr['gridImageGap'],
$attr['gridImageGapUnit']
),
),
' .spectra-image-gallery__media' => array_merge(
$image_border_css,
array(
'box-shadow' => $image_box_shadow_css,
)
),
' .spectra-image-gallery__media:hover' => array(
'border-color' => $attr['imageBorderHColor'],
),
' .spectra-image-gallery__media-wrapper:hover .spectra-image-gallery__media' => array(
'box-shadow' => $image_box_shadow_hover_css,
),
' .spectra-image-gallery__media-wrapper:focus-visible .spectra-image-gallery__media' => array(
'box-shadow' => $image_box_shadow_hover_css,
'border-color' => $attr['imageBorderHColor'],
),
// Thumbnail Selectors.
' .spectra-image-gallery__media-thumbnail-blurrer' => array(
'-webkit-backdrop-filter' => 'blur(' . UAGB_Helper::get_css_value(
$attr['captionBackgroundBlurAmount'],
'px'
) . ')',
'backdrop-filter' => 'blur(' . UAGB_Helper::get_css_value(
$attr['captionBackgroundBlurAmount'],
'px'
) . ')',
),
' .spectra-image-gallery__media-wrapper:hover .spectra-image-gallery__media-thumbnail-blurrer' => array(
'-webkit-backdrop-filter' => 'blur(' . UAGB_Helper::get_css_value(
$attr['captionBackgroundBlurAmountHover'],
'px'
) . ')',
'backdrop-filter' => 'blur(' . UAGB_Helper::get_css_value(
$attr['captionBackgroundBlurAmountHover'],
'px'
) . ')',
),
' .spectra-image-gallery__media-wrapper:focus-visible .spectra-image-gallery__media-thumbnail-blurrer' => array(
'-webkit-backdrop-filter' => 'blur(' . UAGB_Helper::get_css_value(
$attr['captionBackgroundBlurAmountHover'],
'px'
) . ')',
'backdrop-filter' => 'blur(' . UAGB_Helper::get_css_value(
$attr['captionBackgroundBlurAmountHover'],
'px'
) . ')',
),
// Caption Wrapper Selectors.
' .spectra-image-gallery__media-thumbnail-caption-wrapper--overlay' => array(
'background-color' => $attr['imageDisplayCaption'] ? ( ( 'hover' === $attr['captionVisibility'] ) ? 'rgba(0,0,0,0)' : $attr['captionBackgroundColor'] ) : $attr['overlayColor'],
),
' .spectra-image-gallery__media-wrapper:hover .spectra-image-gallery__media-thumbnail-caption-wrapper--overlay' => array(
'background-color' => $attr['imageDisplayCaption'] ? ( ( 'antiHover' === $attr['captionVisibility'] ) ? 'rgba(0,0,0,0)' : ( ( 'always' === $attr['captionVisibility'] && $attr['captionSeparateColors'] ) ? $attr['captionBackgroundColorHover'] : $attr['captionBackgroundColor'] ) ) : $attr['overlayColorHover'],
),
' .spectra-image-gallery__media-wrapper:focus-visible .spectra-image-gallery__media-thumbnail-caption-wrapper--overlay' => array(
'background-color' => $attr['imageDisplayCaption'] ? ( ( 'antiHover' === $attr['captionVisibility'] ) ? 'rgba(0,0,0,0)' : ( ( 'always' === $attr['captionVisibility'] && $attr['captionSeparateColors'] ) ? $attr['captionBackgroundColorHover'] : $attr['captionBackgroundColor'] ) ) : $attr['overlayColorHover'],
),
' .spectra-image-gallery__media-thumbnail-caption-wrapper--bar-inside' => array(
'-webkit-align-items' => UAGB_Block_Helper::get_matrix_alignment( $attr['imageCaptionAlignment'], 1, 'flex' ),
'align-items' => UAGB_Block_Helper::get_matrix_alignment( $attr['imageCaptionAlignment'], 1, 'flex' ),
'-webkit-justify-content' => UAGB_Block_Helper::get_matrix_alignment( $attr['imageCaptionAlignment'], 2, 'flex' ),
'justify-content' => UAGB_Block_Helper::get_matrix_alignment( $attr['imageCaptionAlignment'], 2, 'flex' ),
),
// Caption Selectors.
' .spectra-image-gallery__media-thumbnail-caption a' => array(
'color' => ( 'hover' === $attr['captionVisibility'] ) ? 'rgba(0,0,0,0)' : $attr['captionColor'],
),
' .spectra-image-gallery__media-thumbnail-caption' => array(
'color' => ( 'hover' === $attr['captionVisibility'] ) ? 'rgba(0,0,0,0)' : $attr['captionColor'],
'text-align' => UAGB_Block_Helper::get_matrix_alignment( $attr['imageCaptionAlignment'], 2 ),
'font-family' => 'Default' === $attr['captionFontFamily'] ? '' : $attr['captionFontFamily'],
'font-weight' => $attr['captionFontWeight'],
'font-style' => $attr['captionFontStyle'],
'text-decoration' => $text_decoration_prop,
'text-transform' => $attr['captionTransform'],
'font-size' => UAGB_Helper::get_css_value( $attr['captionFontSize'], $attr['captionFontSizeType'] ),
'line-height' => UAGB_Helper::get_css_value( $attr['captionLineHeight'], $attr['captionLineHeightType'] ),
'padding' => UAGB_Block_Helper::generate_spacing(
$attr['captionPaddingUnit'],
$attr['captionPaddingTop'],
$attr['captionPaddingRight'],
$attr['captionPaddingBottom'],
$attr['captionPaddingLeft']
),
),
' .spectra-image-gallery__media-thumbnail-caption--overlay' => array(
'-webkit-align-items' => UAGB_Block_Helper::get_matrix_alignment( $attr['imageCaptionAlignment'], 1, 'flex' ),
'align-items' => UAGB_Block_Helper::get_matrix_alignment( $attr['imageCaptionAlignment'], 1, 'flex' ),
'-webkit-justify-content' => UAGB_Block_Helper::get_matrix_alignment( $attr['imageCaptionAlignment'], 2, 'flex' ),
'justify-content' => UAGB_Block_Helper::get_matrix_alignment( $attr['imageCaptionAlignment'], 2, 'flex' ),
),
' .spectra-image-gallery__media-thumbnail-caption--bar-inside' => array_merge(
array(
'background-color' => ( 'hover' === $attr['captionVisibility'] ) ? 'rgba(0,0,0,0)' : $attr['captionBackgroundColor'],
),
$main_title_border_css,
array(
'border-color' => ( 'hover' === $attr['captionVisibility'] ) ? 'rgba(0,0,0,0)' : $attr['mainTitleBorderColor'],
)
),
' .spectra-image-gallery__media-wrapper:hover .spectra-image-gallery__media-thumbnail-caption--bar-inside' => array(
'background-color' => ( 'antiHover' === $attr['captionVisibility'] ) ? 'rgba(0,0,0,0)' : ( ( 'always' === $attr['captionVisibility'] && $attr['captionSeparateColors'] ) ? $attr['captionBackgroundColorHover'] : $attr['captionBackgroundColor'] ),
'border-color' => ( 'antiHover' === $attr['captionVisibility'] ) ? 'rgba(0,0,0,0)' : ( ( 'antiHover' !== $attr['captionVisibility'] ) ? $attr['mainTitleBorderHColor'] : $attr['mainTitleBorderColor'] ),
),
'spectra-image-gallery__media-wrapper:focus-visible .spectra-image-gallery__media-thumbnail-caption--bar-inside' => array(
'background-color' => ( 'antiHover' === $attr['captionVisibility'] ) ? 'rgba(0,0,0,0)' : ( ( 'always' === $attr['captionVisibility'] && $attr['captionSeparateColors'] ) ? $attr['captionBackgroundColorHover'] : $attr['captionBackgroundColor'] ),
'border-color' => ( 'antiHover' === $attr['captionVisibility'] ) ? 'rgba(0,0,0,0)' : ( ( 'always' !== $attr['captionVisibility'] || $attr['captionSeparateColors'] ) ? $attr['mainTitleBorderHColor'] : $attr['mainTitleBorderColor'] ),
),
' .spectra-image-gallery__media-thumbnail-caption--bar-outside' => array_merge(
array(
'background-color' => $attr['captionBackgroundColor'],
),
$main_title_border_css
),
' .spectra-image-gallery__media-wrapper:hover .spectra-image-gallery__media-thumbnail-caption--bar-outside' => array(
'background-color' => $attr['captionSeparateColors'] ? $attr['captionBackgroundColorHover'] : $attr['captionBackgroundColor'],
'border-color' => $attr['captionSeparateColors'] ? $attr['mainTitleBorderHColor'] : $attr['mainTitleBorderColor'],
),
' .spectra-image-gallery__media-wrapper:focus-visible .spectra-image-gallery__media-thumbnail-caption--bar-outside' => array(
'background-color' => $attr['captionSeparateColors'] ? $attr['captionBackgroundColorHover'] : $attr['captionBackgroundColor'],
'border-color' => $attr['captionSeparateColors'] ? $attr['mainTitleBorderHColor'] : $attr['mainTitleBorderColor'],
),
' .spectra-image-gallery__media-wrapper:hover .spectra-image-gallery__media-thumbnail-caption' => array(
'color' => ( 'antiHover' === $attr['captionVisibility'] ) ? 'rgba(0,0,0,0)' : ( ( 'always' === $attr['captionVisibility'] && $attr['captionSeparateColors'] ) ? $attr['captionColorHover'] : $attr['captionColor'] ),
),
' .spectra-image-gallery__media-wrapper:focus-visible .spectra-image-gallery__media-thumbnail-caption' => array(
'color' => ( 'antiHover' === $attr['captionVisibility'] ) ? 'rgba(0,0,0,0)' : ( ( 'always' === $attr['captionVisibility'] && $attr['captionSeparateColors'] ) ? $attr['captionColorHover'] : $attr['captionColor'] ),
),
' .spectra-image-gallery__media-wrapper:hover .spectra-image-gallery__media-thumbnail-caption a' => array(
'color' => ( 'antiHover' === $attr['captionVisibility'] ) ? 'rgba(0,0,0,0)' : ( ( 'always' === $attr['captionVisibility'] && $attr['captionSeparateColors'] ) ? $attr['captionColorHover'] : $attr['captionColor'] ),
),
' .spectra-image-gallery__media-wrapper:focus-visible .spectra-image-gallery__media-thumbnail-caption a' => array(
'color' => ( 'antiHover' === $attr['captionVisibility'] ) ? 'rgba(0,0,0,0)' : ( ( 'always' === $attr['captionVisibility'] && $attr['captionSeparateColors'] ) ? $attr['captionColorHover'] : $attr['captionColor'] ),
),
// Lightbox Selectors.
'+.spectra-image-gallery__control-lightbox' => array(
'background-color' => $attr['lightboxBackgroundColor'],
'backdrop-filter' => $attr['lightboxBackgroundEnableBlur'] ? 'blur( ' . $attr['lightboxBackgroundBlurAmount'] . 'px)' : '',
),
'+.spectra-image-gallery__control-lightbox .spectra-image-gallery__control-lightbox--caption' => array(
'color' => $attr['lightboxCaptionColor'],
'background' => 'linear-gradient(rgba(0,0,0,0), ' . $attr['lightboxCaptionBackgroundColor'] . ')',
'min-height' => UAGB_Helper::get_css_value( $attr['lightboxCaptionHeight'], 'px' ),
'font-family' => ( 'Default' === $attr['lightboxFontFamily'] ) ? '' : $attr['lightboxFontFamily'],
'font-weight' => $attr['lightboxFontWeight'],
'font-style' => $attr['lightboxFontStyle'],
'text-decoration' => $attr['lightboxDecoration'],
'text-transform' => $attr['lightboxTransform'],
'font-size' => UAGB_Helper::get_css_value( $attr['lightboxFontSize'], $attr['lightboxFontSizeType'] ),
'line-height' => UAGB_Helper::get_css_value( $attr['lightboxLineHeight'], $attr['lightboxLineHeightType'] ),
),
'+.spectra-image-gallery__control-lightbox .spectra-image-gallery__control-lightbox--thumbnails-wrapper' => array(
'background-color' => $attr['lightboxDisplayCaptions'] ? $attr['lightboxCaptionBackgroundColor'] : 'transparent',
),
'+.spectra-image-gallery__control-lightbox .spectra-image-gallery__control-lightbox--count' => array(
'top' => UAGB_Helper::get_css_value( $attr['lightboxEdgeDistance'], 'px' ),
'left' => is_rtl() ? '' : UAGB_Helper::get_css_value( $attr['lightboxEdgeDistance'], 'px' ),
'right' => is_rtl() ? UAGB_Helper::get_css_value( $attr['lightboxEdgeDistance'], 'px' ) : '',
'color' => $attr['lightboxIconColor'],
'font-family' => ( 'Default' === $attr['lightboxFontFamily'] ) ? '' : $attr['lightboxFontFamily'],
'font-weight' => 'normal',
'font-size' => UAGB_Helper::get_css_value( $attr['lightboxIconSize'], 'px' ) ? 'calc(' . UAGB_Helper::get_css_value( $attr['lightboxIconSize'], 'px' ) . ' * 3 / 4 )' : '',
'line-height' => UAGB_Helper::get_css_value( $attr['lightboxIconSize'], 'px' ) ? 'calc(' . UAGB_Helper::get_css_value( $attr['lightboxIconSize'], 'px' ) . ' * 3 / 4 )' : '',
),
'+.spectra-image-gallery__control-lightbox .spectra-image-gallery__control-lightbox--close' => array(
'top' => UAGB_Helper::get_css_value( $attr['lightboxEdgeDistance'], 'px' ),
'right' => is_rtl() ? '' : UAGB_Helper::get_css_value( $attr['lightboxEdgeDistance'], 'px' ),
'left' => is_rtl() ? UAGB_Helper::get_css_value( $attr['lightboxEdgeDistance'], 'px' ) : '',
),
'+.spectra-image-gallery__control-lightbox .spectra-image-gallery__control-lightbox--close svg' => array(
'width' => UAGB_Helper::get_css_value( $attr['lightboxIconSize'], 'px' ),
'height' => UAGB_Helper::get_css_value( $attr['lightboxIconSize'], 'px' ),
'fill' => $attr['lightboxIconColor'],
),
'+.spectra-image-gallery__control-lightbox .spectra-image-gallery__control-lightbox--main .swiper-button-prev' => array(
'left' => UAGB_Helper::get_css_value( $attr['lightboxEdgeDistance'], 'px' ),
'color' => $attr['lightboxIconColor'],
),
'+.spectra-image-gallery__control-lightbox .spectra-image-gallery__control-lightbox--main .swiper-button-next' => array(
'right' => UAGB_Helper::get_css_value( $attr['lightboxEdgeDistance'], 'px' ),
'color' => $attr['lightboxIconColor'],
),
'+.spectra-image-gallery__control-lightbox .spectra-image-gallery__control-lightbox--main.swiper-rtl .swiper-button-prev' => array(
'right' => UAGB_Helper::get_css_value( $attr['lightboxEdgeDistance'], 'px' ),
'left' => 'auto',
),
'+.spectra-image-gallery__control-lightbox .spectra-image-gallery__control-lightbox--main.swiper-rtl .swiper-button-next' => array(
'left' => UAGB_Helper::get_css_value( $attr['lightboxEdgeDistance'], 'px' ),
'right' => 'auto',
),
);
$t_selectors = array(
'.wp-block-uagb-image-gallery' => array(
'padding' => UAGB_Block_Helper::generate_spacing(
$attr['feedMarginUnitTab'],
$attr['feedMarginTopTab'],
$attr['feedMarginRightTab'],
$attr['feedMarginBottomTab'],
$attr['feedMarginLeftTab']
),
),
' .spectra-image-gallery__control-arrows--carousel' => $arrow_border_css_tablet,
' .spectra-image-gallery__control-button' => array_merge(
array(
'padding' => UAGB_Block_Helper::generate_spacing(
$attr['paginateButtonPaddingUnitTab'],
$attr['paginateButtonPaddingTopTab'],
$attr['paginateButtonPaddingRightTab'],
$attr['paginateButtonPaddingBottomTab'],
$attr['paginateButtonPaddingLeftTab']
),
'font-size' => UAGB_Helper::get_css_value( $attr['loadMoreFontSizeTab'], $attr['loadMoreFontSizeType'] ),
'line-height' => UAGB_Helper::get_css_value( $attr['loadMoreLineHeightTab'], $attr['loadMoreLineHeightType'] ),
),
$btn_border_css_tablet
),
' .spectra-image-gallery__layout--grid' => array(
'grid-gap' => UAGB_Helper::get_css_value(
$grid_image_gap_tablet_fallback,
$attr['gridImageGapUnitTab']
),
),
' .spectra-image-gallery__layout--isogrid' => array(
'margin' => UAGB_Helper::get_css_value(
-abs( $grid_image_gap_tablet_fallback / 2 ),
$attr['gridImageGapUnitTab']
),
),
' .spectra-image-gallery__layout--isogrid .spectra-image-gallery__media-wrapper--isotope' => array(
'padding' => UAGB_Helper::get_css_value(
$grid_image_gap_tablet_fallback / 2,
$attr['gridImageGapUnitTab']
),
),
' .spectra-image-gallery__layout--masonry' => array(
'margin' => UAGB_Helper::get_css_value(
-abs( $grid_image_gap_tablet_fallback / 2 ),
$attr['gridImageGapUnitTab']
),
),
' .spectra-image-gallery__layout--masonry .spectra-image-gallery__media-wrapper--isotope' => array(
'padding' => UAGB_Helper::get_css_value(
$grid_image_gap_tablet_fallback / 2,
$attr['gridImageGapUnitTab']
),
),
' .spectra-image-gallery__layout--carousel .spectra-image-gallery__media-wrapper' => array(
'padding' => UAGB_Block_Helper::generate_spacing(
$attr['gridImageGapUnitTab'],
0,
$grid_image_gap_tablet_fallback
),
),
' .spectra-image-gallery__layout--carousel .slick-list' => array(
'margin' => UAGB_Block_Helper::generate_spacing(
$attr['gridImageGapUnitTab'],
0,
-$grid_image_gap_tablet_fallback
),
),
' .spectra-image-gallery__layout--tiled' => array(
'grid-gap' => UAGB_Helper::get_css_value(
$grid_image_gap_tablet_fallback,
$attr['gridImageGapUnitTab']
),
),
' .spectra-image-gallery__media' => $image_border_css_tablet,
' .spectra-image-gallery__media-thumbnail-caption' => array(
'font-size' => UAGB_Helper::get_css_value( $attr['captionFontSizeTab'], $attr['captionFontSizeType'] ),
'line-height' => UAGB_Helper::get_css_value( $attr['captionLineHeightTab'], $attr['captionLineHeightType'] ),
'padding' => UAGB_Block_Helper::generate_spacing(
$attr['captionPaddingUnit'],
$attr['captionPaddingTop'],
$attr['captionPaddingRight'],
$attr['captionPaddingBottom'],
$attr['captionPaddingLeft']
),
),
' .spectra-image-gallery__media-thumbnail-caption--bar-inside' => $main_title_border_css_tablet,
' .spectra-image-gallery__media-thumbnail-caption--bar-outside' => $main_title_border_css_tablet,
'+.spectra-image-gallery__control-lightbox .spectra-image-gallery__control-lightbox--caption' => array(
'min-height' => UAGB_Helper::get_css_value( $attr['lightboxCaptionHeightTablet'], 'px' ),
'font-size' => UAGB_Helper::get_css_value( $attr['lightboxFontSizeTab'], $attr['lightboxFontSizeType'] ),
'line-height' => UAGB_Helper::get_css_value( $attr['lightboxLineHeightTab'], $attr['lightboxLineHeightType'] ),
),
'+.spectra-image-gallery__control-lightbox .spectra-image-gallery__control-lightbox--count' => array(
'top' => UAGB_Helper::get_css_value( $attr['lightboxEdgeDistanceTablet'], 'px' ),
'left' => is_rtl() ? '' : UAGB_Helper::get_css_value( $attr['lightboxEdgeDistanceTablet'], 'px' ),
'right' => is_rtl() ? UAGB_Helper::get_css_value( $attr['lightboxEdgeDistanceTablet'], 'px' ) : '',
'font-size' => UAGB_Helper::get_css_value( $attr['lightboxIconSizeTablet'], 'px' ) ? 'calc(' . UAGB_Helper::get_css_value( $attr['lightboxIconSizeTablet'], 'px' ) . ' * 3 / 4 )' : '',
'line-height' => UAGB_Helper::get_css_value( $attr['lightboxIconSizeTablet'], 'px' ) ? 'calc(' . UAGB_Helper::get_css_value( $attr['lightboxIconSizeTablet'], 'px' ) . ' * 3 / 4 )' : '',
),
'+.spectra-image-gallery__control-lightbox .spectra-image-gallery__control-lightbox--close' => array(
'top' => UAGB_Helper::get_css_value( $attr['lightboxEdgeDistanceTablet'], 'px' ),
'right' => is_rtl() ? '' : UAGB_Helper::get_css_value( $attr['lightboxEdgeDistanceTablet'], 'px' ),
'left' => is_rtl() ? UAGB_Helper::get_css_value( $attr['lightboxEdgeDistanceTablet'], 'px' ) : '',
),
'+.spectra-image-gallery__control-lightbox .spectra-image-gallery__control-lightbox--close svg' => array(
'width' => UAGB_Helper::get_css_value( $attr['lightboxIconSizeTablet'], 'px' ),
'height' => UAGB_Helper::get_css_value( $attr['lightboxIconSizeTablet'], 'px' ),
),
'+.spectra-image-gallery__control-lightbox .spectra-image-gallery__control-lightbox--main .swiper-button-prev' => array(
'left' => UAGB_Helper::get_css_value( $attr['lightboxEdgeDistanceTablet'], 'px' ),
),
'+.spectra-image-gallery__control-lightbox .spectra-image-gallery__control-lightbox--main .swiper-button-next' => array(
'right' => UAGB_Helper::get_css_value( $attr['lightboxEdgeDistanceTablet'], 'px' ),
),
'+.spectra-image-gallery__control-lightbox .spectra-image-gallery__control-lightbox--main.swiper-rtl .swiper-button-prev' => array(
'right' => UAGB_Helper::get_css_value( $attr['lightboxEdgeDistanceTablet'], 'px' ),
'left' => 'auto',
),
'+.spectra-image-gallery__control-lightbox .spectra-image-gallery__control-lightbox--main.swiper-rtl .swiper-button-next' => array(
'left' => UAGB_Helper::get_css_value( $attr['lightboxEdgeDistanceTablet'], 'px' ),
'right' => 'auto',
),
);
$m_selectors = array(
'.wp-block-uagb-image-gallery' => array(
'padding' => UAGB_Block_Helper::generate_spacing(
$attr['feedMarginUnitMob'],
$attr['feedMarginTopMob'],
$attr['feedMarginRightMob'],
$attr['feedMarginBottomMob'],
$attr['feedMarginLeftMob']
),
),
' .spectra-image-gallery__control-arrows--carousel' => $arrow_border_css_mobile,
' .spectra-image-gallery__control-button' => array_merge(
array(
'padding' => UAGB_Block_Helper::generate_spacing(
$attr['paginateButtonPaddingUnitMob'],
$attr['paginateButtonPaddingTopMob'],
$attr['paginateButtonPaddingRightMob'],
$attr['paginateButtonPaddingBottomMob'],
$attr['paginateButtonPaddingLeftMob']
),
'font-size' => UAGB_Helper::get_css_value( $attr['loadMoreFontSizeMob'], $attr['loadMoreFontSizeType'] ),
'line-height' => UAGB_Helper::get_css_value( $attr['loadMoreLineHeightMob'], $attr['loadMoreLineHeightType'] ),
),
$btn_border_css_mobile
),
' .spectra-image-gallery__layout--grid' => array(
'grid-gap' => UAGB_Helper::get_css_value(
$grid_image_gap_mobile_fallback,
$attr['gridImageGapUnitMob']
),
),
' .spectra-image-gallery__layout--isogrid' => array(
'margin' => UAGB_Helper::get_css_value(
-abs( $grid_image_gap_mobile_fallback / 2 ),
$attr['gridImageGapUnitMob']
),
),
' .spectra-image-gallery__layout--isogrid .spectra-image-gallery__media-wrapper--isotope' => array(
'padding' => UAGB_Helper::get_css_value(
$grid_image_gap_mobile_fallback / 2,
$attr['gridImageGapUnitMob']
),
),
' .spectra-image-gallery__layout--masonry' => array(
'margin' => UAGB_Helper::get_css_value(
-abs( $grid_image_gap_mobile_fallback / 2 ),
$attr['gridImageGapUnitMob']
),
),
' .spectra-image-gallery__layout--masonry .spectra-image-gallery__media-wrapper--isotope' => array(
'padding' => UAGB_Helper::get_css_value(
$grid_image_gap_mobile_fallback / 2,
$attr['gridImageGapUnitMob']
),
),
' .spectra-image-gallery__layout--carousel .spectra-image-gallery__media-wrapper' => array(
'padding' => UAGB_Block_Helper::generate_spacing(
$attr['gridImageGapUnitMob'],
0,
$grid_image_gap_mobile_fallback
),
),
' .spectra-image-gallery__layout--carousel .slick-list' => array(
'margin' => UAGB_Block_Helper::generate_spacing(
$attr['gridImageGapUnitMob'],
0,
-$grid_image_gap_mobile_fallback
),
),
' .spectra-image-gallery__layout--tiled .spectra-image-gallery__media-wrapper' => array(
'grid-gap' => UAGB_Helper::get_css_value(
$grid_image_gap_mobile_fallback,
$attr['gridImageGapUnitMob']
),
),
' .spectra-image-gallery__media' => $image_border_css_mobile,
' .spectra-image-gallery__media-thumbnail-caption' => array(
'font-size' => UAGB_Helper::get_css_value( $attr['captionFontSizeMob'], $attr['captionFontSizeType'] ),
'line-height' => UAGB_Helper::get_css_value( $attr['captionLineHeightMob'], $attr['captionLineHeightType'] ),
'padding' => UAGB_Block_Helper::generate_spacing(
$attr['captionPaddingUnit'],
$attr['captionPaddingTop'],
$attr['captionPaddingRight'],
$attr['captionPaddingBottom'],
$attr['captionPaddingLeft']
),
),
' .spectra-image-gallery__media-thumbnail-caption--bar-inside' => $main_title_border_css_mobile,
' .spectra-image-gallery__media-thumbnail-caption--bar-outside' => $main_title_border_css_mobile,
'+.spectra-image-gallery__control-lightbox .spectra-image-gallery__control-lightbox--caption' => array(
'min-height' => UAGB_Helper::get_css_value( $attr['lightboxCaptionHeightMobile'], 'px' ),
'font-size' => UAGB_Helper::get_css_value( $attr['lightboxFontSizeMob'], $attr['lightboxFontSizeType'] ),
'line-height' => UAGB_Helper::get_css_value( $attr['lightboxLineHeightMob'], $attr['lightboxLineHeightType'] ),
),
'+.spectra-image-gallery__control-lightbox .spectra-image-gallery__control-lightbox--count' => array(
'top' => UAGB_Helper::get_css_value( $attr['lightboxEdgeDistanceMobile'], 'px' ),
'left' => is_rtl() ? '' : UAGB_Helper::get_css_value( $attr['lightboxEdgeDistanceMobile'], 'px' ),
'right' => is_rtl() ? UAGB_Helper::get_css_value( $attr['lightboxEdgeDistanceMobile'], 'px' ) : '',
'font-size' => UAGB_Helper::get_css_value( $attr['lightboxIconSizeMobile'], 'px' ) ? 'calc(' . UAGB_Helper::get_css_value( $attr['lightboxIconSizeMobile'], 'px' ) . ' * 3 / 4 )' : '',
'line-height' => UAGB_Helper::get_css_value( $attr['lightboxIconSizeMobile'], 'px' ) ? 'calc(' . UAGB_Helper::get_css_value( $attr['lightboxIconSizeMobile'], 'px' ) . ' * 3 / 4 )' : '',
),
'+.spectra-image-gallery__control-lightbox .spectra-image-gallery__control-lightbox--close' => array(
'top' => UAGB_Helper::get_css_value( $attr['lightboxEdgeDistanceMobile'], 'px' ),
'right' => is_rtl() ? '' : UAGB_Helper::get_css_value( $attr['lightboxEdgeDistanceMobile'], 'px' ),
'left' => is_rtl() ? UAGB_Helper::get_css_value( $attr['lightboxEdgeDistanceMobile'], 'px' ) : '',
),
'+.spectra-image-gallery__control-lightbox .spectra-image-gallery__control-lightbox--close svg' => array(
'width' => UAGB_Helper::get_css_value( $attr['lightboxIconSizeMobile'], 'px' ),
'height' => UAGB_Helper::get_css_value( $attr['lightboxIconSizeMobile'], 'px' ),
),
'+.spectra-image-gallery__control-lightbox .spectra-image-gallery__control-lightbox--main .swiper-button-prev' => array(
'left' => UAGB_Helper::get_css_value( $attr['lightboxEdgeDistanceMobile'], 'px' ),
),
'+.spectra-image-gallery__control-lightbox .spectra-image-gallery__control-lightbox--main .swiper-button-next' => array(
'right' => UAGB_Helper::get_css_value( $attr['lightboxEdgeDistanceMobile'], 'px' ),
),
'+.spectra-image-gallery__control-lightbox .spectra-image-gallery__control-lightbox--main.swiper-rtl .swiper-button-prev' => array(
'right' => UAGB_Helper::get_css_value( $attr['lightboxEdgeDistanceMobile'], 'px' ),
'left' => 'auto',
),
'+.spectra-image-gallery__control-lightbox .spectra-image-gallery__control-lightbox--main.swiper-rtl .swiper-button-next' => array(
'left' => UAGB_Helper::get_css_value( $attr['lightboxEdgeDistanceMobile'], 'px' ),
'right' => 'auto',
),
// Arrow Size can be implemented for all other screen sizes if needed.
'+.spectra-image-gallery__control-lightbox .spectra-image-gallery__control-lightbox--main .swiper-button-prev::after' => array(
'font-size' => '24px',
),
'+.spectra-image-gallery__control-lightbox .spectra-image-gallery__control-lightbox--main .swiper-button-next::after' => array(
'font-size' => '24px',
),
);
// Background Effect based styling.
switch ( $attr['captionBackgroundEffect'] ) {
case 'none':
$selectors[' .spectra-image-gallery__media-thumbnail']['-webkit-filter'] = 'none';
$selectors[' .spectra-image-gallery__media-thumbnail']['filter'] = 'none';
break;
case 'grayscale':
case 'sepia':
$selectors[' .spectra-image-gallery__media-thumbnail']['-webkit-filter'] = $attr['captionBackgroundEffect'] . '(' . UAGB_Helper::get_css_value(
$attr['captionBackgroundEffectAmount'],
'%'
) . ')';
$selectors[' .spectra-image-gallery__media-thumbnail']['filter'] = $attr['captionBackgroundEffect'] . '(' . UAGB_Helper::get_css_value(
$attr['captionBackgroundEffectAmount'],
'%'
) . ')';
break;
};
switch ( $attr['captionBackgroundEffectHover'] ) {
case 'none':
$selectors[' .spectra-image-gallery__media-wrapper:hover .spectra-image-gallery__media-thumbnail']['-webkit-filter'] = 'none';
$selectors[' .spectra-image-gallery__media-wrapper:hover .spectra-image-gallery__media-thumbnail']['filter'] = 'none';
$selectors[' .spectra-image-gallery__media-wrapper:focus-visible .spectra-image-gallery__media-thumbnail']['-webkit-filter'] = 'none';
$selectors[' .spectra-image-gallery__media-wrapper:focus-visible .spectra-image-gallery__media-thumbnail']['filter'] = 'none';
break;
case 'grayscale':
case 'sepia':
$selectors[' .spectra-image-gallery__media-wrapper:hover .spectra-image-gallery__media-thumbnail']['-webkit-filter'] = $attr['captionBackgroundEffectHover'] . '(' . UAGB_Helper::get_css_value(
$attr['captionBackgroundEffectAmountHover'],
'%'
) . ')';
$selectors[' .spectra-image-gallery__media-wrapper:hover .spectra-image-gallery__media-thumbnail']['filter'] = $attr['captionBackgroundEffectHover'] . '(' . UAGB_Helper::get_css_value(
$attr['captionBackgroundEffectAmountHover'],
'%'
) . ')';
$selectors[' .spectra-image-gallery__media-wrapper:focus-visible .spectra-image-gallery__media-thumbnail']['-webkit-filter'] = $attr['captionBackgroundEffectHover'] . '(' . UAGB_Helper::get_css_value(
$attr['captionBackgroundEffectAmountHover'],
'%'
) . ')';
$selectors[' .spectra-image-gallery__media-wrapper:focus-visible .spectra-image-gallery__media-thumbnail']['filter'] = $attr['captionBackgroundEffectHover'] . '(' . UAGB_Helper::get_css_value(
$attr['captionBackgroundEffectAmountHover'],
'%'
) . ')';
break;
};
if ( ! $attr['captionBackgroundEnableBlur'] ) {
$selectors[' .spectra-image-gallery__media-thumbnail-blurrer']['-webkit-backdrop-filter'] = 'none';
$selectors[' .spectra-image-gallery__media-thumbnail-blurrer']['backdrop-filter'] = 'none';
$selectors[' .spectra-image-gallery__media-wrapper:hover .spectra-image-gallery__media-thumbnail-blurrer']['-webkit-backdrop-filter'] = 'none';
$selectors[' .spectra-image-gallery__media-wrapper:hover .spectra-image-gallery__media-thumbnail-blurrer']['backdrop-filter'] = 'none';
$selectors[' .spectra-image-gallery__media-wrapper:focus-visible .spectra-image-gallery__media-thumbnail-blurrer']['-webkit-backdrop-filter'] = 'none';
$selectors[' .spectra-image-gallery__media-wrapper:focus-visible .spectra-image-gallery__media-thumbnail-blurrer']['backdrop-filter'] = 'none';
}
// Caption Type based styling.
if ( $attr['imageDisplayCaption'] && ( 'bar-outside' === $attr['captionDisplayType'] ) ) {
if ( 'top' === $attr['imageCaptionAlignment01'] ) {
$selectors[' .spectra-image-gallery__media-thumbnail-caption-wrapper']['margin-bottom'] = UAGB_Helper::get_css_value(
$attr['captionGap'],
$attr['captionGapUnit']
);
} else {
$selectors[' .spectra-image-gallery__media-thumbnail-caption-wrapper']['margin-top'] = UAGB_Helper::get_css_value(
$attr['captionGap'],
$attr['captionGapUnit']
);
}
}
// Grid based styling.
if ( 'grid' === $attr['feedLayout'] && $attr['feedPagination'] ) {
$selectors[' .spectra-image-gallery__control-wrapper']['margin-top'] = UAGB_Helper::get_css_value(
$paginate_dot_distance_fallback,
$attr['paginateDotDistanceUnit']
);
}
// Carousel based styling.
if ( 'carousel' === $attr['feedLayout'] ) {
if ( $attr['carouselSquares'] ) {
$selectors[' .spectra-image-gallery__media--carousel']['aspect-ratio'] = 1;
$selectors[' .spectra-image-gallery__media-thumbnail--carousel']['height'] = '100%';
$selectors[' .spectra-image-gallery__media-thumbnail--carousel']['width'] = '100%';
$selectors[' .spectra-image-gallery__media-thumbnail--carousel']['-o-object-fit'] = 'cover';
$selectors[' .spectra-image-gallery__media-thumbnail--carousel']['object-fit'] = 'cover';
}
} else {
$selectors[' .spectra-image-gallery__iso-ref-wrapper']['overflow'] = 'auto';
}
// Masonry based styling.
if ( 'masonry' === $attr['feedLayout'] && $attr['feedPagination'] && ! $attr['paginateUseLoader'] ) {
$selectors[' .spectra-image-gallery__control-wrapper']['-webkit-justify-content'] = $attr['paginateButtonAlign'];
$selectors[' .spectra-image-gallery__control-wrapper']['justify-content'] = $attr['paginateButtonAlign'];
$selectors[' .spectra-image-gallery__control-wrapper']['-webkit-align-items'] = 'center';
$selectors[' .spectra-image-gallery__control-wrapper']['align-items'] = 'center';
}
// New Zoom Effect on Hover.
switch ( $attr['imageZoomType'] ) {
case 'zoom-in':
if ( $attr['imageEnableZoom'] ) {
$selectors[' .spectra-image-gallery__media-thumbnail']['transform'] = 'scale3d(1.005, 1.005, 1.005)';
$selectors[' .spectra-image-gallery__media-wrapper:hover .spectra-image-gallery__media-thumbnail']['transform'] = 'scale3d(1.1, 1.1, 1.1)';
$selectors[' .spectra-image-gallery__media-wrapper:focus-visible .spectra-image-gallery__media-thumbnail']['transform'] = 'scale3d(1.1, 1.1, 1.1)';
}
break;
case 'zoom-out':
if ( $attr['imageEnableZoom'] ) {
$selectors[' .spectra-image-gallery__media-thumbnail']['transform'] = 'scale3d(1.1, 1.1, 1.1)';
$selectors[' .spectra-image-gallery__media-wrapper:hover .spectra-image-gallery__media-thumbnail']['transform'] = 'scale3d(1.005, 1.005, 1.005)';
$selectors[' .spectra-image-gallery__media-wrapper:focus-visible .spectra-image-gallery__media-thumbnail']['transform'] = 'scale3d(1.005, 1.005, 1.005)';
}
break;
}
// Box Shadow Application Based on Type.
if ( 'outset' === $attr['imageBoxShadowPosition'] ) {
$selectors[' .spectra-image-gallery__media']['box-shadow'] = $image_box_shadow_css;
$selectors[' .spectra-image-gallery__media-thumbnail-blurrer']['box-shadow'] = '0 0 transparent' . (
( 'inset' === $attr['imageBoxShadowPositionHover'] ) ? ( ' ' . $attr['imageBoxShadowPositionHover'] ) : ''
);
} else {
$selectors[' .spectra-image-gallery__media-thumbnail-blurrer']['box-shadow'] = $image_box_shadow_css;
$selectors[' .spectra-image-gallery__media']['box-shadow'] = '0 0 transparent' . (
( 'inset' === $attr['imageBoxShadowPositionHover'] ) ? ( ' ' . $attr['imageBoxShadowPositionHover'] ) : ''
);
}
if ( 'outset' === $attr['imageBoxShadowPositionHover'] ) {
$selectors[' .spectra-image-gallery__media-wrapper:hover .spectra-image-gallery__media']['box-shadow'] = $image_box_shadow_hover_css;
$selectors[' .spectra-image-gallery__media-wrapper:hover .spectra-image-gallery__media-thumbnail-blurrer']['box-shadow'] = '0 0 transparent' . (
( 'inset' === $attr['imageBoxShadowPosition'] ) ? ( ' ' . $attr['imageBoxShadowPosition'] ) : ''
);
$selectors[' .spectra-image-gallery__media-wrapper:focus-visible .spectra-image-gallery__media']['box-shadow'] = $image_box_shadow_hover_css;
$selectors[' .spectra-image-gallery__media-wrapper:focus-visible .spectra-image-gallery__media-thumbnail-blurrer']['box-shadow'] = '0 0 transparent' . (
( 'inset' === $attr['imageBoxShadowPosition'] ) ? ( ' ' . $attr['imageBoxShadowPosition'] ) : ''
);
} else {
$selectors[' .spectra-image-gallery__media-wrapper:hover .spectra-image-gallery__media-thumbnail-blurrer']['box-shadow'] = $image_box_shadow_hover_css;
$selectors[' .spectra-image-gallery__media-wrapper:hover .spectra-image-gallery__media']['box-shadow'] = '0 0 transparent' . (
( 'inset' === $attr['imageBoxShadowPosition'] ) ? ( ' ' . $attr['imageBoxShadowPosition'] ) : ''
);
$selectors[' .spectra-image-gallery__media-wrapper:focus-visible .spectra-image-gallery__media-thumbnail-blurrer']['box-shadow'] = $image_box_shadow_hover_css;
$selectors[' .spectra-image-gallery__media-wrapper:focus-visible .spectra-image-gallery__media']['box-shadow'] = '0 0 transparent' . (
( 'inset' === $attr['imageBoxShadowPosition'] ) ? ( ' ' . $attr['imageBoxShadowPosition'] ) : ''
);
}
// Slick Dot Positioning in the Editor.
$selectors[' .spectra-image-gallery__layout--carousel .slick-dots']['margin-bottom'] = '30px !important';
$combined_selectors = UAGB_Helper::get_combined_selectors(
'image-gallery',
array(
'desktop' => $selectors,
'tablet' => $t_selectors,
'mobile' => $m_selectors,
),
$attr
);
$base_selector = '.uagb-block-';
return UAGB_Helper::generate_all_css( $combined_selectors, $base_selector . $id );