1
/// Padding of a carousel indicators container
3
$carouselIndicatorsPadding: 1rem;
5
/// Padding of a carousel indicator
7
$carouselIndicatorBg: #e9ecef;
9
/// Padding of a carousel indicator in hover state
11
$carouselIndicatorHoverBg: #dee2e6;
13
/// Border radius of a carousel indicator
15
$carouselIndicatorBorderRadius: 0;
17
/// Width of a carousel indicator
19
$carouselIndicatorWidth: 2rem;
21
/// Height of a carousel indicator
23
$carouselIndicatorHeight: .5rem;
25
/// Background of a galleria modal
27
$galleriaMaskBg: rgba(0,0,0,0.9);
29
/// Margin of a galleria close icon
31
$galleriaCloseIconMargin: .5rem;
33
/// Font size of a galleria close icon
35
$galleriaCloseIconFontSize: 2rem;
37
/// Background of a galleria close icon
39
$galleriaCloseIconBg: transparent;
41
/// Color of a galleria close icon
43
$galleriaCloseIconColor: #ebedef;
45
/// Background of a galleria close icon in hover state
47
$galleriaCloseIconHoverBg: rgba(255,255,255,0.1);
49
/// Color of a galleria close icon in hover state
51
$galleriaCloseIconHoverColor: #ebedef;
53
/// Width of a galleria close icon
55
$galleriaCloseIconWidth: 4rem;
57
/// Height of a galleria close icon
59
$galleriaCloseIconHeight: 4rem;
61
/// Border radius of a galleria close icon
63
$galleriaCloseIconBorderRadius: 50%;
65
/// Background of a galleria navigator item
67
$galleriaItemNavigatorBg: rgba(0,0,0,.2);
69
/// Color of a galleria navigator item
71
$galleriaItemNavigatorColor: #aeb6bf;
73
/// Margin of a galleria navigator item
75
$galleriaItemNavigatorMargin: .5rem 0;
77
/// Font size of a galleria navigator item
79
$galleriaItemNavigatorFontSize: 2rem;
81
/// Background of a galleria navigator item in hover state
83
$galleriaItemNavigatorHoverBg: rgba(0,0,0,.3);
85
/// Color of a galleria navigator item in hover state
87
$galleriaItemNavigatorHoverColor: #ebedef;
89
/// Width of a galleria navigator item
91
$galleriaItemNavigatorWidth: 4rem;
93
/// Height of a galleria navigator item
95
$galleriaItemNavigatorHeight: 4rem;
97
/// Border radius of a galleria navigator item
99
$galleriaItemNavigatorBorderRadius: $borderRadius;
101
/// Background of a galleria caption
103
$galleriaCaptionBg: rgba(0,0,0,.5);
105
/// Color of a galleria caption
107
$galleriaCaptionTextColor: #ebedef;
109
/// Padding of a galleria caption
111
$galleriaCaptionPadding: 1rem;
113
/// Padding of a galleria indicators container
115
$galleriaIndicatorsPadding: 1rem;
117
/// Background of a galleria indicator
119
$galleriaIndicatorBg: #e9ecef;
121
/// Background of a galleria indicator in hover state
123
$galleriaIndicatorHoverBg: #dee2e6;
125
/// Border radius of a galleria indicator
127
$galleriaIndicatorBorderRadius: 50%;
129
/// Width of a galleria indicator
131
$galleriaIndicatorWidth: 1rem;
133
/// Height of a galleria indicator
135
$galleriaIndicatorHeight: 1rem;
137
/// Background of a galleria indicator container when placed inside the viewport
139
$galleriaIndicatorsBgOnItem: rgba(0,0,0,.5);
141
/// Background of a galleria indicator when placed inside the viewport
143
$galleriaIndicatorBgOnItem: rgba(255,255,255,.4);
145
/// Background of a galleria indicator in hover state when placed inside the viewport
147
$galleriaIndicatorHoverBgOnItem: rgba(255,255,255,.6);
149
/// Background of a galleria thumbnail container
151
$galleriaThumbnailContainerBg: rgba(0,0,0,.9);
153
/// Padding of a galleria thumbnail container
155
$galleriaThumbnailContainerPadding: 1rem .25rem;
157
/// Background of a galleria thumbnail navigator
159
$galleriaThumbnailNavigatorBg: transparent;
161
/// Color of a galleria thumbnail navigator
163
$galleriaThumbnailNavigatorColor: #aeb6bf;
165
/// Background of a galleria thumbnail navigator in hover state
167
$galleriaThumbnailNavigatorHoverBg: rgba(255,255,255,0.1);
169
/// Color of a galleria thumbnail navigator in hover state
171
$galleriaThumbnailNavigatorHoverColor: #aeb6bf;
173
/// Border radius of a galleria thumbnail navigator in hover state
175
$galleriaThumbnailNavigatorBorderRadius: 50%;
177
/// Width of a galleria thumbnail navigator in hover state
179
$galleriaThumbnailNavigatorWidth: 2rem;
181
/// Height of a galleria thumbnail navigator in hover state
183
$galleriaThumbnailNavigatorHeight: 2rem;
185
/// Background of an image preview modal
187
$imageMaskBg:rgba(0,0,0,0.9) !default;
189
/// Padding of image preview toolbar
191
$imagePreviewToolbarPadding:1rem !default;
193
/// Text color of the image preview indicator
195
$imagePreviewIndicatorColor:#f8f9fa !default;
197
/// Background of the image preview indicator
199
$imagePreviewIndicatorBg:rgba(0,0,0,0.5) !default;
201
/// Background of an image action item
203
$imagePreviewActionIconBg:transparent !default;
205
/// Text color of an image action item
207
$imagePreviewActionIconColor:#f8f9fa !default;
209
/// Background of an image action item in hover state
211
$imagePreviewActionIconHoverBg:rgba(255,255,255,0.1) !default;
213
/// Tect color of an image action item in hover state
215
$imagePreviewActionIconHoverColor:#f8f9fa !default;
217
/// Width of an image action item
219
$imagePreviewActionIconWidth:3rem !default;
221
/// Height of an image action item
223
$imagePreviewActionIconHeight:3rem !default;
225
/// Font size of an image action item icon
227
$imagePreviewActionIconFontSize:1.5rem !default;
229
/// Border radius of an image action item
231
$imagePreviewActionIconBorderRadius:50% !default;