@mixin link-underline-variant($color)
	color: $color

	&:after
		background-color: $color

	&:hover
		color: darken($color, 10%)

@mixin bg-soft-variant($parent, $color)
	#{$parent}
		@include gradient-bg($color)

// basic MQ start
@mixin phone
	@media only screen and (max-width: 767px)
		@content
@mixin phone-ls
	@media only screen and (max-height: 500px) and (orientation: landscape)
		@content
@mixin tablet
	@media only screen and (min-width : 768px) and (max-width: 991px)
		@content

@mixin tablet-ls
	@media only screen and (min-width : 992px) and (max-width: 1100px)
		@content

@mixin desktop
	@media only screen and (min-width : 1100px) and (max-width: 1500px)
		@content
@mixin desktop-125
	@media only screen and (min-width : 1500px) and (max-width: 1824px)
		@content

@mixin custom_desktop
	@media only screen and (min-width : 1200px) and (max-width: 1366px)
		@content

@mixin desktop-ls
	@media only screen and (min-width : 1824px)
		@content