mirror of
https://github.com/picocss/pico.git
synced 2025-04-24 18:26:14 -04:00
Better accessibility
This commit is contained in:
parent
2dff66136c
commit
066c0a04fd
16 changed files with 146 additions and 183 deletions
|
@ -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);
|
||||
}
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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)};
|
||||
}
|
||||
|
|
|
@ -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)};
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue