@import 'bootstrap/scss/functions';
@import 'bootstrap/scss/variables';
@import 'bootstrap/scss/mixins';

// buttons
@mixin buttons($lacuna-theme) {
	button.mat-mdc-button, button.mat-mdc-raised-button,
	button.mat-mdc-unelevated-button, button.mat-mdc-outlined-button,
	button.mat-mdc-fab, button.mat-mdc-mini-fab,
	a.mat-button, a.mat-raised-button,
	a.mat-flat-button, a.mat-stroked-button,
	a.mat-fab, a.mat-mini-fab {
		margin-top: 0.75em;
		margin-bottom: 0.75em;

		&:hover {
			text-decoration: none;
		}
	}

	button.mat-mdc-button, button.mat-mdc-raised-button,
	button.mat-mdc-unelevated-button, button.mat-mdc-outlined-button,
	button.mat-mdc-fab,
	a.mat-button, a.mat-raised-button,
	a.mat-flat-button, a.mat-stroked-button,
	a.mat-fab {

		&:not(:last-of-type) {
			margin-right: 0.75em;
		}

		&:not(:first-of-type) {
			margin-left: 0.75em;

			@include media-breakpoint-only(xs) {
				margin-left: 0;
			}
		}
	}

	.mat-mdc-outlined-button {
		.mat-icon {
			line-height: 0.9;
		}
	}
	// breadcrumb override
	.mat-mdc-mini-fab.mat-accent[disabled],
	.mat-mini-fab.mat-accent[disabled][disabled] {
		background-color: #cecece;
	}
}