infima
Version:
A UI framework for content-centric websites.
94 lines (78 loc) • 1.87 kB
CSS
:root {
// Links.
--ifm-link-color: var(--ifm-color-primary);
--ifm-link-decoration: none;
--ifm-link-hover-color: var(--ifm-link-color);
--ifm-link-hover-decoration: underline;
// Paragraphs.
--ifm-paragraph-margin-bottom: var(--ifm-leading);
// Blockquotes.
--ifm-blockquote-color: #6a737d;
--ifm-blockquote-font-size: var(--ifm-font-size-base);
--ifm-blockquote-padding-horizontal: 1rem;
--ifm-blockquote-padding-vertical: 1rem;
// Horizontal Rules.
--ifm-hr-border-color: var(--ifm-color-emphasis-500);
--ifm-hr-border-width: 1px;
--ifm-hr-margin-vertical: 1.5rem;
}
strong {
font-weight: var(--ifm-font-weight-bold);
}
// Links
a {
color: var(--ifm-link-color);
text-decoration: var(--ifm-link-decoration);
&:hover {
color: var(--ifm-link-hover-color);
text-decoration: var(--ifm-link-hover-decoration);
}
&:active,
&:hover {
outline-width: 0;
}
&:not([href]) {
color: inherit;
text-decoration: none;
}
}
// Paragraphs
p {
margin-top: 0;
margin-bottom: var(--ifm-paragraph-margin-bottom);
}
// Blockquotes
blockquote {
border-left: 6px solid var(--ifm-color-emphasis-300);
color: var(--ifm-blockquote-color);
font-size: var(--ifm-blockquote-font-size);
margin: 0;
margin-bottom: var(--ifm-spacing-vertical);
padding: var(--ifm-blockquote-padding-vertical)
var(--ifm-blockquote-padding-horizontal);
& > :first-child {
margin-top: 0;
}
& > :last-child {
margin-bottom: 0;
}
}
// Horizontal Rules
hr {
border-color: var(--ifm-hr-border-color);
border-style: solid;
border-width: var(--ifm-hr-border-width);
box-sizing: content-box;
margin: var(--ifm-hr-margin-vertical) 0;
overflow: hidden;
padding: 0;
&:before {
content: '';
display: table;
}
&:after {
clear: both;
content: '';
display: table;
}
}