6967f3c7cd
- Grouped component imports into categories for better organization. - Updated the layout of the index page to include a gallery structure. - Added new sections for Button, Badge, Selection Controls, TextField, Select, Numeric Stepper, Avatar, Loading Bar, List Item, Link, Tabs, Breadcrumb, Pagination, Notification, Tooltip, Card, Navbar, Sidebar, Modal, and Icons. - Improved styling for better visual hierarchy and spacing. - Implemented a theme toggle feature with persistent state using localStorage.
29 lines
612 B
SCSS
29 lines
612 B
SCSS
@use "../../styles/tokens/typography" as *;
|
|
|
|
.link__container {
|
|
width: fit-content;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
}
|
|
.link {
|
|
text-decoration: none;
|
|
color: var(--nds-primary);
|
|
@include text-base;
|
|
font-weight: 600;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: var(--nds-spacing-3xs);
|
|
border-bottom: 1px solid transparent;
|
|
transition:
|
|
border-color 130ms ease,
|
|
color 130ms ease;
|
|
&:hover {
|
|
border-bottom-color: var(--nds-primary);
|
|
}
|
|
&:focus-visible {
|
|
outline: none;
|
|
box-shadow: 0 0 0 3px var(--nds-ring);
|
|
border-radius: var(--nds-radius-xs);
|
|
}
|
|
}
|