@enigmatry/entry-components 1.15.1-preview.3 → 1.15.1-preview.6

package/esm2020/dialog/entry-dialog-buttons-alignment.type.mjs

@@ -1,2 +1,3 @@
 export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW50cnktZGlhbG9nLWJ1dHRvbnMtYWxpZ25tZW50LnR5cGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2VudHJ5LWNvbXBvbmVudHMvZGlhbG9nL2VudHJ5LWRpYWxvZy1idXR0b25zLWFsaWdubWVudC50eXBlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyIvKiogRGVmaW5lcyBob3Jpem9udGFsIGFsaWdubWVudCBvZiBkaWFsb2cgYnV0dG9ucy4gKi9cbmV4cG9ydCB0eXBlIEVudHJ5RGlhbG9nQnV0dG9uc0FsaWdubWVudCA9ICdhbGlnbi1sZWZ0JyB8ICdhbGlnbi1jZW50ZXInIHwgJ2FsaWduLXJpZ2h0JztcbiJdfQ==
+// TODO: sort out this by using classes from Scss Foundation instead of reinventing the wheel
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW50cnktZGlhbG9nLWJ1dHRvbnMtYWxpZ25tZW50LnR5cGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2VudHJ5LWNvbXBvbmVudHMvZGlhbG9nL2VudHJ5LWRpYWxvZy1idXR0b25zLWFsaWdubWVudC50eXBlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFFQSw2RkFBNkYiLCJzb3VyY2VzQ29udGVudCI6WyIvKiogRGVmaW5lcyBob3Jpem9udGFsIGFsaWdubWVudCBvZiBkaWFsb2cgYnV0dG9ucy4gKi9cbmV4cG9ydCB0eXBlIEVudHJ5RGlhbG9nQnV0dG9uc0FsaWdubWVudCA9ICdhbGlnbi1sZWZ0JyB8ICdhbGlnbi1jZW50ZXInIHwgJ2FsaWduLXJpZ2h0Jztcbi8vIFRPRE86IHNvcnQgb3V0IHRoaXMgYnkgdXNpbmcgY2xhc3NlcyBmcm9tIFNjc3MgRm91bmRhdGlvbiBpbnN0ZWFkIG9mIHJlaW52ZW50aW5nIHRoZSB3aGVlbFxuIl19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@enigmatry/entry-components",
-  "version": "1.15.1-preview.3",
+  "version": "1.15.1-preview.6",
   "author": "Enigmatry",
   "description": "Enigmatry entry angular material components",
   "homepage": "https://github.com/enigmatry/entry-angular-building-blocks/tree/master/libs/entry-components#readme",

package/styles/_generator.scss

@@ -0,0 +1,17 @@
+@use 'modules/components/dialogs/generator' as dialog;
+@use 'modules/components/headers/generator' as header;
+@use 'modules/components/tables/generator' as table;
+@use 'modules/components/forms/generator' as form;
+@use 'modules/elements/generator' as elements;
+@use 'modules/default-theme' as default;
+@use 'sass:map';
+
+@mixin generate-from($custom-theme: ()) {
+	$merged-theme: map.deep-merge(default.$theme, $custom-theme);
+
+	@include elements.generate-from($merged-theme);
+	@include table.generate-from($merged-theme);
+	@include form.generate-from($merged-theme);
+	@include dialog.generate-from($merged-theme);
+	@include header.generate-from($merged-theme);
+}

package/styles/modules/_default-theme.scss

