Gecko [ tanishkshah.com ]

Name	Size	Permission	Date
_banner.scss	2.65 KB	-rw-r--r--	2018-12-31 14:07
_blog.scss	15.31 KB	-rw-r--r--	2018-12-19 16:23
_contact.scss	2 KB	-rw-r--r--	2018-12-19 15:44
_elements.scss	22.71 KB	-rw-r--r--	2018-10-30 09:23
_footer.scss	1.1 KB	-rw-r--r--	2018-12-19 16:24
_header.scss	6.63 KB	-rw-r--r--	2018-12-31 13:24
_home.scss	8.89 KB	-rw-r--r--	2018-12-31 14:08
_mixins.scss	3.54 KB	-rw-r--r--	2018-12-18 16:46
_predefine.scss	3.15 KB	-rw-r--r--	2018-12-31 14:11
_reset.scss	810 B	-rw-r--r--	2018-12-19 13:49
_responsive.scss	10.45 KB	-rw-r--r--	2018-12-19 16:11
_variables.scss	356 B	-rw-r--r--	2018-12-18 14:11
style.css	9.08 KB	-rw-r--r--	2018-10-27 08:21
style.css.map	51.36 KB	-rw-r--r--	2018-10-27 08:10
style.scss	2.16 KB	-rw-r--r--	2018-10-25 13:40

Rename

//    Mixins
@mixin transition($args: all 0.4s ease 0s) {
	-webkit-transition: $args;
	-moz-transition: $args;
	-o-transition: $args;
	transition: $args;
}

@mixin transition-duration($args1, $args2) {
	-webkit-transition-duration: $args1, $args2;
	-moz-transition-duration: $args1, $args2;
	-o-transition-duration: $args1, $args2;
	transition-duration: $args1, $args2;
}

@mixin transition-delay($args1, $args2) {
	-webkit-transition-delay: $args1, $args2;
	-moz-transition-delay: $args1, $args2;
	-o-transition-delay: $args1, $args2;
	transition-delay: $args1, $args2;
}

@mixin transition-property($args1, $args2) {
	-webkit-transition-property: $args1, $args2;
	-moz-transition-property: $args1, $args2;
	-o-transition-property: $args1, $args2;
	transition-property: $args1, $args2;
}

@mixin border-gradient($deg, $args1, $args2) {
	border-image: -webkit-linear-gradient($deg, $args1, $args2);
	border-image: -moz-linear-gradient($deg, $args1, $args2);
	border-image: -o-linear-gradient($deg, $args1, $args2);
	border-image: linear-gradient($deg, $args1, $args2);
}

@mixin gradient($deg, $args1, $args2) {
	background: -webkit-linear-gradient($deg, $args1, $args2);
	background: -moz-linear-gradient($deg, $args1, $args2);
	background: -o-linear-gradient($deg, $args1, $args2);
	background: linear-gradient($deg, $args1, $args2);
}

@mixin gradient2($deg, $args1,$args2, $args3) {
	background: -webkit-linear-gradient($deg, $args1, $args2, $args3);
	background: -moz-linear-gradient($deg, $args1, $args2, $args3);
	background: -ms-linear-gradient($deg, $args1, $args2, $args3);
	background: -o-linear-gradient($deg, $args1, $args2, $args3);
	background: linear-gradient($deg, $args1, $args2, $args3);
}

@mixin transform($transform) {
	-webkit-transform: $transform;
	-moz-transform: $transform;
	-ms-transform: $transform;
	-o-transform: $transform;
	transform: $transform;
}

@mixin transform-origin($value) {
	-webkit-transform-origin: $value;
	-moz-transform-origin: $value;
	-ms-transform-origin: $value;
	-o-transform-origin: $value;
	transform-origin: $value;
}

@mixin backface-visibility($value) {
	-webkit-backface-visibility: $value;
	-moz-backface-visibility: $value;
	backface-visibility: $value;
}

@mixin calc ($property, $expression) {
	#{$property}: -webkit-calc(#{$expression});
	#{$property}: -moz-calc(#{$expression});
	#{$property}: calc(#{$expression});
}

@mixin filter ($value) {
	filter: $value;
	-o-filter: $value;
	-ms-filter: $value;
	-moz-filter: $value;
	-webkit-filter: $value;
}

@mixin keyframes ($animation-name) {
	@-webkit-keyframes #{$animation-name} {
		@content;
	}
	@-moz-keyframes #{$animation-name} {
		@content;
	}
	@-o-keyframes #{$animation-name} {
		@content;
	}
	@keyframes #{$animation-name} {
		@content;
	}
}

// Placeholder Mixins
@mixin placeholder {
	&.placeholder {
		@content;
	}
	&:-moz-placeholder {
		@content;
	}
	&::-moz-placeholder {
		@content;
	}
	&::-webkit-input-placeholder {
		@content;
	}
}

@mixin animation ($args) {
	-webkit-animation: $args;
	-moz-animation: $args;
	-o-animation: $args;
	animation: $args;
}

/* Medium Layout: 1280px */

@mixin medium {
	@media (min-width: 992px) and (max-width: 1400px) {
		@content;
	}
}

/* Tablet Layout: 768px */

@mixin tablet {
	@media (min-width: 768px) and (max-width: 1200px) {
		@content;
	}
}

/* Mobile Layout: 320px */

@mixin mobile {
	@media (max-width: 767px) {
		@content;
	}
}

/* Wide Mobile Layout: 480px */

@mixin wide-mobile {
	@media (min-width: 480px) and (max-width: 767px) {
		@content;
	}
}

@mixin cmq ($min, $max) {
	@media (min-width: $min) and (max-width: $max) {
		@content;
	}
}