fyb/ugurgaleri
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix table-item margin typo

Browse Source
This commit is contained in:
Ferit Yiğit BALABAN
2022-07-21 21:05:51 +03:00
parent 7ab64641fb
commit e847f520c1
1 changed files with 32 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
resources/css/views/index.scss
View File

@@ -70,7 +70,7 @@ $social-button_inner_margin: 10px;
} }
@include mixins.mx_index_brands_fix2 { @include mixins.mx_index_brands_fix2 {
margin-right: math.div(variables.$px_horizontalPadding2, 10); margin-right: math.div(variables.$px_horizontalPadding3, 10);
width: $table-item_img_width_s; width: $table-item_img_width_s;
} }
@@ -80,6 +80,37 @@ $social-button_inner_margin: 10px;
} }
} }
.vertical-separator {
// vertical-separator makes an empty div behave as a separator which aligned vertically
height: $table-item_img_width + 20px;
border: solid 1px variables.$clr_brand;
margin-right: 9 * math.div(variables.$px_horizontalPadding, 10);
@include mixins.mx_index_brands_fix {
margin-right: 9 * math.div(variables.$px_horizontalPadding2, 10);
}
@include mixins.mx_index_brands_fix2 {
margin-right: 9 * math.div(variables.$px_horizontalPadding3, 10);
}
@include mixins.mx_mobile {
display: none;
}
}
.horizontal-separator {
// horizontal-separator makes an empty div behave as a separator which aligned horizontally
display: none;
width: $table-item_img_width + 20px;
border: solid 1px variables.$clr_brand;
margin: 0 0 18px 0;
@include mixins.mx_mobile {
display: block;
}
}
&:first-of-type { &:first-of-type {
margin-top: 0; margin-top: 0;
} }
@@ -89,37 +120,6 @@ $social-button_inner_margin: 10px;
} }
} }
.vertical-separator {
// vertical-separator makes an empty div behave as a separator which aligned vertically
height: $table-item_img_width + 20px;
border: solid 1px variables.$clr_brand;
margin-right: 9 * math.div(variables.$px_horizontalPadding, 10);
@include mixins.mx_index_brands_fix {
margin-right: 9 * math.div(variables.$px_horizontalPadding2, 10);
}
@include mixins.mx_index_brands_fix2 {
margin-right: 9 * math.div(variables.$px_horizontalPadding3, 10);
}
@include mixins.mx_mobile {
display: none;
}
}
.horizontal-separator {
// horizontal-separator makes an empty div behave as a separator which aligned horizontally
display: none;
width: $table-item_img_width + 20px;
border: solid 1px variables.$clr_brand;
margin: 0 0 18px 0;
@include mixins.mx_mobile {
display: block;
}
}
.reverse { .reverse {
// reverse is a property given to .table-item elements // reverse is a property given to .table-item elements
// it contains styling for img and .vertical-separator elements contained under // it contains styling for img and .vertical-separator elements contained under