Rakia/Maryam-s-work
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

pushing all files

Browse Source
This commit is contained in:
rakia
2025-08-30 11:03:32 +03:00
parent fd2dcf0daa
commit 81b875023b
510 changed files with 81710 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

184
public/assets/sass/default/_space.scss Normal file
View File

@ -0,0 +1,184 @@
/*==========================================================================
Space And Container CSS
==========================================================================*/
.custom__container {
max-width: 1520px;
margin: 0 auto;
padding: 0 12px;
}
.auto__container {
max-width: 1720px;
margin: 0 auto;
padding: 0 12px;
}
@for $i from 0 to 25 {
.mt-#{5 * $i}{
margin-top: 5px * $i;
}
.mb-#{5 * $i}{
margin-bottom: 5px * $i;
}
.ml-#{5 * $i}{
margin-left: 5px * $i;
}
.mr-#{5 * $i}{
margin-right: 5px * $i;
}
.pt-#{5 * $i}{
padding-top: 5px * $i;
}
.pb-#{5 * $i}{
padding-bottom: 5px * $i;
}
.pl-#{5 * $i}{
padding-left: 5px * $i;
}
.pr-#{5 * $i}{
padding-right: 5px * $i;
}
}
.display-n {
display: none !important;
}
@media (max-width: 1199px) {
@for $i from 0 to 20 {
.xl-pb-#{5 * $i}{
padding-bottom: 5px * $i;
}
.xl-pl-#{5 * $i}{
padding-left: 5px * $i;
}
.xl-pr-#{5 * $i}{
padding-right: 5px * $i;
}
.xl-mb-#{5 * $i}{
margin-bottom: 5px * $i;
}
.xl-ml-#{5 * $i}{
margin-left: 5px * $i;
}
.xl-mr-#{5 * $i}{
margin-right: 5px * $i;
}
}
$list: left, center, right;
@each $i in $list {
.xl-t-#{$i} {
text-align: $i;
}
}
.xl-display-n {
display: none !important;
}
.xl-display-b {
display: block !important;
}
}
@media (max-width: 991px) {
@for $i from 0 to 15 {
.lg-mb-#{5 * $i}{
margin-bottom: 5px * $i;
}
.lg-mt-#{5 * $i}{
margin-top: 5px * $i;
}
.lg-ml-#{5 * $i}{
margin-left: 5px * $i;
}
.lg-pt-#{5 * $i}{
padding-top: 5px * $i;
}
.lg-pb-#{5 * $i}{
padding-bottom: 5px * $i;
}
.lg-pl-#{5 * $i}{
padding-left: 5px * $i;
}
.lg-pr-#{5 * $i}{
padding-right: 5px * $i;
}
}
$list: left, center, right;
@each $i in $list {
.lg-t-#{$i} {
text-align: $i;
}
}
.lg-display-n {
display: none !important;
}
.lg-display-b {
display: block !important;
}
}
@media (max-width: 767px) {
@for $i from 0 to 10 {
.md-mb-#{5 * $i}{
margin-bottom: 5px * $i;
}
.md-mt-#{5 * $i}{
margin-top: 5px * $i;
}
.md-pt-#{5 * $i}{
padding-top: 5px * $i;
}
.md-pb-#{5 * $i}{
padding-bottom: 5px * $i;
}
.md-pl-#{5 * $i}{
padding-left: 5px * $i;
}
.md-pr-#{5 * $i}{
padding-right: 5px * $i;
}
}
$list: left, center, right;
@each $i in $list {
.md-t-#{$i} {
text-align: $i;
}
}
.md-display-n {
display: none !important;
}
.md-display-b {
display: block !important;
}
}
@media (max-width: 575px) {
@for $i from 0 to 12 {
.sm-mb-#{5 * $i}{
margin-bottom: 5px * $i;
}
.sm-mt-#{5 * $i}{
margin-top: 5px * $i;
}
.sm-ml-#{5 * $i}{
margin-left: 5px * $i;
}
.sm-pt-#{5 * $i}{
padding-top: 5px * $i;
}
.sm-pb-#{5 * $i}{
padding-bottom: 5px * $i;
}
.sm-pl-#{5 * $i}{
padding-left: 5px * $i;
}
.sm-pr-#{5 * $i}{
padding-right: 5px * $i;
}
}
$list: left, center, right;
@each $i in $list {
.sm-t-#{$i} {
text-align: $i;
}
}
.sm-display-n {
display: none !important;
}
.sm-display-b {
display: block !important;
}
}