@@ -0,0 +1,90 @@
+/* stylelint-disable number-max-precision */
+$theme: (
+	general: (
+		colors: (
+			primary: #2581C4,
+			accent: #EA518D,
+			dark: #323232,
+			disabled: #D9D9D9,
+			disabled-light: #F5F5F5
+		),
+		font: (
+			family: '',
+			size: 14px
+		),
+		buttons: (
+			color: #FFF
+		),
+		inputs: (
+			background-color: #FFF
+		)
+	),
+	forms: (
+		fields: (
+			infix-padding-top: .4375em,
+			infix-padding-bottom: .4375em,
+			label-color: #0000008A,
+			underline-display: block,
+			outline: (
+				border: 2px solid #EBEBEB,
+				border-hover: 2px solid #2581C4,
+				border-right: none,
+				border-left: none,
+				disabled-background: #F5F5F5,
+				disabled-hover: 2px solid #EBEBEB, 
+			)
+		),
+		checkboxes: (
+			width: 20px,
+			height: 20px,
+			background-color: #FFF,
+			checkmark-color: #000,
+			selected-border-color: #000,
+			selected-background-color: #FFF,
+			border: 2px solid #0000008A,
+			border-hover: 2px solid #0000008A,
+			border-radius: 0,
+			label-breaking: nowrap,
+		),
+		radio-buttons: (
+			align: flex-start,
+			white-space: nowrap,
+		),
+	),
+	tables: (
+		cells: (
+			first-cell-padding-left: 4px,
+			last-cell-padding-right: 4px,
+			min-width: unset
+		),
+		rows: (
+			selected-background-color: #06C,
+			selected-color: #FFF,
+			odd-even-row: odd,
+			odd-even-background: #F0F0F0
+		),
+		columns: (
+			sorted: (
+				font-weight: 700,
+				content-align: left
+			)
+		),
+		contents: (
+			no-result: (
+				font-size: 13px,
+				font-weight: 500,
+				text-transform: none
+			)
+		)
+	),
+	headers: (
+		title: (
+			size: 32px
+		)
+	),
+	dialogs: (
+		title: (
+			size: 20px
+		)
+	)
+);

package/styles/modules/components/dialogs/_generator.scss

@@ -0,0 +1,11 @@
+@use 'sass:map';
+
+@mixin generate-from($theme) {
+	.entry-dialog {
+		.title {
+			color: map.get($theme, 'general', 'colors', 'dark');
+			font-size: map.get($theme, 'dialogs', 'title', 'size');
+		}
+		font-size: map.get($theme, 'general', 'font', 'size');
+	}
+}

package/styles/modules/components/forms/_generator.scss

@@ -0,0 +1,9 @@
+@use 'outlines/general' as appearance-outlines;
+@use 'selectors/checkboxes';
+@use 'selectors/radio-buttons';
+
+@mixin generate-from($theme) {
+	@include appearance-outlines.generate-from($theme);
+	@include checkboxes.generate-from($theme);
+	@include radio-buttons.generate-from($theme);
+}

package/styles/modules/components/forms/outlines/_field-outlines.scss

@@ -0,0 +1,45 @@
+@use 'sass:map';
+
+@mixin -generate($border-value, $theme) {
+	/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
+	.mat-form-field-outline-start, .mat-form-field-outline-gap, .mat-form-field-outline-end {
+		border: $border-value;
+	}
+
+	/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
+	.mat-form-field-outline-start, .mat-form-field-outline-gap {
+		border-right-style: map.get($theme, 'forms', 'fields', 'outline', 'border-right');
+	}
+
+	/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
+	.mat-form-field-outline-end, .mat-form-field-outline-gap {
+		border-left-style: map.get($theme, 'forms', 'fields', 'outline', 'border-left');
+	}
+}
+
+@mixin generate-from($theme) {
+	@include -generate(map.get($theme, 'forms', 'fields', 'outline', 'border'), $theme);
+
+	&.mat-focused, &:hover {
+		/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
+		.mat-form-field-outline {
+			border-bottom: map.get($theme, 'forms', 'fields', 'outline', 'border-hover');
+		}
+
+		@include -generate(transparent, $theme);
+	}
+
+	&.mat-form-field-disabled {
+		/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
+		.mat-form-field-outline {
+			background-color: map.get($theme, 'forms', 'fields', 'outline', 'disabled-background');
+		}
+
+		&:hover {
+			/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
+			.mat-form-field-outline-start, .mat-form-field-outline-gap, .mat-form-field-outline-end {
+				border-color: map.get($theme, 'forms', 'fields', 'outline', 'disabled-hover');
+			}
+		}
+	}
+}

package/styles/modules/components/forms/outlines/_form-fields.scss

@@ -0,0 +1,26 @@
+@use 'sass:map';
+
+@mixin generate-from($theme) {
+	/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
+	.mat-form-field-label {
+		color: map.get($theme, 'forms', 'fields', 'label-color');
+	}
+
+	/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
+	.mat-form-field-infix {
+		padding: {
+			top: map.get($theme, 'forms', 'fields', 'infix-padding-top');
+			bottom: map.get($theme, 'forms', 'fields', 'infix-padding-bottom');
+		}
+	}
+
+	/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
+	.mat-form-field-flex {
+		background-color: map.get($theme, 'general', 'inputs', 'background-color');
+	}
+
+	/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
+	.mat-form-field-underline {
+		display: map.get($theme, 'forms', 'fields', 'underline-display');
+	}
+}

