packages/client/src/scss/_mixins.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

@use "colors";

@mixin header {
	display: flex;
	margin-top: 1rem;
	margin-left: 1.5rem;
	margin-bottom: 1rem;
}

@mixin button {
	color: colors.$text;
	background-color: colors.$primary-light;
	padding: 8px 12px 8px 12px;
	border: 0;
	border-radius: 5px;
	transition: background-color 0.2s ease-in-out;
	&:hover {
		background-color: colors.$primary;
	}
}