home/aissorg/public_html/scss/custom-styles/helpers/_offsets.scss 0000644 00000010362 15116256731 0021433 0 ustar 00 /*
*
* Offsets
*/
// Elements offset
* + p ,
* + .list-inline-comma {
margin-top: 16px;
}
// Headings
h3 + p, .heading-3 + p,
h3 + .p, .heading-3 + .p {
margin-top: 18px;
}
h4 + p, .heading-4 + p,
h4 + .p, .heading-4 + .p {
margin-top: 16px;
}
* + h1,
* + .heading-1 {
margin-top: 15px;
}
h3 + h1, h3 + .heading-1,
.heading-3 + h1, .heading-3 + .heading-1 {
margin-top: 5px;
}
h6 + h1,
h6 + .heading-1,
.heading-6 + h1,
.heading-6 + .heading-1 {
margin-top: 10px;
}
* + h4,
* + .heading-4 {
margin-top: 15px;
}
* + h5,
* + .heading-5 {
margin-top: 15px;
}
// Headings + Paragraph
h6 + p,
.heading-6 + p {
margin-top: 22px;
}
// Paragraph + Headings
p + h2,
p + .heading-2 {
margin-top: 15px;
}
// Tags + Tags
p + p {
margin-top: 14px;
}
img + p {
margin-top: 15px;
}
h3 + img {
margin-top: 42px;
}
p + hr { margin-top: 35px; }
// Classes
* + .row { margin-top: 30px; }
* + .big { margin-top: 20px; }
* + .text-block { margin-top: 25px; }
* + .button,
* + .button-outer { margin-top: 25px; }
* + .list-sm { margin-top: 25px; }
* + form.form-inline { margin-top: 18px; }
* + form.rd-form-small { margin-top: 25px; }
html * + .offset-top-1 { margin-top: 40px; }
html * + .offset-top-2 { margin-top: 25px; }
html * + .offset-top-3 { margin-top: 20px; }
html * + .offset-top-4 { margin-top: 18px; }
html .page * + .offset-top-5 { margin-top: 40px; }
// Classes + Tags
h3 + .row, .heading-3 + .row,
h3 + .owl-carousel, .heading-3 + .owl-carousel {
margin-top: 35px;
}
// Classes + Classes
.container + .container { margin-top: 35px; }
.container + .section { margin-top: 25px; }
.row + .row { margin-top: 35px; }
.row + .button-lg { margin-top: 30px; }
.list-sm + .group-xs { margin-top: 20px; }
@include media-breakpoint-up(md) {
* + p,
* + .list-inline-comma {
margin-top: 20px;
}
* + .big { margin-top: 25px; }
* + .button,
* + .button-outer { margin-top: 34px; }
* + .row { margin-top: 40px; }
* + .text-block { margin-top: 30px; }
.container + .section { margin-top: 30px; }
.row + .button-lg { margin-top: 45px; }
html * + .offset-top-2 { margin-top: 60px; }
}
@include media-breakpoint-up(lg) {
* + h1,
* + .heading-1 {
margin-top: 22px;
}
h3 + p, .heading-3 + p,
h3 + .p, .heading-3 + .p {
margin-top: 24px;
}
h3 + .row, .heading-3 + .row,
h3 + .owl-carousel, .heading-3 + .owl-carousel {
margin-top: 55px;
}
html * + .offset-top-1 { margin-top: 60px; }
html * + .offset-top-3 { margin-top: 30px; }
html * + .offset-top-4 { margin-top: 24px; }
html .page * + .offset-top-5 { margin-top: 60px; }
.progress-linear + .button { margin-top: 55px; }
.row + .group { margin-top: 45px; }
}
// Media offsets
@include media-breakpoint-up(xl) {
* + .button,
* + .button-outer { margin-top: 40px; }
* + .rd-form { margin-top: 40px; }
h3 + p, .heading-3 + p,
h3 + .p, .heading-3 + .p {
margin-top: 30px;
}
html * + .offset-top-1 { margin-top: 70px; }
.container + .container { margin-top: 60px; }
.row + .row { margin-top: 60px; }
}
@include media-breakpoint-up(xxl) {
h3 + .row, .heading-3 + .row,
h3 + .owl-carousel, .heading-3 + .owl-carousel {
margin-top: 75px;
}
html * + .offset-top-1 { margin-top: 144px; }
html * + .offset-top-2 { margin-top: 75px; }
.row + .button-lg { margin-top: 70px; }
}
// Range spacing
.row-0 {
@include grid-offset(0px);
}
.row-10 {
@include grid-offset(10px);
}
.row-x-10 {
@include grid-offset(10px);
margin-left: -5px;
margin-right: -5px;
> [class*='col'] {
padding-left: 5px;
padding-right: 5px;
}
}
.row-20 {
@include grid-offset(20px);
}
.row-30 {
@include grid-offset(30px);
}
.row-50 {
@include grid-offset(50px);
}
.row-60 {
@include grid-offset(50px);
}
.row-45 {
@include grid-offset(45px);
}
@include media-breakpoint-up(md) {
.row-md-50 {
@include grid-offset(50px);
}
}
@include media-breakpoint-up(lg) {
.row-md-30 {
@include grid-offset(30px);
}
}
@include media-breakpoint-up(xxl) {
.row-xxl-70 {
@include grid-offset(70px);
}
}
.offset-top-40{
margin-top: 40px;
}
.offset-top-30{
margin-top: 30px;
}