LiveAtlas/src/scss/_placeholders.scss

/*!
 * Copyright 2020 James Lyne
 *
 *    Licensed under the Apache License, Version 2.0 (the "License");
 *    you may not use this file except in compliance with the License.
 *    You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *    Unless required by applicable law or agreed to in writing, software
 *    distributed under the License is distributed on an "AS IS" BASIS,
 *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *    See the License for the specific language governing permissions and
 *    limitations under the License.
 */

@import "mixins";

%button {
	@include button;

	&:hover, &[aria-expanded="true"], &[aria-pressed="true"] {
		@include button-hovered;
	}

	@include focus {
		@include button-focused;
	}

	&:active {
		@include button-active;
	}

	&[disabled], &[aria-disabled="true"] {
		@include button-disabled;
	}
}

%panel {
	background-color: var(--background-base);
	color: var(--text-base);
	border-radius: var(--border-radius);
	box-shadow: var(--box-shadow);
	display: flex;
	flex-direction: column;
	padding: 1.5rem;
	position: relative;

	h2:first-child {
		margin-top: 0;
	}
}