1#@!#!123s

32759 1#@!#!123s
: / home / aissorg / public_html / demo22 / scss / custom-styles / helpers /
Filename : _offsets.scss
back
/*
*
* 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;
}