- Introduced typography styles in _typography.scss for headings, paragraphs, blockquotes, and horizontal rules. - Added utility classes in _utils.scss for card styling and clearfix. - Updated layout.scss to include new typography and utility styles. - Defined common CSS variables in _common.scss for consistent theming. - Created dark and light theme variables in _dark.scss and _light.scss respectively. - Integrated Tailwind CSS with custom configurations in tailwind.config.js and postcss.config.js. - Implemented database migrations for contact and contact_persons tables. - Added data fixtures for generating sample contact data. - Developed Contact and ContactPerson entities with appropriate validation and serialization. - Enhanced ContactRepository with search and type filtering methods.
16 lines
456 B
SCSS
16 lines
456 B
SCSS
@mixin focused() {
|
|
outline-width: var(--focus-ring-width);
|
|
outline-style: var(--focus-ring-style);
|
|
outline-color: var(--focus-ring-color);
|
|
outline-offset: var(--focus-ring-offset);
|
|
box-shadow: var(--focus-ring-shadow);
|
|
transition:
|
|
box-shadow var(--transition-duration),
|
|
outline-color var(--transition-duration);
|
|
}
|
|
|
|
@mixin focused-inset() {
|
|
outline-offset: -1px;
|
|
box-shadow: inset var(--focus-ring-shadow);
|
|
}
|