package/styles/modules/components/forms/outlines/_general.scss

@@ -0,0 +1,9 @@
+@use 'field-outlines';
+@use 'form-fields';
+
+@mixin generate-from($theme) {
+	.mat-form-field-appearance-outline {
+		@include field-outlines.generate-from($theme);
+		@include form-fields.generate-from($theme);
+	}
+}

package/styles/modules/components/forms/selectors/_checkboxes.scss

@@ -0,0 +1,55 @@
+@use 'sass:map';
+
+@mixin generate-from($theme) {
+	.mat-checkbox {
+		/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
+		.mat-checkbox-inner-container {
+			width: map.get($theme, 'forms', 'checkboxes', 'width');
+			height: map.get($theme, 'forms', 'checkboxes', 'height');
+			background-color: map.get($theme, 'forms', 'checkboxes', 'background-color');
+		}
+
+		/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
+		.mat-checkbox-label {
+			white-space: map.get($theme, 'forms', 'checkboxes', 'label-breaking');
+		}
+
+		/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
+		.mat-checkbox-frame {
+			border: map.get($theme, 'forms', 'checkboxes', 'border');
+			border-radius: map.get($theme, 'forms', 'checkboxes', 'border-radius');
+		}
+
+		/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
+		.mat-checkbox-checkmark-path {
+			/* stylelint-disable-next-line declaration-no-important */
+			stroke: map.get($theme, 'forms', 'checkboxes', 'checkmark-color') !important;
+		}
+
+		&:hover {
+			/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
+			.mat-checkbox-frame {
+				border: map.get($theme, 'forms', 'checkboxes', 'border-hover');
+			}
+		}
+
+		/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
+		&.mat-checkbox-checked {
+			/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
+			.mat-checkbox-background {
+				background-color: map.get($theme, 'forms', 'checkboxes', 'selected-background-color');
+    
+				/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
+				.mat-checkbox-checkmark-path {
+					/* stylelint-disable-next-line declaration-no-important */
+					stroke: map.get($theme, 'forms', 'checkboxes', 'selected-checkmark-color') !important;
+				}
+			}
+    
+			/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
+			.mat-checkbox-frame {
+				border-color: map.get($theme, 'forms', 'checkboxes', 'selected-background-color');
+			}
+		}
+	}
+}

package/styles/modules/components/forms/selectors/_radio-buttons.scss

@@ -0,0 +1,39 @@
+@use 'sass:map';
+
+@mixin generate-from($theme) {
+	/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
+	.mat-radio-group {
+
+		/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
+		.mat-radio-label {
+			align-items: map.get($theme, 'forms', 'radio-buttons', 'align');
+			white-space: map.get($theme, 'forms', 'radio-buttons', 'white-space');
+		}
+
+		$background: map.get($theme, 'general', 'inputs', 'background-color');
+
+		/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
+		.mat-radio-button {
+
+			/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
+			.mat-radio-outer-circle {
+				border-color: $background;
+				background-color: $background;
+			}
+
+			/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
+			&.mat-radio-checked {
+
+				/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
+				.mat-radio-outer-circle {
+					border-color: $background;
+				}
+
+				/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
+				.mat-radio-inner-circle {
+					background-color: map.get($theme, 'general', 'colors', 'primary');
+				}
+			}
+		}
+	}
+}

package/styles/modules/components/headers/_generator.scss

@@ -0,0 +1,12 @@
+@use 'sass:map';
+
+@mixin generate-from($theme) {
+	.entry-header {
+		background-color: map.get($theme, 'general', 'colors', 'primary');
+
+		.title {
+			color: map.get($theme, 'general', 'colors', 'dark');
+			font-size: map.get($theme, 'headers', 'title', 'size');
+		}
+	}
+}

package/styles/modules/components/tables/_cells.scss

