?? GreyFile — Mystic File Browser

Current path: home/webdevt/www/wdp/wp-content/themes/quadric/assets/css/scss/modules/shortcodes/


?? Go up: /home/webdevt/www/wdp/wp-content/themes/quadric/assets/css/scss/modules

?? Viewing: _button.scss

.edgtf-btn {
	display: inline-block;
	position: relative;
	outline: none;
	font-style: normal;
	font-weight: 700;
	font-family: inherit;
	padding: 12px 20px;
	font-size: 12px;
	line-height: 1.7em;
	text-transform: uppercase;
	border-radius: 2px;
	letter-spacing: 2px;

	@include edgtfTransition(color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out);
	@include edgtfBoxSizing(border-box);

	&.edgtf-btn-solid {
		background-color: $first-main-color;
		border: 2px solid $first-main-color;
		color: #fff;




		&.edgtf-btn-icon .edgtf-btn-text {
			border-right: 2px solid rgba(255,255,255,0.5);
		}

	}

	&.edgtf-btn-outline {
		border: 2px solid #aeafaf;
		color: #7b7b7b;
		background-color: transparent;



		&.edgtf-btn-icon .edgtf-btn-text {
			border-right: 2px solid #d5d5d5;
		}
	}

	&.edgtf-btn-outline-white {
		border: 2px solid rgba(255, 255, 255, 0.73);
		color: #fff;
		background-color: transparent;



		&.edgtf-btn-icon .edgtf-btn-text {
			border-right: 2px solid rgba(255, 255, 255, 0.5);
		}
	}

	&.edgtf-btn-small {
		font-size: 10px;
		padding: 5px 15px;
	}

	&.edgtf-btn-medium {
		//same as default
	}

	&.edgtf-btn-large {
		font-size: 14px;
		padding: 12px 28px;
	}

	&.edgtf-btn-huge,
	&.edgtf-btn-huge-full-width {
		font-size: 16px;
		padding: 15px 31px;
	}

	&.edgtf-btn-huge-full-width {
		display: block;
		text-align: center;
	}

	&.edgtf-btn-icon {
		padding-top: 7px;
		padding-bottom: 7px;
		padding-right: 0px;

		.edgtf-btn-text {
			padding-right: 20px;
			padding-top: 6px;
			padding-bottom: 6px;
			display: inline-block;
		}

		&.edgtf-btn-small {
			.edgtf-btn-text {
				padding-right: 15px;
			}
		}

		&.edgtf-btn-large {
			.edgtf-btn-text {
				padding-right: 28px;
			}
		}

		&.edgtf-btn-huge,
		&.edgtf-btn-huge-full-width {
			.edgtf-btn-text {
				padding-right: 31px;
			}
		}
		.edgtf-button-icon-holder {
			font-size: 20px;
			top: 4px;
			position: relative;
			width: 50px;
			text-align: center;
			display: inline-block;
			-moz-transform:translateZ(0); //fix jumpy pixel in firefox

			&:before {
				display: inline-block;
			}
		}

		&:hover .edgtf-button-icon-holder:before {
			@include edgtfAnimation(edgtf-point 2s infinite ease-out);
		}

	}

	input[type=submit].edgtf-btn,
	button.edgtf-btn {
		cursor: pointer;
	}
}
@include keyframes(edgtf-point) {
	10% {
		transform: translateX(10px);
	}
	20% {
		transform: translateX(0px);
	}
}

??

??