META-INF.resources.css.main.scss Maven / Gradle / Ivy

Go to download
@import 'cadmin-variables';

html#{$cadmin-selector} {
	.cadmin {
		.analytics-reports {
			transition: opacity 0.5s ease;
		}

		.global-filters .filter .filter__trigger-label {
			@media screen and (max-width: 768px) {
				display: none;
			}
		}

		.overview-metrics {
			margin: 1rem 0;

			@media screen and (max-width: 768px) {
				.overview-metric {
					width: 92px !important;

					&__percentage-description {
						display: none;
					}

					&__value {
						font-size: 16px;
					}
				}
			}

			.overview-metric {
				margin: 0 1rem 1rem 0;

				&:last-child {
					margin-right: 0;
				}
			}
		}

		.overview-metric {
			background-color: $cadmin-white;
			border-radius: 4px;
			color: $cadmin-secondary;
			padding: 0.75rem;
			width: 185px;

			&__value {
				font-size: 2rem;
				font-weight: 600;
			}

			&:focus {
				box-shadow:
					0 0 0 2px #fff,
					0 0 0 4px #5791ff;
				outline: 0;
			}

			&:hover {
				background-color: $cadmin-gray-100;
				color: $cadmin-black;
			}

			&.selected {
				background-color: $cadmin-primary-l3;
				color: $cadmin-black;
			}
		}
	}
}