@@ -115,28 +115,28 @@ textarea:focus {
115
115
.button :hover ,
116
116
.button.focus ,
117
117
.button :focus {
118
- border-color : darken ( #7e8993 , 5 % );
119
- color : darken ( #32373c , 5 % );
118
+ border-color : color . adjust ( #7e8993 , $lightness : -5 % );
119
+ color : color . adjust ( #32373c , $lightness : -5 % );
120
120
}
121
121
122
122
.button.focus ,
123
123
.button :focus {
124
124
border-color : #7e8993 ;
125
- color : darken ( #32373c , 5 % );
125
+ color : color . adjust ( #32373c , $lightness : -5 % );
126
126
box-shadow : 0 0 0 1px #32373c ;
127
127
}
128
128
129
129
.button :active {
130
130
border-color : #7e8993 ;
131
- color : darken ( #32373c , 5 % );
131
+ color : color . adjust ( #32373c , $lightness : -5 % );
132
132
box-shadow : none ;
133
133
}
134
134
135
135
.button.active ,
136
136
.button.active :focus ,
137
137
.button.active :hover {
138
138
border-color : $button-color ;
139
- color : darken ( #32373c , 5 % );
139
+ color : color . adjust ( #32373c , $lightness : -5 % );
140
140
box-shadow : inset 0 2px 5px -3px $button-color ;
141
141
}
142
142
@@ -154,16 +154,16 @@ textarea:focus {
154
154
.button.hover ,
155
155
.button :hover ,
156
156
.button-secondary :hover {
157
- border-color : darken ($highlight-color , 10 );
158
- color : darken ($highlight-color , 10 );
157
+ border-color : color . adjust ($highlight-color , $lightness : -10 % );
158
+ color : color . adjust ($highlight-color , $lightness : -10 % );
159
159
}
160
160
161
161
.button.focus ,
162
162
.button :focus ,
163
163
.button-secondary :focus {
164
- border-color : lighten ($highlight-color , 10 );
165
- color : darken ($highlight-color , 20 ); ;
166
- box-shadow : 0 0 0 1px lighten ($highlight-color , 10 );
164
+ border-color : color . adjust ($highlight-color , $lightness : 10 % );
165
+ color : color . adjust ($highlight-color , $lightness : -20 % ) ;
166
+ box-shadow : 0 0 0 1px color . adjust ($highlight-color , $lightness : 10 % );
167
167
}
168
168
169
169
.button-primary {
@@ -225,14 +225,14 @@ textarea:focus {
225
225
}
226
226
227
227
.wrap .page-title-action :hover {
228
- color : darken ($highlight-color , 10 );
229
- border-color : darken ($highlight-color , 10 );
228
+ color : color . adjust ($highlight-color , $lightness : -10 % );
229
+ border-color : color . adjust ($highlight-color , $lightness : -10 % );
230
230
}
231
231
232
232
.wrap .page-title-action :focus {
233
- border-color : lighten ($highlight-color , 10 );
234
- color : darken ($highlight-color , 20 ); ;
235
- box-shadow : 0 0 0 1px lighten ($highlight-color , 10 );
233
+ border-color : color . adjust ($highlight-color , $lightness : 10 % );
234
+ color : color . adjust ($highlight-color , $lightness : -20 % ) ;
235
+ box-shadow : 0 0 0 1px color . adjust ($highlight-color , $lightness : 10 % );
236
236
}
237
237
}
238
238
@@ -539,7 +539,7 @@ ul#adminmenu > li.current > a.current:after {
539
539
540
540
.wp-pointer .wp-pointer-content h3 {
541
541
background-color : $highlight-color ;
542
- border-color : darken ( $highlight-color , 5 % );
542
+ border-color : color . adjust ( $highlight-color , $lightness : -5 % );
543
543
}
544
544
545
545
.wp-pointer .wp-pointer-content h3 :before {
@@ -632,7 +632,7 @@ body.more-filters-opened .more-filters:focus:before {
632
632
633
633
.nav-menus-php .item-edit :focus :before {
634
634
box-shadow :
635
- 0 0 0 1px lighten ($button-color , 10 ),
635
+ 0 0 0 1px color . adjust ($button-color , $lightness : 10 % ),
636
636
0 0 2px 1px $button-color ;
637
637
}
638
638
@@ -711,7 +711,7 @@ div#wp-responsive-toggle a:before {
711
711
#customize-save-button-wrapper .save :focus ,
712
712
#publish-settings :focus {
713
713
box-shadow :
714
- 0 0 0 1px lighten ($button-color , 10 ),
714
+ 0 0 0 1px color . adjust ($button-color , $lightness : 10 % ),
715
715
0 0 2px 1px $button-color ;
716
716
}
717
717
@@ -772,7 +772,7 @@ div#wp-responsive-toggle a:before {
772
772
.wp-full-overlay .collapse-sidebar :hover .collapse-sidebar-arrow ,
773
773
.wp-full-overlay .collapse-sidebar :focus .collapse-sidebar-arrow {
774
774
box-shadow :
775
- 0 0 0 1px lighten ($button-color , 10 ),
775
+ 0 0 0 1px color . adjust ($button-color , $lightness : 10 % ),
776
776
0 0 2px 1px $button-color ;
777
777
}
778
778
0 commit comments