170 lines
1.9 KiB
SCSS
170 lines
1.9 KiB
SCSS
// Links
|
|
// -----------------------------------------------------------------------------
|
|
|
|
a {
|
|
color: $basic_link_color;
|
|
// color: lighten($basic_action_color, 20%);
|
|
text-decoration: none;
|
|
|
|
&:active,
|
|
&:focus,
|
|
&:hover {
|
|
color: $basic_highlight_color;
|
|
}
|
|
}
|
|
|
|
.a__line {
|
|
border-bottom-width: $tiny_space;
|
|
border-bottom-style: dotted;
|
|
border-color: $basic_border_color;
|
|
background-color: transparent;
|
|
color: $basic_font_color;
|
|
transition: color $basic_duration $basic_timing;
|
|
|
|
&:active,
|
|
&:focus,
|
|
&:hover {
|
|
background-color: $basic_action_color;
|
|
color: $basic_highlight_color;
|
|
}
|
|
}
|
|
|
|
.a__button {
|
|
@extend %default_button;
|
|
}
|
|
|
|
.a__button_text {
|
|
@extend %default_button;
|
|
padding: $wide_padding;
|
|
background-color: transparent;
|
|
color: $basic_font_color;
|
|
}
|
|
|
|
.a__button_border {
|
|
@extend .a__button_text;
|
|
border: $cell_border;
|
|
}
|
|
|
|
|
|
// Other elements
|
|
// -----------------------------------------------------------------------------
|
|
|
|
i, em {
|
|
font-style: italic;
|
|
}
|
|
|
|
.i__bright {
|
|
font-style: normal;
|
|
color: $brightest_color;
|
|
}
|
|
|
|
b, strong {
|
|
font-weight: 500; // TODO maybe bolder
|
|
}
|
|
|
|
small {
|
|
|
|
}
|
|
|
|
|
|
// Cite
|
|
cite {
|
|
font-style: italic;
|
|
}
|
|
|
|
q {
|
|
|
|
}
|
|
|
|
dfn {
|
|
|
|
}
|
|
|
|
address {
|
|
|
|
}
|
|
|
|
abbr {
|
|
|
|
}
|
|
|
|
data {
|
|
|
|
}
|
|
|
|
time {
|
|
|
|
}
|
|
|
|
// Code
|
|
code {
|
|
@extend %basic_mono;
|
|
color: lighten($basic_font_color, 12%);
|
|
background-color: rgba($brightest_color,.1);
|
|
}
|
|
.code__solo {
|
|
@extend %basic_mono;
|
|
padding: $tiny_space $half_space;
|
|
color: $basic_font_color;
|
|
}
|
|
|
|
samp {
|
|
|
|
}
|
|
|
|
kbd {
|
|
|
|
}
|
|
|
|
sub, sup {
|
|
|
|
}
|
|
|
|
u {
|
|
|
|
}
|
|
|
|
// Marks
|
|
mark {
|
|
background-color: $alpha_color;
|
|
}
|
|
.mark__cursor {
|
|
color: $basic_highlight_color;
|
|
background-color: $darkest_color;
|
|
}
|
|
::-moz-selection {
|
|
color: $basic_highlight_color;
|
|
background-color: $darkest_color;
|
|
}
|
|
::selection {
|
|
color: $basic_highlight_color;
|
|
background-color: $darkest_color;
|
|
}
|
|
|
|
span {
|
|
|
|
}
|
|
.span__solo {
|
|
@extend %solo;
|
|
}
|
|
|
|
br {
|
|
|
|
}
|
|
|
|
wbr {
|
|
|
|
}
|
|
|
|
|
|
|
|
// Edits
|
|
// -----------------------------------------------------------------------------
|
|
|
|
ins {
|
|
|
|
}
|
|
|
|
del {
|
|
|
|
}
|