8bc8da74db
- added possibility to add data into tempaltes via json - restructured output files - some work on styles
204 lines
2.4 KiB
SCSS
204 lines
2.4 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 {
|
|
|
|
}
|
|
|
|
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 {
|
|
|
|
}
|
|
|
|
|
|
|
|
// General Classes
|
|
// ------------------------------------------------------------------------------
|
|
.txt-tiny {
|
|
font-size: .5em !important;
|
|
}
|
|
|
|
.txt-smaller {
|
|
font-size: .75em !important;
|
|
}
|
|
|
|
.txt-larger {
|
|
font-size: 1.2em !important;
|
|
}
|
|
|
|
.txt-huge {
|
|
font-size: 3em !important;
|
|
}
|
|
|
|
.txt_center {
|
|
text-align: center !important;
|
|
}
|
|
.txt_right {
|
|
text-align: right !important;
|
|
}
|
|
.txt_left {
|
|
text-align: left !important;
|
|
}
|
|
|
|
.txt_white {
|
|
color: white;
|
|
}
|
|
|
|
.txt_black {
|
|
color: black;
|
|
}
|