@aegisjsproject/styles/css/properties-legacy.css

Pre-made and reusable styles for `@aegisjsproject/core`

@layer component.aegisjsproject.properties {
	:host {
		--aegis-font: system-ui;

--aegis-btn-border-radius: 5px;

--aegis-btn-border-width: 0px;

--aegis-color-light: #212529;

--aegis-color-dark: #f8f9fa;

--aegis-bg-light: #f8f9fa;

--aegis-bg-dark: #212529;

--aegis-border-color-light: #dee2e6;

--aegis-border-color-dark: #495057;

--aegis-border-radius: 8px;

--aegis-btn-primary: #0d6efd;

--aegis-btn-primary-hover: #0a58ca;

--aegis-btn-primary-active: #084298;

--aegis-btn-primary-disabled: #6c757d;

--aegis-btn-secondary: #6c757d;

--aegis-btn-secondary-hover: #495057;

--aegis-btn-secondary-active: #343a40;

--aegis-btn-success: #198754;

--aegis-btn-success-hover: #146c43;

--aegis-btn-success-active: #0f5132;

--aegis-btn-success-disabled: #6c757d;

--aegis-btn-info: #0dcaf0;

--aegis-btn-info-hover: #087990;

--aegis-btn-info-active: #0aa2c0;

--aegis-btn-info-disabled: #6c757d;

--aegis-btn-warning: #ffc107;

--aegis-btn-warning-hover: #cc9a06;

--aegis-btn-warning-active: #997404;

--aegis-btn-warning-disabled: #6c757d;

--aegis-btn-danger: #dc3545;

--aegis-btn-danger-hover: #b02a37;

--aegis-btn-danger-active: #842029;

--aegis-btn-danger-disabled: #6c757d;

--aegis-btn-dark: #212529;

--aegis-btn-dark-hover: #495057;

--aegis-btn-dark-active: #343a40;

--aegis-btn-dark-disabled: #6c757d;

--aegis-btn-light: #f8f9fa;

--aegis-btn-light-hover: #e9ecef;

--aegis-btn-light-active: #dee2e6;

--aegis-btn-light-disabled: #6c757d;

--aegis-btn-link: transparent;

--aegis-btn-link-hover: transparent;

--aegis-btn-link-active: transparent;

--aegis-btn-link-disabled: #6c757d;

--aegis-link-color: LinkText;

--aegis-scrollbar-color: #0d6efd;

--aegis-scrollbar-track: #212529;

--aegis-scrollbar-width: auto;

--aegis-blink-speed: 200ms;

--aegis-fast-speed: 400ms;

--aegis-normal-speed: 600ms;

--aegis-slow-speed: 800ms;

--aegis-crawl-speed: 1200ms;

--aegis-btn-disabled-opacity: 0.65;

--aegis-btn-disabled-saturation: 50%;

--aegis-btn-disabled-brightness: 90%;

	}
}

@layer base.aegisjsproject.properties {
	:root {
		--aegis-font: system-ui;

--aegis-btn-border-radius: 5px;

--aegis-btn-border-width: 0px;

--aegis-color-light: #212529;

--aegis-color-dark: #f8f9fa;

--aegis-bg-light: #f8f9fa;

--aegis-bg-dark: #212529;

--aegis-border-color-light: #dee2e6;

--aegis-border-color-dark: #495057;

--aegis-border-radius: 8px;

--aegis-btn-primary: #0d6efd;

--aegis-btn-primary-hover: #0a58ca;

--aegis-btn-primary-active: #084298;

--aegis-btn-primary-disabled: #6c757d;

--aegis-btn-secondary: #6c757d;

--aegis-btn-secondary-hover: #495057;

--aegis-btn-secondary-active: #343a40;

--aegis-btn-success: #198754;

--aegis-btn-success-hover: #146c43;

--aegis-btn-success-active: #0f5132;

--aegis-btn-success-disabled: #6c757d;

--aegis-btn-info: #0dcaf0;

--aegis-btn-info-hover: #087990;

--aegis-btn-info-active: #0aa2c0;

--aegis-btn-info-disabled: #6c757d;

--aegis-btn-warning: #ffc107;

--aegis-btn-warning-hover: #cc9a06;

--aegis-btn-warning-active: #997404;

--aegis-btn-warning-disabled: #6c757d;

--aegis-btn-danger: #dc3545;

--aegis-btn-danger-hover: #b02a37;

--aegis-btn-danger-active: #842029;

--aegis-btn-danger-disabled: #6c757d;

--aegis-btn-dark: #212529;

--aegis-btn-dark-hover: #495057;

--aegis-btn-dark-active: #343a40;

--aegis-btn-dark-disabled: #6c757d;

--aegis-btn-light: #f8f9fa;

--aegis-btn-light-hover: #e9ecef;

--aegis-btn-light-active: #dee2e6;

--aegis-btn-light-disabled: #6c757d;

--aegis-btn-link: transparent;

--aegis-btn-link-hover: transparent;

--aegis-btn-link-active: transparent;

--aegis-btn-link-disabled: #6c757d;

--aegis-link-color: LinkText;

--aegis-scrollbar-color: #0d6efd;

--aegis-scrollbar-track: #212529;

--aegis-scrollbar-width: auto;

--aegis-blink-speed: 200ms;

--aegis-fast-speed: 400ms;

--aegis-normal-speed: 600ms;

--aegis-slow-speed: 800ms;

--aegis-crawl-speed: 1200ms;

--aegis-btn-disabled-opacity: 0.65;

--aegis-btn-disabled-saturation: 50%;

--aegis-btn-disabled-brightness: 90%;

	}
}