diff --git a/src/common-elements/headers.ts b/src/common-elements/headers.ts index e5be1649..3b0dd4b6 100644 --- a/src/common-elements/headers.ts +++ b/src/common-elements/headers.ts @@ -52,3 +52,15 @@ export const UnderlinedHeader = styled.h5` ${extensionsHook('UnderlinedHeader')}; `; + +export const UnderlinedHeaderAuth = styled.h3` + border-bottom: 1px solid rgba(38, 50, 56, 0.3); + margin: 1em 0 1em 0; + color: rgba(38, 50, 56, 0.5); + font-weight: normal; + text-transform: uppercase; + font-size: 0.929em; + line-height: 20px; + + ${extensionsHook('UnderlinedHeaderAuth')}; +`; diff --git a/src/components/SecurityRequirement/styled.elements.ts b/src/components/SecurityRequirement/styled.elements.ts index 9c501df2..7243f0c5 100644 --- a/src/components/SecurityRequirement/styled.elements.ts +++ b/src/components/SecurityRequirement/styled.elements.ts @@ -1,7 +1,7 @@ import styled from 'styled-components'; import { linksCss } from '../Markdown/styled.elements'; import { media } from '../../styled-components'; -import { UnderlinedHeader } from '../../common-elements'; +import { UnderlinedHeaderAuth } from '../../common-elements'; export const Header = styled.div` background-color: #e4e7eb; @@ -93,7 +93,7 @@ export const SecuritiesColumn = styled.div<{ $expanded?: boolean }>` `} `; -export const AuthHeader = styled(UnderlinedHeader)` +export const AuthHeader = styled(UnderlinedHeaderAuth)` display: inline-block; margin: 0; `;