You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
157 lines
2.1 KiB
157 lines
2.1 KiB
/* |
|
* DO NOT EDIT THIS FILE. |
|
* See the following change record for more information, |
|
* https://www.drupal.org/node/3084859 |
|
* @preserve |
|
*/ |
|
|
|
/** |
|
* @file |
|
* Generic base elements. |
|
*/ |
|
|
|
*, |
|
*::before, |
|
*::after { |
|
box-sizing: border-box; |
|
} |
|
|
|
html { |
|
font-family: var(--font-sans); |
|
font-size: 100%; |
|
font-weight: normal; |
|
font-style: normal; |
|
line-height: var(--line-height-base); |
|
} |
|
|
|
body { |
|
margin: 0; |
|
color: var(--color-text-neutral-medium); |
|
background-color: var(--color--gray-100); |
|
} |
|
|
|
body.is-fixed { |
|
position: fixed; |
|
overflow: hidden; |
|
width: 100%; |
|
} |
|
|
|
[dir="rtl"] body { |
|
background-position: top right; |
|
} |
|
|
|
a { |
|
color: var(--color-text-primary-medium); |
|
} |
|
|
|
a:hover { |
|
color: var(--color--primary-50); |
|
} |
|
|
|
a:focus { |
|
outline: solid 2px currentColor; |
|
outline-offset: 2px; |
|
} |
|
|
|
button { |
|
font-family: inherit; |
|
} |
|
|
|
img, |
|
video { |
|
display: block; |
|
max-width: 100%; |
|
height: auto; |
|
} |
|
|
|
audio { |
|
display: block; |
|
max-width: 100%; |
|
} |
|
|
|
h1 { |
|
letter-spacing: -0.01em; |
|
font-size: 1.75rem; |
|
line-height: var(--sp2); |
|
} |
|
|
|
@media (min-width: 43.75rem) { |
|
h1 { |
|
font-size: 2.75rem; |
|
line-height: var(--sp3); |
|
} |
|
} |
|
|
|
h2 { |
|
letter-spacing: -0.01em; |
|
font-size: 1.5rem; |
|
line-height: var(--sp2); |
|
} |
|
|
|
@media (min-width: 43.75rem) { |
|
h2 { |
|
/*font-size: 2.25rem;*/ |
|
font-size: 2rem; |
|
line-height: var(--sp3); |
|
} |
|
} |
|
|
|
h3 { |
|
font-size: 1.25rem; |
|
line-height: var(--sp1-5); |
|
} |
|
|
|
@media (min-width: 43.75rem) { |
|
h3 { |
|
font-size: 1.5rem; |
|
line-height: var(--sp2); |
|
} |
|
} |
|
|
|
h4 { |
|
font-size: 1.125rem; |
|
line-height: var(--sp1-5); |
|
} |
|
|
|
h5 { |
|
font-size: 1rem; |
|
line-height: var(--sp1-5); |
|
} |
|
|
|
h6 { |
|
font-size: 0.875rem; |
|
line-height: var(--sp); |
|
} |
|
|
|
h1, |
|
h2, |
|
h3, |
|
h4, |
|
h5, |
|
h6 { |
|
margin-block: var(--sp); |
|
color: var(--color-text-neutral-loud); |
|
font-family: var(--font-serif); |
|
font-weight: normal; |
|
} |
|
|
|
@media (min-width: 43.75rem) { |
|
h1, |
|
h2, |
|
h3, |
|
h4, |
|
h5, |
|
h6 { |
|
margin-block: var(--sp2); |
|
} |
|
} |
|
|
|
ul { |
|
margin-block-start: 0.25em; |
|
margin-block-end: 0.25em; |
|
margin-inline-start: 1.5em; |
|
margin-inline-end: 0; |
|
padding-inline-start: 0; |
|
list-style-type: disc; |
|
list-style-image: none; |
|
}
|
|
|