body {
font-family: $f_sans; font-size: 18px; color: $c_darkgray;
}
a {
text-decoration: none; color: $c_red; &:hover { opacity: .7; }
}
p { font-size: 22px; }
strong, em {
color: $c_red;
}
del { color: $c_gray; }
blockquote {
padding-left: 10px; font-style: italic; border-left: 3px solid $c_gray;
}
code {
padding: 2px 5px; font-size: 16px; background-color: $c_smoke-gray;
}
h2, h3, h4, h5, h6 {
@extend %section-commom; font-family: $f_sans; font-weight: $f_weight-bold;
}
h1 { font-size: 40px; } h2 { font-size: 26px; } h3 { font-size: 20px; }
p { @extend %section-commom; }
img { max-width: 100%; }
table {
width: 100%; border-collapse: collapse;
}
th { color: $c_red; }
td {
padding: 5px; border-bottom: 1px solid $c_lightgray;
}
tr {
&:nth-child(even) { background-color: $c_smoke-lightgray; } &:hover { background-color: $c_smoke-gray; }
}
hr {
border: none; border-top: 1px solid $c_lightgray;
}