Better accessibility

This commit is contained in:
Lucas 2019-11-28 21:51:58 +07:00
parent 2dff66136c
commit 066c0a04fd
16 changed files with 146 additions and 183 deletions

View file

@ -5,7 +5,6 @@
table {
width: 100%;
border-spacing: 0;
background: var(--table-background);
}
// Cells
@ -35,11 +34,7 @@ thead {
}
}
// Fine striping
// Striping
tbody tr:nth-child(odd) {
background-color: rgba($grey-50,.02);
}
thead tr,
tbody tr:nth-child(even) {
background-color: rgba($grey-900,.02);
background-color: var(--table-stripping);
}

View file

@ -10,7 +10,7 @@
// Add the correct font weight in Chrome, Edge, and Safari.
b,
strong {
font-weight: border;
font-weight: bolder;
}
// Prevent `sub` and `sup` elements from affecting the line height in all browsers.
@ -188,10 +188,14 @@ hgroup {
h3,
h4,
h5,
h6,
p {
h6{
margin-bottom: 0;
}
*:last-child {
color: var(--muted-text);
font-size: 1.125rem;
font-weight: normal;
}
}
// Paragraphs

View file

@ -54,8 +54,8 @@
--code-color-2: #{desaturate($primary-500, 40%)};
// Table
--table-background: #{darken($grey-900, 4%)};
--table-border: #{darken($grey-900, 6%)};
--table-stripping: #{rgba($grey-50,.033)};
}
}
@ -116,6 +116,6 @@
--code-color-2: #{desaturate($primary-500, 40%)};
// Table
--table-background: #{darken($grey-900, 4%)};
--table-border: #{darken($grey-900, 6%)};
--table-stripping: #{rgba($grey-50,.033)};
}

View file

@ -54,6 +54,6 @@
--code-color-2: #{desaturate($primary-600, 30%)};
// Table
--table-background: #{$white};
--table-border: #{rgba($grey-50, .75)};
--table-stripping: #{rgba($grey-900,.033)};
}