mirror of
https://github.com/filamentphp/filament.git
synced 2026-09-24 15:42:09 +08:00
41 lines
941 B
CSS
41 lines
941 B
CSS
@layer base {
|
|
:root {
|
|
--f-gray-300: theme('colors.gray.300');
|
|
}
|
|
|
|
/**
|
|
* Smoothly animate the scroll position, instead of a straight jump.
|
|
*/
|
|
html {
|
|
scroll-behavior: smooth;
|
|
}
|
|
|
|
/**
|
|
* ::selection selector: color, background, cursor, and outline.
|
|
*/
|
|
::selection {
|
|
@apply bg-orange-700 text-white;
|
|
}
|
|
|
|
/**
|
|
* `x-cloak` attributes are removed from elements when Alpine initializes.
|
|
* This is useful for hiding pre-initialized DOM.
|
|
*
|
|
* @link https://github.com/alpinejs/alpine#x-cloak
|
|
*
|
|
*/
|
|
[x-cloak] {
|
|
@apply hidden;
|
|
}
|
|
|
|
/**
|
|
* Selectively disable the default focus style by selecting for the case when the polyfill
|
|
* is loaded and [data-focus-visible-added] attribute is not applied to the element:
|
|
*
|
|
* @link https://github.com/WICG/focus-visible#2-update-your-css
|
|
*/
|
|
.js-focus-visible :focus:not([data-focus-visible-added]) {
|
|
@apply outline-none;
|
|
}
|
|
}
|