@@ -0,0 +1,23 @@
+@use 'sass:map';
+
+@mixin generate-from($theme) {
+	.mat-mdc-cell {
+		color: map.get($theme, 'general', 'colors', 'dark');
+	}
+
+	.mat-mdc-cell, .mat-mdc-header-cell {
+		font-size: map.get($theme, 'general', 'font', 'size');
+	}
+
+	.mat-mdc-header-cell:first-of-type, .mat-mdc-cell:first-of-type, .mat-mdc-footer-cell:first-of-type {
+		padding-left: map.get($theme, 'tables', 'cells', 'first-cell-padding-left');
+	}
+
+	.mat-mdc-header-cell:last-of-type, .mat-mdc-cell:last-of-type, .mat-mdc-footer-cell:last-of-type {
+		padding-right: map.get($theme, 'tables', 'cells', 'last-cell-padding-right');
+	}
+
+	.entry-table-checkbox-cell, .entry-table-context-menu-cell {
+		min-width: map.get($theme, 'tables', 'cells', 'min-width');
+	}
+}

package/styles/modules/components/tables/_generator.scss

@@ -0,0 +1,7 @@
+@use 'no-result';
+@use 'table-body' as table;
+
+@mixin generate-from($theme) {
+	@include table.generate-from($theme);
+	@include no-result.generate-from($theme);
+}

package/styles/modules/components/tables/_no-result.scss

@@ -0,0 +1,12 @@
+@use 'sass:map';
+
+@mixin generate-from($theme) {
+	.entry-table-no-result {
+		text-transform: map.get($theme, 'tables', 'contents', 'no-result', 'text-transform');
+        
+		font: {
+			size: map.get($theme, 'tables', 'contents', 'no-result', 'font-size');
+			weight: map.get($theme, 'tables', 'contents', 'no-result', 'font-weight');
+		}
+	}
+}

package/styles/modules/components/tables/_rows.scss

