LiveAtlas/src/scss/_placeholders.scss

/*!
 * Copyright 2022 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 {
		@include button-hovered;
	}

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

	&:focus {
		@include button-focused;
	}

	&:focus:not(:focus-visible) {
		outline-style: none;
		z-index: auto;
	}

	&: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;
}