Files
DrupalTutorial/themes/honey/css/base/typography.css
2024-07-15 12:33:27 +02:00

273 lines
3.7 KiB
CSS

/*
* DO NOT EDIT THIS FILE.
* See the following change record for more information,
* https://www.drupal.org/node/3084859
* @preserve
*/
:root {
/*
* This is default Farmers market color scheme. It will be overriden when you change it in theme settings.
*/
/* static colors */
/*
* Typography.
*/ /* 1rem = 16px if font root is 100% ands browser defaults are used. */ /* ~64px */ /* ~48px */ /* ~32px */ /* ~24px */ /* ~20px */ /* 16px */ /* ~14px */ /* ~13px */ /* ~11px */
/**
* Spaces.
*/ /* 4 * 16px = 64px */ /* 3 * 16px = 48px */ /* 2 * 16px = 32px */ /* 1 * 16px = 16px */ /* 0.75 * 16px = 12px */ /* 0.5 * 16px = 8px */ /* 0.25 * 16px = 4px */ /* 120 * 16px = 1920px */ /* 101.25 * 16px = 1620px */
/**
* Common.
*/
/**
* Inputs.
*/
}
hr {
height: 1px;
margin: 1rem 0;
padding: 0;
border: none;
background: var(--color-divider);
}
summary {
font-weight: bold;
}
/**
* Reusable heading classes are included to help modules change the styling of
* headings on a page without affecting accessibility.
*/
h1,
.heading-a {
margin: 1rem 0 0.75rem;
font-family: "Lobster"
,
cursive
,
sans-serif;
font-size: 4rem;
font-weight: normal;
line-height: 1.3;
}
h2,
.heading-b {
margin: 1rem 0 0.75rem;
font-family: "Lobster"
,
cursive
,
sans-serif;
font-size: 3rem;
font-weight: normal;
line-height: 1.3;
}
h3,
.heading-c {
margin: 1rem 0 0.75rem;
font-family: "Lobster"
,
cursive
,
sans-serif;
font-size: 2rem;
font-weight: normal;
line-height: 1.3;
}
h4,
.heading-d {
margin: 1rem 0 0.75rem;
font-family: "Lobster"
,
cursive
,
sans-serif;
font-size: 1.5rem;
font-weight: normal;
line-height: 1.3;
}
h5,
.heading-e {
margin: 1rem 0 0.75rem;
font-family: "Lobster"
,
cursive
,
sans-serif;
font-size: 1.25rem;
font-weight: normal;
line-height: 1.3;
}
h6,
.heading-f {
margin: 1rem 0 0.75rem;
font-family: "Lobster"
,
cursive
,
sans-serif;
font-size: 1rem;
font-weight: normal;
line-height: 1.3;
}
p {
margin: 1em 0;
}
dl {
margin: 0 0 20px;
}
dl dd,
dl dl {
margin-bottom: 10px;
margin-left: 20px; /* LTR */
}
[dir="rtl"] dl dd,
[dir="rtl"] dl dl {
margin-right: 20px;
}
blockquote {
margin: 1em 40px;
}
address {
font-style: italic;
}
u,
ins {
text-decoration: none;
}
s,
strike,
del {
text-decoration: line-through;
}
big {
font-size: larger;
}
small {
font-size: smaller;
}
sub {
vertical-align: sub;
font-size: smaller;
line-height: normal;
}
sup {
vertical-align: super;
font-size: smaller;
line-height: normal;
}
abbr,
acronym {
border-bottom: dotted 1px;
}
ul {
margin: 0.25em 0 0.25em 1.5em; /* LTR */
padding-left: 0;
list-style-type: disc;
list-style-image: none;
}
[dir="rtl"] ul {
margin-right: 1.5em;
margin-left: 0;
padding-right: 0;
}
/* This is required to win over specificity of [dir="rtl"] ul */
[dir="rtl"] .messages__list {
margin-right: 0;
}
ol {
margin: 0.25em 0 0.25em 2em; /* LTR */
padding: 0;
list-style-type: decimal;
}
[dir="rtl"] ol {
margin-right: 2em;
margin-left: 0;
}
/**
* Fix duplicate border caused by normalize.css adding border-bottom without
* removing the text-decoration.
*/
abbr[title] {
text-decoration: none;
}
code {
margin: 0.5em 0;
}
pre {
margin: 0.5em 0;
white-space: pre-wrap;
}
details {
line-height: 1.295em;
}
details summary {
padding: 0.95em 1.45em;
}
details summary:focus {
outline: none;
}
img {
max-width: 100%;
height: auto;
}
/**
* Default focus styles for focused elements.
*
* This is applied globally to all interactive elements except Toolbar and
* Settings Tray since they have their own styles.
*/
.honey-page *:focus {
outline: 5px
dashed
transparent;
box-shadow: 0
0
0
1px
#ffffff
,
0
0
0
4px
#712c1e;
}