@@ -0,0 +1,53 @@
+@use 'sass:map';
+@use '@enigmatry/scss-foundation/src/modules/lists/row-coloring' as list;
+
+@mixin generate-from($theme) {
+	.mat-mdc-row {
+		$edge-selected-color: map.get($theme, 'forms', 'checkboxes', 'selected-border-color');
+		
+		@include list.row-coloring(map.get($theme, 'tables', 'rows', 'odd-even-background'),
+		map.get($theme, 'tables', 'rows', 'odd-even-row'));
+
+		/* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
+		.mat-checkbox-inner-container {
+			background-color: map.get($theme, 'forms', 'checkboxes', 'background-color');
+		}
+
+		&.selected {
+			background-color: map.get($theme, 'tables', 'rows', 'selected-background-color');
+    
+			.mat-mdc-cell {
+				color: map.get($theme, 'tables', 'rows', 'selected-color');
+			}
+
+			/* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
+			.mat-checkbox-checked {
+				/* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
+				.mat-checkbox-background {
+					background-color: map.get($theme, 'forms', 'checkboxes', 'selected-background-color');
+        
+					/* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
+					/* stylelint-disable-next-line max-nesting-depth, selector-max-combinators, selector-max-compound-selectors */
+					.mat-checkbox-checkmark-path {
+						/* stylelint-disable-next-line declaration-no-important */
+						stroke: $edge-selected-color !important;
+					}
+				}
+        
+				/* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
+				.mat-checkbox-frame {
+					border-color: $edge-selected-color;
+				}
+			}
+		}
+	}
+
+	.mat-row-disabled {
+		background-color: map.get($theme, 'general', 'colors', 'disabled-light');
+	}
+
+	.entry-table-menu .context-menu-item:hover {
+		background-color: map.get($theme, 'general', 'colors', 'accent');
+		color: map.get($theme, 'general', 'colors', 'dark');
+	}
+}

package/styles/modules/components/tables/_sorting.scss

@@ -0,0 +1,18 @@
+@use 'sass:map';
+
+@mixin generate-from($theme) {
+	.mat-sort-header-sorted {
+		font: {
+			size: map.get($theme, 'general', 'font', 'size');
+			weight: map.get($theme, 'tables', 'columns', 'sorted', 'font-weight');
+		}
+	}
+
+	.mat-sort-header-sorted, .mat-sort-header-arrow {
+		color: map.get($theme, 'general', 'colors', 'dark');
+	}
+
+	.mat-sort-header-content {
+		text-align: map.get($theme, 'tables', 'columns', 'sorted', 'content-align');
+	}
+}

package/styles/modules/components/tables/_table-body.scss

@@ -0,0 +1,11 @@
+@use 'rows';
+@use 'sorting';
+@use 'cells';
+
+@mixin generate-from($theme) {
+	.entry-table {
+		@include rows.generate-from($theme);
+		@include sorting.generate-from($theme);
+		@include cells.generate-from($theme);
+	}
+}

package/styles/modules/elements/_generator.scss

@@ -0,0 +1,20 @@
+@use 'sass:map';
+@use '../default-theme' as default;
+@use '../typography/fonts';
+@use 'anchors/generator' as anchors;
+@use 'buttons/generator' as buttons;
+
+$default-theme: default.$theme;
+
+@mixin generate-from($custom-theme: ()) {
+	$merged-theme: map.deep-merge($default-theme, $custom-theme);
+
+	$font-family: map.get($merged-theme, 'general', 'font', 'family');
+
+	@if $font-family == '' {
+		// @include fonts.generate-default-font();
+	}
+
+	@include anchors.generate-from($merged-theme);
+	@include buttons.generate-from($merged-theme);
+}

package/styles/modules/elements/anchors/_generator.scss

@@ -0,0 +1,16 @@
+@use 'sass:map';
+
+@mixin generate-from($theme) {
+	$colors: map.get($theme, 'general', 'colors');
+	$primary-color: map.get($colors, 'primary');
+	$accent-color: map.get($colors, 'accent');
+
+	.entry-link {
+		color: $primary-color;
+		text-decoration: none;
+	
+		&:hover {
+			color: $accent-color;
+		}
+	}
+}

package/styles/modules/elements/buttons/_default.scss

@@ -0,0 +1,12 @@
+%entry-button {
+	display: inline-block;
+	padding: 10px 20px;
+	transition: .4s;
+	border: 0;
+	line-height: 1.25;
+	cursor: pointer;
+	text: {
+		align: center;
+		decoration: none;
+	}
+}

package/styles/modules/elements/buttons/_generator.scss

@@ -0,0 +1,45 @@
+@use 'default';
+@use 'sass:map';
+@use '../../typography/fonts';
+@use '../../states/hover';
+
+@mixin generate-from($theme) {
+	$button-color: map.get($theme, 'general', 'buttons', 'color');
+	$colors: map.get($theme, 'general', 'colors');
+	$primary-color: map.get($colors, 'primary');
+	$accent-color: map.get($colors, 'accent');
+	$disabled-color: map.get($colors, 'disabled');
+
+	.entry-button-accent, .entry-button-primary, .entry-button-dark {
+		@extend %entry-button;
+		@include fonts.font-family-from($theme) {
+			@include fonts.main-bolded-font();
+		}
+		color: $button-color;
+	}
+
+	.entry-button-primary {
+		@include hover.default($primary-color, $accent-color, $button-color, $disabled-color);
+	}
+
+	.entry-button-accent {
+		@include hover.default($accent-color, $primary-color, $button-color, $disabled-color);
+	}
+
+	.entry-button-dark {
+		@include hover.default(map.get($colors, 'dark'), $primary-color, $button-color, $disabled-color);
+	}
+
+	.entry-button-blank {
+		@include fonts.font-family-from($theme) {
+			@include fonts.main-font();
+		}
+
+		@include hover.default(transparent, transparent, $accent-color, transparent);
+		color: $primary-color;
+
+		&:disabled {
+			color: $primary-color;
+		}
+	}
+}

package/styles/modules/states/_hover.scss

@@ -1,27 +1,18 @@
-@use '../variables' as vars;
+@mixin default($background, $hover-background, $color, $disabled-background) {
+	background-color: $background;
 
-// TODO: remove this once implemented https://jira.enigmatry.com/browse/ETL-484
-@mixin default($default: vars.$accent, $hover: vars.$body-font-color) {
-	transition: vars.$default-transition;
-	color: $default;
-
-	&:active {
-		color: $hover;
+	&:hover, &:active {
+		background-color: $hover-background;
+		color: $color;
 	}
 
-	// Had to be done this way since at least Chrome isn't triggering on-touch-end on mobile so hover state remains. 
-	/* stylelint-disable-next-line at-rule-allowed-list, media-feature-name-allowed-list */
-	@media (hover: hover) {
+	&:disabled, &.disabled {
+		background-color: $disabled-background;
+		cursor: not-allowed;
+
+		/* stylelint-disable-next-line selector-max-pseudo-class */
 		&:hover {
-			color: $hover;
+			background-color: $disabled-background;
 		}
 	}
-}
-
-@mixin background-hover($regular-background, $hover-background) {
-	background-color: $regular-background;
-
-	&:hover {
-		background-color: $hover-background;
-	}
 }