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.
plain-ui/src/scss/core/_content.scss

155 lines
2.5 KiB

4 years ago
/**
3 years ago
* Heading
4 years ago
*
*
3 years ago
* @author Björn Hase, Tentakelfabrik
* @license http://opensource.org/licenses/MIT The MIT License
* @link https://github.com/tentakelfabrik/crispy-css
4 years ago
*
*/
3 years ago
.content {
3 years ago
3 years ago
// paragraphs
p {
3 years ago
margin: $margin;
@include media-breakpoints('margin', $margin-breakpoints);
3 years ago
}
// Semantic text elements
a,
ins,
u {
text-decoration-skip: ink edges;
}
3 years ago
a {
text-decoration: underline;
}
3 years ago
// Add the correct font weight in Chrome, Edge, and Safari.
b,
strong {
font-weight: bolder;
}
// Add the correct font size in all browsers.
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 70%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
abbr[title] {
border-bottom: 1px dotted;
cursor: help;
text-decoration: none;
}
mark {
padding: 0.25em;
}
3 years ago
3 years ago
/**
* blockquote
*
*
*/
blockquote {
3 years ago
border-left: $border;
3 years ago
margin-left: 0;
3 years ago
padding: $padding;
3 years ago
3 years ago
p:last-child {
margin-bottom: 0;
3 years ago
}
4 years ago
}
3 years ago
/**
* lists
*
*/
dl,
ol,
ul {
padding: 0;
3 years ago
margin: $margin;
@include media-breakpoints('margin', $margin-breakpoints);
3 years ago
}
ol,
ul {
margin-left: 1.5em;
}
ol ol,
ul ul {
margin-top: 0;
margin-left: 1em;
}
ol {
list-style: decimal outside;
}
ul {
list-style: disc outside;
}
dl {
margin-left: 0.5em;
}
dd,
dt {
margin: 0;
}
dt {
font-weight: bold;
}
3 years ago
code {
white-space: pre;
display: block;
overflow-y: hidden;
overflow-x: auto;
3 years ago
border: $border;
border-radius: $border-radius;
3 years ago
background-color: var(--background-contrast);
3 years ago
3 years ago
margin: $margin;
@include media-breakpoints('margin', $margin-breakpoints);
3 years ago
3 years ago
padding: $padding;
@include media-breakpoints('padding', $padding-breakpoints);
3 years ago
}
}
.highlight {
padding: 0.15rem 0.4rem 0.25rem;
background: var(--primary);
3 years ago
color: var(--text-contrast);
3 years ago
border-radius: $border-radius;
3 years ago
}