@mixin block-elements {
h1, h2, h3, h4, h5, h6, p, hr, blockquote, figure, pre, .highlighter-rouge, ul, ol, dl, table, .footnotes { @content; }
} @mixin heading-elements {
h1, h2, h3, h4, h5, h6 { @content; }
}
*, ::before, ::after {
box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/**
* 1. Prevent adjustments of font size after orientation changes in iOS. **/
html {
font-size: map-get($base, font-size-root); -webkit-text-size-adjust: 100%; /* 1 */ @media print { font-size: map-get($base, font-size-root-sm); }
}
body {
padding: 0; margin: 0; font: map-get($base, font-weight) #{map-get($base, font-size)}/#{map-get($base, line-height)} map-get($base, font-family); ::-moz-selection { background: $select-color; } ::-webkit-selection { background: $select-color; } ::selection { background: $select-color; }
}
@include block-elements() {
padding: 0; margin: map-get($spacers, 2) 0;
}
input, textarea, select, button {
font: map-get($base, font-weight) #{map-get($base, font-size)}/#{map-get($base, line-height)} map-get($base, font-family); color: $text-color;
}
h1, h2, h3, h4, h5, h6, strong {
font-weight: map-get($base, font-weight-bold);
}
h1 {
font-size: map-get($base, font-size-h1); color: $text-color-d; @include media-breakpoint-down(md) { font-size: map-get($base, font-size-h1-sm); }
}
h2 {
font-size: map-get($base, font-size-h2); color: $text-color-d; @include media-breakpoint-down(md) { font-size: map-get($base, font-size-h2-sm); }
}
h3 {
font-size: map-get($base, font-size-h3); color: $text-color-d; @include media-breakpoint-down(md) { font-size: map-get($base, font-size-h3-sm); }
}
h4 {
font-size: map-get($base, font-size-h4); color: $text-color; @include media-breakpoint-down(md) { font-size: map-get($base, font-size-h4-sm); }
}
h5 {
font-size: map-get($base, font-size-h5); color: $text-color; @include media-breakpoint-down(md) { font-size: map-get($base, font-size-h5-sm); }
}
h6 {
font-size: map-get($base, font-size-h6); color: $text-color-l; @include media-breakpoint-down(md) { font-size: map-get($base, font-size-h6-sm); }
}
a {
font-weight: map-get($base, font-weight-bold); @include link-colors($main-color-1);
}
pre, code {
font-family: map-get($base, font-family-code);
}
code {
font-size: map-get($base, font-size-xs); line-height: map-get($base, line-height-sm);
}
figure > img {
display: block;
}
figcaption {
font-size: map-get($base, font-size-sm);
}
button {
padding: 0; margin: 0; font-size: map-get($spacers, 3); cursor: pointer; background-color: transparent; border-width: 0; outline: none;
}
input {
&::-ms-clear { display: none; } &:focus { outline: none; }
}
// mermaid .mermaidTooltip {
display: none;
}