221 lines
4.5 KiB
SCSS
221 lines
4.5 KiB
SCSS
.container {
|
|
max-width: 1345px;
|
|
}
|
|
.custom_container {
|
|
max-width: 1770px;
|
|
margin: 0 auto;
|
|
padding: 0 12px;
|
|
}
|
|
.row {
|
|
--bs-gutter-x: 24.8px;
|
|
}
|
|
$list: left, center, right;
|
|
@each $i in $list {
|
|
.t-#{$i} {
|
|
text-align: $i;
|
|
}
|
|
}
|
|
$list: left, center, end;
|
|
@each $i in $list {
|
|
.jc-#{$i} {
|
|
justify-content: $i;
|
|
}
|
|
}
|
|
$list: start, left, center, end;
|
|
@each $i in $list {
|
|
.al-#{$i} {
|
|
align-items: $i;
|
|
}
|
|
}
|
|
@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;
|
|
}
|
|
}
|
|
@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 !important;
|
|
}
|
|
}
|
|
.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-mr-#{5 * $i}{
|
|
margin-right: 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 !important;
|
|
}
|
|
}
|
|
$list: left, center, end, space-between;
|
|
@each $i in $list {
|
|
.lg-jc-#{$i} {
|
|
justify-content: $i !important;
|
|
}
|
|
}
|
|
.lg-display-n {
|
|
display: none !important;
|
|
}
|
|
.lg-display-b {
|
|
display: block !important;
|
|
}
|
|
.lg_img_full {
|
|
width: 100%;
|
|
}
|
|
}
|
|
@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 !important;
|
|
}
|
|
}
|
|
$list: left, center, end;
|
|
@each $i in $list {
|
|
.md-jc-#{$i} {
|
|
justify-content: $i !important;
|
|
}
|
|
}
|
|
.md-display-n {
|
|
display: none !important;
|
|
}
|
|
.md-display-b {
|
|
display: block !important;
|
|
}
|
|
.md_img_full {
|
|
width: 100%;
|
|
}
|
|
}
|
|
@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 !important;
|
|
}
|
|
}
|
|
.sm-display-n {
|
|
display: none !important;
|
|
}
|
|
.sm-display-b {
|
|
display: block !important;
|
|
}
|
|
.sm_img_full {
|
|
width: 100%;
|
|
}
|
|
} |