Uron/laravelEcomm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

integarting admin dashboard

Browse Source
This commit is contained in:
UronShrestha
2024-07-12 12:51:02 +05:45
parent 2510de390a
commit 1550ab5d30
1758 changed files with 313760 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

90
public/Dashboard/scss/common/dark/components/loaders/_square-box.scss Normal file
View File

@ -0,0 +1,90 @@
/* Square box loader */
@keyframes dyinglight {
15% {
transform: scale(1.6)
}
50% {
transform: rotate(-89deg)
}
100% {
transform: rotate(-90deg)
}
}
.square-box-loader {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
display: inline-block;
}
.square-box-loader-square {
display: block;
width: $square-size;
height: $square-size;
background: theme-color(primary);
}
.square-box-loader-container {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
transform-origin: 50% 50% 0;
animation: dyinglight 1s ease infinite;
backface-visibility: hidden;
}
.square-box-loader-corner-top:before,
.square-box-loader-corner-top:after,
.square-box-loader-corner-bottom:before,
.square-box-loader-corner-bottom:after {
position: absolute;
width: $square-corner-size;
height: $square-corner-size;
color: theme-color(primary);
content: '';
}
.square-box-loader-corner-top {
&:before {
border-left: 1px solid;
border-top: 1px solid;
top: -$square-corner-position;
left: -$square-corner-position;
}
&:after {
border-right: 1px solid;
border-top: 1px solid;
top: -$square-corner-position;
right: -$square-corner-position;
}
}
.square-box-loader-corner-bottom {
&:before {
border-left: 1px solid;
border-bottom: 1px solid;
bottom: -$square-corner-position;
left: -$square-corner-position;
}
&:after {
border-right: 1px solid;
border-bottom: 1px solid;
bottom: -$square-corner-position;
right: -$square-corner-position;
}
}