Next content push
- changed .gitignore for art folder - add gulp processing for art - changed nunjucks templates file structure to reflect demo files - removed file for new styles - renamed most sass variables - added sass function for space classes - great progress with content of the intro page - moved old gulp tasks to DEPRECATED.md
This commit is contained in:
Stephan
parent
48437cc4f4
commit
92d1609213
37 changed files with 664 additions and 637 deletions
|
|
@ -22,17 +22,17 @@
|
|||
// -----------------------------------------------------------------------------
|
||||
p {
|
||||
@extend %basic;
|
||||
margin-top: $basic_space;
|
||||
margin-bottom: $basic_space;
|
||||
margin-top: $space_basic;
|
||||
margin-bottom: $space_basic;
|
||||
code {
|
||||
padding: $tiny_space $half_space;
|
||||
padding: $space_tiny $space_half;
|
||||
font-size: 1em;
|
||||
line-height: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.column_line {
|
||||
column-rule: $basic_border;
|
||||
column-rule: $border_basic;
|
||||
}
|
||||
.column_2, .column_3 {
|
||||
@extend p;
|
||||
|
|
@ -50,17 +50,18 @@ p {
|
|||
// -----------------------------------------------------------------------------
|
||||
address {
|
||||
// @extend %basic;
|
||||
margin-top: $double_space;
|
||||
margin-bottom: $double_space;
|
||||
margin-top: $space_double;
|
||||
margin-bottom: $space_double;
|
||||
}
|
||||
|
||||
// Line
|
||||
// -----------------------------------------------------------------------------
|
||||
hr {
|
||||
margin: $space_small auto;
|
||||
border-width: $basic_border_width 0 0;
|
||||
margin-top: $space_small;
|
||||
margin-bottom: $space_small;
|
||||
border-width: $width_border_basic 0 0;
|
||||
border-style: solid;
|
||||
border-color: $basic_border_color;
|
||||
border-color: $color_border_basic;
|
||||
}
|
||||
|
||||
.hr_hidden {
|
||||
|
|
@ -81,12 +82,12 @@ pre {
|
|||
|
||||
.pre_code {
|
||||
overflow-x: auto;
|
||||
border-color: darken($color_back_basic, $tiny_color_diff);
|
||||
border-color: darken($color_back_basic, $color_diff_tiny);
|
||||
border-style: dotted;
|
||||
border-width: 0 0 0 $border_width_4;
|
||||
border-radius: $basic_corner;
|
||||
padding: $basic_space;
|
||||
background-color: lighten($color_back_basic, $tiny_color_diff);
|
||||
border-width: 0 0 0 $width_border_4;
|
||||
border-radius: $radius_basic;
|
||||
padding: $space_basic;
|
||||
background-color: lighten($color_back_basic, $color_diff_tiny);
|
||||
code {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
|
@ -95,9 +96,9 @@ pre {
|
|||
// Quote
|
||||
// -----------------------------------------------------------------------------
|
||||
blockquote {
|
||||
margin: $basic_space 0;
|
||||
padding-right: $basic_indent;
|
||||
padding-left: $basic_indent;
|
||||
margin: $space_basic 0;
|
||||
padding-right: $indent_basic;
|
||||
padding-left: $indent_basic;
|
||||
}
|
||||
|
||||
.quote_mark {
|
||||
|
|
@ -105,7 +106,7 @@ blockquote {
|
|||
content: "\201E \0020";
|
||||
}
|
||||
p::after {
|
||||
content: "\201C \0020";
|
||||
content: "\0020 \201C";
|
||||
}
|
||||
.quote_source {
|
||||
&::before, &::after {
|
||||
|
|
@ -117,11 +118,15 @@ blockquote {
|
|||
// List
|
||||
// -----------------------------------------------------------------------------
|
||||
dl, ul, ol {
|
||||
margin: $double_space 0 $basic_space;
|
||||
margin: $space_double 0;
|
||||
}
|
||||
|
||||
ul, ol {
|
||||
padding-left: $basic_indent;
|
||||
padding-left: $indent_basic;
|
||||
}
|
||||
|
||||
dl {
|
||||
margin-left: $indent_basic;
|
||||
}
|
||||
|
||||
li, dt, dd {
|
||||
|
|
@ -129,11 +134,11 @@ li, dt, dd {
|
|||
}
|
||||
|
||||
dd, .list_basic li {
|
||||
margin-bottom: $basic_space;
|
||||
margin-bottom: $space_basic;
|
||||
}
|
||||
|
||||
dd {
|
||||
margin-left: $basic_indent;
|
||||
margin-left: $indent_basic;
|
||||
}
|
||||
|
||||
ul {
|
||||
|
|
@ -157,22 +162,22 @@ ul {
|
|||
|
||||
.list_link {
|
||||
li {
|
||||
margin-bottom: $tiny_space * 2;
|
||||
margin-bottom: $space_tiny * 2;
|
||||
text-transform: uppercase;
|
||||
a {
|
||||
display: block;
|
||||
padding: $basic_padding;
|
||||
color: $basic_font_color;
|
||||
padding: $padding_basic;
|
||||
color: $color_text_basic;
|
||||
img {
|
||||
margin-right: $basic_space;
|
||||
margin-right: $space_basic;
|
||||
padding-bottom: 0.2em;
|
||||
vertical-align: text-bottom;
|
||||
}
|
||||
&:active,
|
||||
&:focus,
|
||||
&:hover {
|
||||
background-color: $basic_action_color;
|
||||
color: $basic_highlight_color;
|
||||
background-color: $color_action_basic;
|
||||
color: $color_highlight_basic;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -188,11 +193,12 @@ ul {
|
|||
// Embedded
|
||||
// -----------------------------------------------------------------------------
|
||||
figure {
|
||||
margin: $double_space $basic_indent;
|
||||
margin: $space_double $indent_basic;
|
||||
}
|
||||
|
||||
figcaption {
|
||||
@extend %basic;
|
||||
color: $color_darker;
|
||||
}
|
||||
|
||||
// Main content
|
||||
|
|
@ -208,8 +214,8 @@ div {
|
|||
}
|
||||
|
||||
.div_info {
|
||||
padding: $double_space $basic_indent;
|
||||
border-right: $basic_space solid rgba($echo_color, 0.6);
|
||||
padding: $space_double $indent_basic;
|
||||
border-right: $space_basic solid rgba($echo_color, 0.6);
|
||||
background-color: rgba($echo_color, 0.1) !important;
|
||||
}
|
||||
|
||||
|
|
@ -233,20 +239,20 @@ div {
|
|||
.box_placeholder {
|
||||
width: 100%;
|
||||
height: $space_medium;
|
||||
border: $border_width_4 solid transparentize($alpha_color, 0.1);
|
||||
border-radius: $basic_corner;
|
||||
border: $width_border_4 solid transparentize($alpha_color, 0.1);
|
||||
border-radius: $radius_basic;
|
||||
background-color: transparentize($alpha_color, 0.2);
|
||||
}
|
||||
|
||||
.box_placeholder_bkg {
|
||||
width: 100%;
|
||||
height: $space_medium * 2;
|
||||
border: $border_width_4 solid transparentize($basic_front_color, 0.1);
|
||||
border-radius: $basic_corner;
|
||||
padding: $basic_space;
|
||||
border: $width_border_4 solid transparentize($color_front_basic, 0.1);
|
||||
border-radius: $radius_basic;
|
||||
padding: $space_basic;
|
||||
/*data:[<mime type>][;charset=<charset>][;base64],<encoded data>*/
|
||||
background: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0' y='0' width='100%' height='100%'><line x1='0' y1='0' x2='100%' y2='100%' stroke='%23FFF' stroke-width='.5'/><line x1='0' y1='100%' x2='100%' y2='0' stroke='%23FFF' stroke-width='.5'/></svg>") no-repeat;
|
||||
background-color: transparentize($basic_front_color, 0.1);
|
||||
background-color: transparentize($color_front_basic, 0.1);
|
||||
}
|
||||
|
||||
.box_file_tile {
|
||||
|
|
@ -294,7 +300,7 @@ div {
|
|||
// Grid
|
||||
.grid {
|
||||
display: grid;
|
||||
grid-gap: $basic_space;
|
||||
grid-gap: $space_basic;
|
||||
|
||||
& > input,
|
||||
& > select,
|
||||
|
|
@ -303,8 +309,8 @@ div {
|
|||
}
|
||||
|
||||
& > label {
|
||||
margin: $basic_io_border_width;
|
||||
padding: $half_space;
|
||||
margin: $width_border_io;
|
||||
padding: $space_half;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -29,12 +29,12 @@ label {
|
|||
@extend %basic;
|
||||
|
||||
input, button, textarea, select {
|
||||
margin-left: $basic_space;
|
||||
margin-left: $space_basic;
|
||||
}
|
||||
}
|
||||
|
||||
input + label {
|
||||
margin-left: $basic_space;
|
||||
margin-left: $space_basic;
|
||||
}
|
||||
|
||||
.label {
|
||||
|
|
@ -44,21 +44,20 @@ input + label {
|
|||
.label > input,
|
||||
.label > textarea,
|
||||
.label > select {
|
||||
margin: 0 $basic_space;
|
||||
margin: 0 $space_basic;
|
||||
}
|
||||
|
||||
// Input
|
||||
// -----------------------------------------------------------------------------
|
||||
input {
|
||||
color: $basic_io_font_color;
|
||||
}
|
||||
|
||||
label + input {
|
||||
margin-left: $basic_space;
|
||||
margin-left: $space_basic;
|
||||
}
|
||||
|
||||
input, button, textarea, select {
|
||||
margin: $io_margin;
|
||||
margin: $margin_io;
|
||||
|
||||
&[disabled="disabled"],
|
||||
&[disabled] {
|
||||
|
|
@ -81,22 +80,23 @@ td > textarea {
|
|||
}
|
||||
|
||||
.io_input, .io_textarea, .io_select {
|
||||
padding: $half_space;
|
||||
background-color: $basic_io_back_color;
|
||||
padding: $space_half;
|
||||
color: $color_text_io;
|
||||
background-color: $color_back_io;
|
||||
|
||||
&:hover {
|
||||
background-color: $basic_highlight_color;
|
||||
background-color: $color_highlight_basic;
|
||||
}
|
||||
|
||||
&[readonly="readonly"],
|
||||
&[readonly] {
|
||||
background-color: darken($basic_io_back_color, 30%);
|
||||
background-color: darken($color_back_io, $color_diff_double);
|
||||
}
|
||||
|
||||
&[disabled="disabled"],
|
||||
&[disabled] {
|
||||
&:hover {
|
||||
background-color: $basic_io_back_color;
|
||||
background-color: $color_back_io;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -110,16 +110,16 @@ td > textarea {
|
|||
|
||||
@each $input in $io_input_list, textarea {
|
||||
#{$input} {
|
||||
// border: $basic_io_border;
|
||||
// border: $border_io;
|
||||
}
|
||||
}
|
||||
|
||||
.io_input, .io_textarea {
|
||||
border: $basic_io_border;
|
||||
border: $border_io;
|
||||
|
||||
&[readonly="readonly"],
|
||||
&[readonly] {
|
||||
border-color: darken($basic_io_border_color, 30%);
|
||||
border-color: darken($color_border_io, $color_diff_double);
|
||||
}
|
||||
|
||||
&[disabled="disabled"],
|
||||
|
|
@ -131,16 +131,16 @@ td > textarea {
|
|||
// Fieldset
|
||||
// -----------------------------------------------------------------------------
|
||||
fieldset {
|
||||
margin: $high_margin;
|
||||
padding: $basic_space;
|
||||
border: $basic_border;
|
||||
margin: $margin_double;
|
||||
padding: $space_basic;
|
||||
border: $border_basic;
|
||||
}
|
||||
|
||||
// Legend
|
||||
// -----------------------------------------------------------------------------
|
||||
legend {
|
||||
@extend %basic;
|
||||
padding: 0 $half_space;
|
||||
padding: 0 $space_half;
|
||||
}
|
||||
|
||||
// Button
|
||||
|
|
@ -151,10 +151,10 @@ button {
|
|||
|
||||
.io_button {
|
||||
@extend %basic_button;
|
||||
border: $basic_io_border_width solid $oi_border_color;
|
||||
padding: $basic_padding;
|
||||
color: $oi_font_color;
|
||||
background-color: $oi_back_color;
|
||||
border: $width_border_io solid $color_border_button;
|
||||
padding: $padding_basic;
|
||||
color: $color_text_button;
|
||||
background-color: $color_back_button;
|
||||
|
||||
&:hover {
|
||||
// border-color: #0059F6;
|
||||
|
|
@ -166,10 +166,10 @@ button {
|
|||
&[disabled="disabled"],
|
||||
&[disabled] {
|
||||
border-color: transparent;
|
||||
color: $oi_border_color;
|
||||
color: lighten($color_text_button, $color_diff_double);
|
||||
|
||||
&:hover {
|
||||
background-color: $oi_back_color;
|
||||
background-color: $color_back_button;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -25,11 +25,11 @@ body {
|
|||
position: relative;
|
||||
box-sizing: $box_sizing;
|
||||
margin: 0;
|
||||
font-family: $primary_font_family;
|
||||
font-size: $basic_size;
|
||||
line-height: $basic_line;
|
||||
line-height: $text_line_basic;
|
||||
color: $basic_font_color;
|
||||
font-family: $family_text_basic;
|
||||
font-size: $size_text_basic;
|
||||
line-height: $line_basic;
|
||||
line-height: $line_text_basic;
|
||||
color: $color_text_basic;
|
||||
background-color: $color_back_basic;
|
||||
|
||||
*,
|
||||
|
|
@ -42,7 +42,7 @@ body {
|
|||
|
||||
.layer_hover {
|
||||
background-color: transparent !important;
|
||||
transition: background-color $double_duration $basic_timing 0s !important;
|
||||
transition: background-color $duration_double $timing_basic 0s !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -60,7 +60,7 @@ section {
|
|||
}
|
||||
|
||||
.sec_main_center {
|
||||
width: $basic_width;
|
||||
width: $width_basic;
|
||||
margin: 0 auto;
|
||||
padding-top: $space_small;
|
||||
|
||||
|
|
@ -76,9 +76,9 @@ section {
|
|||
}
|
||||
|
||||
.sec_main_status {
|
||||
border-top-width: $border_width_8;
|
||||
border-top-width: $width_border_8;
|
||||
border-top-style: solid;
|
||||
border-color: $basic_border_color;
|
||||
border-color: $color_border_basic;
|
||||
padding-top: $space_small;
|
||||
}
|
||||
|
||||
|
|
@ -91,14 +91,14 @@ nav {
|
|||
// Aside element
|
||||
// -----------------------------------------------------------------------------
|
||||
aside {
|
||||
width: $basic_aside_width;
|
||||
width: $width_aside_basic;
|
||||
|
||||
&.right + .bside {
|
||||
margin-right: calc(#{$basic_aside_width} + #{$basic_space});
|
||||
margin-right: calc(#{$width_aside_basic} + #{$space_basic});
|
||||
}
|
||||
|
||||
&.left + .bside {
|
||||
margin-left: calc(#{$basic_aside_width} + #{$basic_space});
|
||||
margin-left: calc(#{$width_aside_basic} + #{$space_basic});
|
||||
}
|
||||
|
||||
&.right {
|
||||
|
|
@ -140,25 +140,25 @@ h2 + h2 {
|
|||
|
||||
h3 {
|
||||
@extend %head_3;
|
||||
margin: $double_space 0;
|
||||
margin: $space_double 0;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
h4 {
|
||||
@extend %head_3;
|
||||
margin: $double_space 0;
|
||||
margin: $space_double 0;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
h5 {
|
||||
@extend %head_4;
|
||||
margin: $double_space 0 $basic_space;
|
||||
margin: $space_double 0 $space_basic;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
h6 {
|
||||
@extend %basic;
|
||||
margin: $basic_space 0;
|
||||
margin: $space_basic 0;
|
||||
text-transform: none;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
|
@ -175,10 +175,10 @@ header {
|
|||
|
||||
.header_txt {
|
||||
margin-bottom: $space_small;
|
||||
border-bottom: $dotted_border;
|
||||
border-bottom: $border_dotted;
|
||||
|
||||
h1 {
|
||||
border-top: $basic_border;
|
||||
border-top: $border_basic;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -16,21 +16,21 @@
|
|||
// Table
|
||||
// -----------------------------------------------------------------------------
|
||||
table {
|
||||
margin: $high_margin;
|
||||
border: $basic_border;
|
||||
margin: $margin_double;
|
||||
border: $border_basic;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
.table_blank {
|
||||
border: $basic_border_width solid transparent;
|
||||
border: $width_border_basic solid transparent;
|
||||
|
||||
th, td {
|
||||
border: $basic_border_width solid transparent;
|
||||
border: $width_border_basic solid transparent;
|
||||
}
|
||||
}
|
||||
|
||||
.table_free {
|
||||
border: $basic_border_width solid transparent;
|
||||
border: $width_border_basic solid transparent;
|
||||
}
|
||||
|
||||
.table_stripe {
|
||||
|
|
@ -40,7 +40,7 @@ table {
|
|||
}
|
||||
|
||||
tr:nth-child(even) td {
|
||||
background-color: lighten($color_back_basic, $tiny_color_diff);
|
||||
background-color: lighten($color_back_basic, $color_diff_tiny);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -56,8 +56,8 @@ table {
|
|||
// -----------------------------------------------------------------------------
|
||||
caption {
|
||||
@extend p;
|
||||
padding: $half_space 0;
|
||||
border: $dotted_border;
|
||||
padding: $space_half 0;
|
||||
border: $border_dotted;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
|
@ -88,7 +88,7 @@ thead {
|
|||
tfoot {
|
||||
|
||||
tr:first-child td {
|
||||
border-top: $basic_border;
|
||||
border-top: $border_basic;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -102,17 +102,17 @@ tr {
|
|||
// -----------------------------------------------------------------------------
|
||||
th, td {
|
||||
@extend %basic;
|
||||
padding: $half_space;
|
||||
padding: $space_half;
|
||||
}
|
||||
|
||||
th {
|
||||
border: $basic_border;
|
||||
border: $border_basic;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
td {
|
||||
border-right: $basic_border;
|
||||
border-bottom: $basic_border;
|
||||
border-right: $border_basic;
|
||||
border-bottom: $border_basic;
|
||||
}
|
||||
|
||||
td:last-child {
|
||||
|
|
@ -124,7 +124,7 @@ td:last-child {
|
|||
}
|
||||
|
||||
.cell_pre {
|
||||
// border-right-width: $border_width_4;
|
||||
// border-right-width: $width_border_4;
|
||||
// border-right-color: lighten($color_back_basic, $color_diff_basic);
|
||||
background-color: lighten($color_back_basic, $tiny_color_diff);
|
||||
background-color: lighten($color_back_basic, $color_diff_tiny);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -37,47 +37,57 @@
|
|||
// Links
|
||||
// -----------------------------------------------------------------------------
|
||||
a {
|
||||
color: $basic_link_color;
|
||||
// color: lighten($basic_action_color, 20%);
|
||||
color: $color_link_basic;
|
||||
// color: lighten($color_action_basic, 20%);
|
||||
text-decoration: none;
|
||||
|
||||
&:active,
|
||||
&:focus,
|
||||
&:hover {
|
||||
color: $basic_highlight_color;
|
||||
color: $color_highlight_basic;
|
||||
}
|
||||
}
|
||||
|
||||
.a_line {
|
||||
border-bottom-width: $tiny_space;
|
||||
border-bottom-width: $space_tiny;
|
||||
border-bottom-style: dotted;
|
||||
border-color: $basic_border_color;
|
||||
border-color: $color_border_basic;
|
||||
color: $color_text_basic;
|
||||
background-color: transparent;
|
||||
color: $basic_font_color;
|
||||
transition: color $basic_duration $basic_timing;
|
||||
transition: color $duration_basic $timing_basic;
|
||||
|
||||
&:active,
|
||||
&:focus,
|
||||
&:hover {
|
||||
background-color: $basic_action_color;
|
||||
color: $basic_highlight_color;
|
||||
color: $color_highlight_basic;
|
||||
background-color: $color_action_basic;
|
||||
}
|
||||
}
|
||||
|
||||
.a_button {
|
||||
@extend %default_button;
|
||||
display: inline-block;
|
||||
padding: $padding_basic;
|
||||
border-radius: $radius_basic;
|
||||
background-color: transparentize($color_link_basic, 0.8);
|
||||
|
||||
&:active,
|
||||
&:focus,
|
||||
&:hover {
|
||||
border-color: transparent;
|
||||
background-color: transparentize($color_highlight_basic, 0.8);
|
||||
}
|
||||
}
|
||||
|
||||
.a_button_text {
|
||||
@extend %default_button;
|
||||
padding: $wide_padding;
|
||||
@extend .a_button;
|
||||
padding: $padding_link;
|
||||
color: $color_text_basic;
|
||||
background-color: transparent;
|
||||
color: $basic_font_color;
|
||||
}
|
||||
|
||||
.a_button_border {
|
||||
@extend .a_button_text;
|
||||
border: $basic_border;
|
||||
border: $border_basic;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -88,8 +98,8 @@ i, em {
|
|||
}
|
||||
|
||||
.i_bright {
|
||||
color: $color_highlight_basic;
|
||||
font-style: normal;
|
||||
color: $basic_highlight_color;
|
||||
}
|
||||
|
||||
// Bold, Strong
|
||||
|
|
@ -172,14 +182,14 @@ time {
|
|||
// -----------------------------------------------------------------------------
|
||||
code {
|
||||
@extend %basic_mono;
|
||||
color: lighten($basic_font_color, $color_diff_basic);
|
||||
background-color: lighten($color_back_basic, $tiny_color_diff);
|
||||
color: lighten($color_text_basic, $color_diff_basic);
|
||||
background-color: lighten($color_back_basic, $color_diff_tiny);
|
||||
}
|
||||
|
||||
.code_solo {
|
||||
@extend %basic_mono;
|
||||
padding: $tiny_space $half_space;
|
||||
color: $basic_font_color;
|
||||
padding: $space_tiny $space_half;
|
||||
color: $color_text_basic;
|
||||
}
|
||||
|
||||
// Variable
|
||||
|
|
@ -191,7 +201,7 @@ var {
|
|||
// Sample
|
||||
// -----------------------------------------------------------------------------
|
||||
samp {
|
||||
|
||||
@extend %basic_mono;
|
||||
}
|
||||
|
||||
// Keyboard input
|
||||
|
|
@ -200,12 +210,12 @@ kbd {
|
|||
@extend %basic_mono;
|
||||
// font-size: .9em;
|
||||
// font-weight: bold;
|
||||
padding: 0 $half_space;
|
||||
border-width: $basic_border_width;
|
||||
padding: 0 $space_half;
|
||||
border-width: $width_border_basic;
|
||||
border-style: solid;
|
||||
border-color: darken($color_back_basic, $color_diff_basic);
|
||||
border-radius: $basic_corner;
|
||||
color: lighten($basic_font_color, $color_diff_basic);
|
||||
border-color: $color_darker;
|
||||
border-radius: $radius_basic;
|
||||
color: lighten($color_text_basic, $color_diff_basic);
|
||||
}
|
||||
|
||||
// Sub- and superscript
|
||||
|
|
@ -227,18 +237,18 @@ mark {
|
|||
}
|
||||
|
||||
.mark_cursor {
|
||||
color: invert($basic_font_color);
|
||||
background-color: $basic_font_color;
|
||||
color: invert($color_text_basic);
|
||||
background-color: $color_text_basic;
|
||||
}
|
||||
|
||||
::-moz-selection {
|
||||
color: invert($basic_font_color);
|
||||
background-color: $basic_font_color;
|
||||
color: invert($color_text_basic);
|
||||
background-color: $color_text_basic;
|
||||
}
|
||||
|
||||
::selection {
|
||||
color: invert($basic_font_color);
|
||||
background-color: $basic_font_color;
|
||||
color: invert($color_text_basic);
|
||||
background-color: $color_text_basic;
|
||||
}
|
||||
|
||||
// Text direction
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue