Skip to content

Commit 0a634da

Browse files
pedro-mendoncapedro-mendonca
committed
Migrate sass @import 
1 parent 3821b8f commit 0a634da

File tree

1 file changed

+30
-30
lines changed

1 file changed

+30
-30
lines changed

‎assets/css/admin.scss‎

Lines changed: 30 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
// Import GlotPress Colors
2-
@import "global";
2+
@use "global";
33

44
table.wp-list-table.plugins { // WordPress Installed Plugins table.
55

@@ -8,7 +8,7 @@ table.wp-list-table.plugins { // WordPress Installed Plugins table.
88
width: 20%;
99

1010
a.tstats-edit-settings-button {
11-
border-radius: $border-radius-outside;
11+
border-radius: global.$border-radius-outside;
1212
}
1313
}
1414

@@ -29,20 +29,20 @@ table.wp-list-table.plugins { // WordPress Installed Plugins table.
2929

3030
button.tstats-update-button {
3131
display: none;
32-
border-radius: $border-radius-outside;
32+
border-radius: global.$border-radius-outside;
3333

3434
span {
35-
color: $color-primary;
35+
color: global.$color-primary;
3636
// Configuration of easeOutCirc.
37-
@include transition-easeOutCubic ( all, 600ms, cubic-bezier(0.075, 0.82, 0.165, 1), 0s );
37+
@include global.transition-easeOutCubic ( all, 600ms, cubic-bezier(0.075, 0.82, 0.165, 1), 0s );
3838
}
3939

4040
&:hover,
4141
&:focus {
4242

4343
span {
4444
transform: rotateZ(180deg);
45-
color: $color-secondary;
45+
color: global.$color-secondary;
4646
}
4747
}
4848

@@ -67,7 +67,7 @@ table.wp-list-table.plugins { // WordPress Installed Plugins table.
6767
grid-row-gap: 6px;
6868
padding: 6px;
6969
margin: 0 0 10px 0;
70-
border-radius: $border-radius-outside;
70+
border-radius: global.$border-radius-outside;
7171

7272
.content__subproject {
7373

@@ -97,7 +97,7 @@ table.wp-list-table.plugins { // WordPress Installed Plugins table.
9797
a div .subproject-bar,
9898
.disabled,
9999
.disabled .subproject-bar { // Border radius.
100-
border-radius: $border-radius-inside;
100+
border-radius: global.$border-radius-inside;
101101
}
102102

103103
a {
@@ -120,47 +120,47 @@ table.wp-list-table.plugins { // WordPress Installed Plugins table.
120120
text-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
121121
}
122122

123-
background-color: $glotpress-percent100;
123+
background-color: global.$glotpress-percent100;
124124
}
125125

126126
div.percent90 {
127-
background-color: $glotpress-percent90;
127+
background-color: global.$glotpress-percent90;
128128
}
129129

130130
div.percent80 {
131-
background-color: $glotpress-percent80;
131+
background-color: global.$glotpress-percent80;
132132
}
133133

134134
div.percent70 {
135-
background-color: $glotpress-percent70;
135+
background-color: global.$glotpress-percent70;
136136
}
137137

138138
div.percent60 {
139-
background-color: $glotpress-percent60;
139+
background-color: global.$glotpress-percent60;
140140
}
141141

142142
div.percent50 {
143-
background-color: $glotpress-percent50;
143+
background-color: global.$glotpress-percent50;
144144
}
145145

146146
div.percent40 {
147-
background-color: $glotpress-percent40;
147+
background-color: global.$glotpress-percent40;
148148
}
149149

150150
div.percent30 {
151-
background-color: $glotpress-percent30;
151+
background-color: global.$glotpress-percent30;
152152
}
153153

154154
div.percent20 {
155-
background-color: $glotpress-percent20;
155+
background-color: global.$glotpress-percent20;
156156
}
157157

158158
div.percent10 {
159-
background-color: $glotpress-percent10;
159+
background-color: global.$glotpress-percent10;
160160
}
161161

162162
div.percent0 {
163-
background-color: $glotpress-percent0;
163+
background-color: global.$glotpress-percent0;
164164
}
165165

166166
}
@@ -185,7 +185,7 @@ table.wp-list-table.plugins { // WordPress Installed Plugins table.
185185
a:hover div .subproject-bar,
186186
a:focus div .subproject-bar, { // Configuration of easeOutCirc.
187187

188-
@include transition-easeOutCubic ( all, 300ms, cubic-bezier(0.075, 0.82, 0.165, 1), 0s );
188+
@include global.transition-easeOutCubic ( all, 300ms, cubic-bezier(0.075, 0.82, 0.165, 1), 0s );
189189
}
190190

191191
a.enabled:hover,
@@ -285,7 +285,7 @@ table.tstats-plugin-list-table.widefat { // Translation Stats Settings Plugins t
285285
&::after {
286286
font: normal 20px/1 dashicons;
287287
vertical-align: bottom;
288-
color: rgba($color-primary, 1);
288+
color: rgba(global.$color-primary, 1);
289289
}
290290
}
291291

@@ -296,7 +296,7 @@ table.tstats-plugin-list-table.widefat { // Translation Stats Settings Plugins t
296296
.tablesorter-header-inner {
297297

298298
&::after {
299-
color: rgba($color-secondary, 1);
299+
color: rgba(global.$color-secondary, 1);
300300
}
301301
}
302302
}
@@ -535,7 +535,7 @@ table.tstats-plugin-list-table.widefat { // Translation Stats Settings Plugins t
535535
display: flex;
536536
flex-wrap: wrap;
537537

538-
@media (min-width: $break-large) {
538+
@media (min-width: global.$break-large) {
539539
flex-wrap: nowrap;
540540
}
541541

@@ -547,7 +547,7 @@ table.tstats-plugin-list-table.widefat { // Translation Stats Settings Plugins t
547547
a.nav-tab {
548548

549549
span.dashicons {
550-
color: $color-primary;
550+
color: global.$color-primary;
551551

552552
vertical-align: text-top;
553553
}
@@ -559,12 +559,12 @@ table.tstats-plugin-list-table.widefat { // Translation Stats Settings Plugins t
559559
a.nav-tab:focus {
560560

561561
span.dashicons {
562-
color: $color-secondary;
562+
color: global.$color-secondary;
563563
}
564564
}
565565
}
566566

567-
@media (min-width: $break-large) {
567+
@media (min-width: global.$break-large) {
568568
order: 1;
569569
overflow: auto;
570570
}
@@ -575,7 +575,7 @@ table.tstats-plugin-list-table.widefat { // Translation Stats Settings Plugins t
575575
// flex-shrink: 0;
576576
padding: 0;
577577

578-
@media (min-width: $break-large) {
578+
@media (min-width: global.$break-large) {
579579
width: 25%;
580580
min-width: 280px;
581581
max-width: 350px;
@@ -584,7 +584,7 @@ table.tstats-plugin-list-table.widefat { // Translation Stats Settings Plugins t
584584
}
585585

586586
.postbox {
587-
border-radius: $border-radius-outside;
587+
border-radius: global.$border-radius-outside;
588588

589589
.inside {
590590

@@ -663,8 +663,8 @@ table.tstats-plugin-list-table.widefat { // Translation Stats Settings Plugins t
663663
bottom: 1em;
664664
width: 50%;
665665
top: 80%;
666-
background: $color-shadow;
667-
box-shadow: 0 1em 0.5em $color-shadow;
666+
background: global.$color-shadow;
667+
box-shadow: 0 1em 0.5em global.$color-shadow;
668668
}
669669

670670
&::before {

0 commit comments

Comments
 (0)