lionsdev/btpxpress-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
dahoud
2025-10-01 01:39:07 +00:00
commit b430bf3b96
826 changed files with 255287 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

153
public/theme/theme-base/components/multimedia/_galleria.scss Normal file
View File

@@ -0,0 +1,153 @@
.p-galleria {
.p-galleria-close {
margin: $galleriaCloseIconMargin;
background: $galleriaCloseIconBg;
color: $galleriaCloseIconColor;
width: $galleriaCloseIconWidth;
height: $galleriaCloseIconHeight;
transition: $actionIconTransition;
border-radius: $galleriaCloseIconBorderRadius;
.p-galleria-close-icon {
font-size: $galleriaCloseIconFontSize;
&.p-icon {
width: $galleriaCloseIconFontSize;
height: $galleriaCloseIconFontSize;
}
}
&:hover {
background: $galleriaCloseIconHoverBg;
color: $galleriaCloseIconHoverColor;
}
}
.p-galleria-item-nav {
background: $galleriaItemNavigatorBg;
color: $galleriaItemNavigatorColor;
width: $galleriaItemNavigatorWidth;
height: $galleriaItemNavigatorHeight;
transition: $actionIconTransition;
border-radius: $galleriaItemNavigatorBorderRadius;
margin: $galleriaItemNavigatorMargin;
.p-galleria-item-prev-icon,
.p-galleria-item-next-icon {
font-size: $galleriaItemNavigatorFontSize;
&.p-icon {
width: $galleriaCloseIconFontSize;
height: $galleriaCloseIconFontSize;
}
}
&:not(.p-disabled) {
&:hover {
background: $galleriaItemNavigatorHoverBg;
color: $galleriaItemNavigatorHoverColor;
}
}
}
.p-galleria-caption {
background: $galleriaCaptionBg;
color: $galleriaCaptionTextColor;
padding: $galleriaCaptionPadding;
}
.p-galleria-indicators {
padding: $galleriaIndicatorsPadding;
.p-galleria-indicator {
button {
background-color: $galleriaIndicatorBg;
width: $galleriaIndicatorWidth;
height: $galleriaIndicatorHeight;
transition: $actionIconTransition;
border-radius: $galleriaIndicatorBorderRadius;
&:hover {
background: $galleriaIndicatorHoverBg;
}
}
&.p-highlight {
button {
background: $highlightBg;
color: $highlightTextColor;
}
}
}
}
&.p-galleria-indicators-bottom,
&.p-galleria-indicators-top {
.p-galleria-indicator {
margin-right: $inlineSpacing;
}
}
&.p-galleria-indicators-left,
&.p-galleria-indicators-right {
.p-galleria-indicator {
margin-bottom: $inlineSpacing;
}
}
&.p-galleria-indicator-onitem {
.p-galleria-indicators {
background: $galleriaIndicatorsBgOnItem;
.p-galleria-indicator {
button {
background: $galleriaIndicatorBgOnItem;
&:hover {
background: $galleriaIndicatorHoverBgOnItem;
}
}
&.p-highlight {
button {
background: $highlightBg;
color: $highlightTextColor;
}
}
}
}
}
.p-galleria-thumbnail-container {
background: $galleriaThumbnailContainerBg;
padding: $galleriaThumbnailContainerPadding;
.p-galleria-thumbnail-prev,
.p-galleria-thumbnail-next {
margin: $inlineSpacing;
background-color: $galleriaThumbnailNavigatorBg;
color: $galleriaThumbnailNavigatorColor;
width: $galleriaThumbnailNavigatorWidth;
height: $galleriaThumbnailNavigatorHeight;
transition: $actionIconTransition;
border-radius: $galleriaThumbnailNavigatorBorderRadius;
&:hover {
background: $galleriaThumbnailNavigatorHoverBg;
color: $galleriaThumbnailNavigatorHoverColor;
}
}
.p-galleria-thumbnail-item-content {
transition: $listItemTransition;
&:focus-visible {
@include focused();
}
}
}
}
.p-galleria-mask {
--maskbg: #{$galleriaMaskBg};
}

54
public/theme/theme-base/components/multimedia/_image.scss Normal file
View File

@@ -0,0 +1,54 @@
.p-image-mask {
--maskbg: #{$imageMaskBg};
}
.p-image-preview-indicator {
background-color: transparent;
color: $imagePreviewIndicatorColor;
transition: $actionIconTransition;
.p-icon {
width: $imagePreviewActionIconFontSize;
height: $imagePreviewActionIconFontSize;
}
}
.p-image-preview-container {
&:hover {
> .p-image-preview-indicator {
background-color: $imagePreviewIndicatorBg;
}
}
}
.p-image-toolbar {
padding: $imagePreviewToolbarPadding;
}
.p-image-action.p-link {
color: $imagePreviewActionIconColor;
background-color: $imagePreviewActionIconBg;
width: $imagePreviewActionIconWidth;
height: $imagePreviewActionIconHeight;
border-radius: $imagePreviewActionIconBorderRadius;
transition: $actionIconTransition;
margin-right: $inlineSpacing;
&:last-child {
margin-right: 0;
}
&:hover {
color: $imagePreviewActionIconHoverColor;
background-color: $imagePreviewActionIconHoverBg;
}
span {
font-size: $imagePreviewActionIconFontSize;
}
.p-icon {
width: $imagePreviewActionIconFontSize;
height: $imagePreviewActionIconFontSize;
}
}