// 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_border { @extend %default_button; padding: $wide_padding; background-color: transparent; color: $basic_font_color; border: $cell_border; } // Other elements // ----------------------------------------------------------------------------- i, em { font-style: italic; } 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($bright_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: $dark_color; } ::-moz-selection { color: $basic_highlight_color; background-color: $dark_color; } ::selection { color: $basic_highlight_color; background-color: $dark_color; } span { } .span__solo { @extend %solo; } br { } wbr { } // Edits // ----------------------------------------------------------------------------- ins { } del { }