/**
 * File: ui/fuse/sass/basic/_button.scss
 * Type: SASS module file
 * Author: Chris Humboldt
 */

// Table of contents
// Buttons setup
// Banner buttons
// Basic buttons

// Buttons setup
.btn-banner,
.btn-notice,
.btn-primary,
.btn-secondary,
.btn-tertiary {
	@include button-setup();
}

// Banner buttons
.btn-banner {
	@include button-style(line, $white);
	@include button-size(x-large);
	@include margin-horizontal($space-x-small);
	@include text-weight(100);
	@include breakpoint(small) {
		@include width(auto);
		@include button-size(large);
		&.small-hide {
			@include hide();
		}
	}
	&:visited {
		@include text-colour($white);
	}
}

// Basic buttons
.btn-primary {
	@include button-style(flat, $pink);
	@include button-size(normal);
}
.btn-notice {
	@extend .btn-primary;
	@include button-size(large);
}
.btn-primary-small {
	@extend .btn-primary;
	@include button-size(small);
}
.btn-secondary {
	@include button-style(flat, $blue);
	@include button-size(normal);
}
.btn-secondary-small {
	@extend .btn-secondary;
	@include button-size(small);
}
.btn-tertiary {
	@include button-style(flat, $aqua);
	@include button-size(small);
}
