| @@ -1,10 +1,12 @@ | ||
| 1 | +@import "./global/colors.css"; | |
| 2 | + | |
| 1 | 3 | #ep-ordering { |
| 2 | 4 | border-left-width: 0; |
| 3 | 5 | border-right-width: 0; |
| 4 | 6 | |
| 5 | 7 | & .inside { |
| 6 | - background-color: #f1f1f1; | |
| 8 | + background-color: var(--ep-c-white); | |
| 7 | 9 | margin: 0; |
| 8 | 10 | padding: 0; |
| 9 | 11 | } |
| 10 | 12 | |
| @@ -10,15 +12,15 @@ | ||
| 10 | 12 | |
| 11 | 13 | & .pointers, |
| 12 | 14 | & .pointer-search, |
| 13 | 15 | & .loading { |
| 14 | - background-color: #fff; | |
| 15 | - border-left: 1px solid #eee; | |
| 16 | - border-right: 1px solid #eee; | |
| 16 | + background-color: var(--ep-c-white); | |
| 17 | + border-left: 1px solid var(--ep-c-medium-white); | |
| 18 | + border-right: 1px solid var(--ep-c-medium-white); | |
| 17 | 19 | } |
| 18 | 20 | |
| 19 | 21 | & .new-post { |
| 20 | - background: #fff; | |
| 22 | + background: var(--ep-c-white); | |
| 21 | 23 | padding: 0 1em; |
| 22 | 24 | } |
| 23 | 25 | |
| 24 | 26 | & .loading { |
| @@ -31,11 +33,11 @@ | ||
| 31 | 33 | } |
| 32 | 34 | } |
| 33 | 35 | |
| 34 | 36 | & .pointer-type { |
| 35 | - border: 2px solid #0073aa; | |
| 37 | + border: 2px solid var(--ep-c-medium-dark-blue); | |
| 36 | 38 | border-radius: 2px; |
| 37 | - color: #0073aa; | |
| 39 | + color: var(--ep-c-medium-dark-blue); | |
| 38 | 40 | display: inline-block; |
| 39 | 41 | font-size: 0.75em; |
| 40 | 42 | font-weight: 700; |
| 41 | 43 | margin-right: 8px; |
| @@ -48,30 +50,36 @@ | ||
| 48 | 50 | & .post { |
| 49 | 51 | padding: 1em; |
| 50 | 52 | |
| 51 | 53 | &:nth-child(odd) { |
| 52 | - background-color: #f9f9f9; | |
| 54 | + background-color: var(--ep-c-white); | |
| 53 | 55 | } |
| 54 | 56 | } |
| 55 | 57 | |
| 56 | 58 | & .title { |
| 57 | - color: #0073aa; | |
| 59 | + color: var(--ep-c-medium-dark-blue); | |
| 58 | 60 | } |
| 59 | 61 | |
| 62 | + & .removed .title { | |
| 63 | + color: var(--ep-c-light-gray); | |
| 64 | + } | |
| 65 | + | |
| 60 | 66 | & .pointer-actions { |
| 61 | 67 | float: right; |
| 62 | 68 | |
| 69 | + /* stylelint-disable-next-line max-nesting-depth */ | |
| 63 | 70 | & .handle { |
| 64 | 71 | cursor: move; |
| 65 | 72 | } |
| 66 | 73 | |
| 74 | + /* stylelint-disable-next-line max-nesting-depth */ | |
| 67 | 75 | & .delete-pointer { |
| 68 | - margin-left: 10px; | |
| 76 | + margin-right: 10px; | |
| 69 | 77 | } |
| 70 | 78 | } |
| 71 | 79 | |
| 72 | 80 | & .next-page-notice { |
| 73 | - background-color: #fdeeca; | |
| 81 | + background-color: var(--ep-c-white-yellow); | |
| 74 | 82 | padding: 1em 0; |
| 75 | 83 | text-align: center; |
| 76 | 84 | } |
| 77 | 85 | } |
| @@ -76,10 +84,10 @@ | ||
| 76 | 84 | } |
| 77 | 85 | } |
| 78 | 86 | |
| 79 | 87 | & .legend { |
| 80 | - background: #fff; | |
| 81 | - border-bottom: 1px solid #eee; | |
| 88 | + background: var(--ep-c-white); | |
| 89 | + border-bottom: 1px solid var(--ep-c-medium-white); | |
| 82 | 90 | padding: 1em 0; |
| 83 | 91 | text-align: center; |
| 84 | 92 | } |
| 85 | 93 | |
| @@ -97,10 +105,10 @@ | ||
| 97 | 105 | padding: 1em; |
| 98 | 106 | } |
| 99 | 107 | |
| 100 | 108 | & .section-title { |
| 101 | - border-bottom: 1px solid #eee; | |
| 102 | - border-top: 1px solid #eee; | |
| 109 | + border-bottom: 1px solid var(--ep-c-medium-white); | |
| 110 | + border-top: 1px solid var(--ep-c-medium-white); | |
| 103 | 111 | box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); |
| 104 | 112 | font-weight: 700; |
| 105 | 113 | } |
| 106 | 114 | |
| @@ -125,18 +133,20 @@ | ||
| 125 | 133 | |
| 126 | 134 | & .pointer-result { |
| 127 | 135 | padding: 10px 2em; |
| 128 | 136 | |
| 137 | + /* stylelint-disable-next-line max-nesting-depth */ | |
| 129 | 138 | & .dashicons { |
| 130 | 139 | float: right; |
| 131 | 140 | } |
| 132 | 141 | |
| 133 | 142 | &:hover { |
| 134 | - background-color: #f9f9f9; | |
| 143 | + background-color: var(--ep-c-white); | |
| 135 | 144 | } |
| 136 | 145 | } |
| 137 | 146 | } |
| 138 | 147 | |
| 148 | + /* stylelint-disable-next-line no-descending-specificity */ | |
| 139 | 149 | & .delete-pointer, |
| 140 | 150 | & .add-pointer { |
| 141 | 151 | cursor: pointer; |
| 142 | 152 | } |
