Skip to content
Snippets Groups Projects
Commit 961bd301 authored by Kristoffer Nordström's avatar Kristoffer Nordström
Browse files

fix(details): summary heading styling

parent 327906f1
Branches
Tags
No related merge requests found
Pipeline #343435 passed with warnings
......@@ -48,6 +48,12 @@
text-align: start;
width: 100%;
.sds-typography-heading {
font-size: var(--summary-font-size);
font-weight: var(--summary-font-weight);
line-height: var(--summary-line-height);
}
&:hover,
&:focus-visible {
background-color: var(
......
import { Meta, StoryObj } from "@storybook/react";
import { Heading } from "../../core/index";
import { Details, DetailsProps } from "../index";
const meta: Meta = {
......@@ -21,13 +22,25 @@ export const Default: Story = {
export const Accordion: Story = {
render: () => (
<div data-testid="test">
<Details summary="First Summary" name="id" key={0}>
<Details
summary={<Heading level="3">First Summary</Heading>}
name="id"
key={0}
>
First Details
</Details>
<Details summary="Second Summary" name="id" key={1}>
<Details
summary={<Heading level="3">Second Summary</Heading>}
name="id"
key={1}
>
Second Details
</Details>
<Details summary="Third Summary" name="id" key={2}>
<Details
summary={<Heading level="3">Third Summary</Heading>}
name="id"
key={2}
>
Third Details
</Details>
</div>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment