PluginProbe
Code Snippets / 3.10.1
Code Snippets v3.10.1
3.10.2 3.10.1 3.10.0 3.10.0-beta.2 3.10.0-beta.1 4.0.0-beta.1 3.9.6 trunk 2.10.0 2.10.1 2.12.0 2.12.1 2.13.0 2.13.1 2.13.2 2.13.3 2.14.0 2.14.1 2.14.2 2.14.3 2.14.4 2.14.5 2.14.6 3.0.0 3.0.1 All 64 releases
code-snippets / css / common / list-table / _navigation.scss

_navigation.scss in Code Snippets 3.10.1, at css/common/list-table/_navigation.scss

59 lines 1.5 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 @use '../theme';
2
3 .tablenav {
4 margin: 16px 0;
5 display: flex;
6 align-items: center;
7 flex-wrap: wrap;
8
9 // The row gap only shows once controls wrap onto a second row (see the
10 // tablet collapse below, where the selection + pagination cluster drops to
11 // its own row); the 18px column gap spaces the left cluster on one line.
12 gap: 12px 18px;
13 }
14
15 /* WP 7.0 changes the default admin link colour to the modern blue. Pin the classic accent on active rows (names and
16 row-action links) so links keep their original colour; inactive rows are handled by the muted link-colors mixin,
17 and the trash button keeps its dark red from the `.delete` rules. */
18 .wp-list-table .active-snippet a {
19 color: theme.$accent;
20
21 &:hover,
22 &:focus {
23 color: theme.$accent-hover;
24 }
25 }
26
27 /* Status filter links (All | Active | Inactive | …): the current view reads as plain
28 body text while the remaining views are accent-coloured links; every count stays
29 in the body-text colour regardless of its link state. */
30 /* stylelint-disable no-descending-specificity -- unrelated element; ordering is fine. */
31 .subsubsub a.current {
32 color: #2c3337;
33 }
34
35 .subsubsub a:not(.current) {
36 color: theme.$accent;
37
38 &:hover,
39 &:focus {
40 color: theme.$accent-hover;
41 }
42 }
43
44 .snippets-table-toolbar .subsubsub a .count {
45 color: #2c3337;
46 }
47 /* stylelint-enable no-descending-specificity */
48
49 .wp-core-ui .button.clear-filters {
50 vertical-align: baseline;
51 }
52
53 .snippet-type-description {
54 border-block-end: 1px solid #ccc;
55 margin: 0;
56 padding-block: 1em;
57 padding-inline: 0;
58 }
59