Edit File by line

[1000] Fix | Delete

.sui-toggle + label {

[1001] Fix | Delete

font-weight: 500;

[1002] Fix | Delete

}

[1003] Fix | Delete

}

[1004] Fix | Delete

[1005] Fix | Delete

.smush-align-left {

[1006] Fix | Delete

float: left;

[1007] Fix | Delete

}

[1008] Fix | Delete

[1009] Fix | Delete

.smush-align-right {

[1010] Fix | Delete

float: right;

[1011] Fix | Delete

}

[1012] Fix | Delete

[1013] Fix | Delete

.sui-summary.sui-summary-smush,

[1014] Fix | Delete

.sui-summary.sui-dashboard-summary {

[1015] Fix | Delete

.sui-summary-detail.wp-smush-savings .wp-smush-stats-human,

[1016] Fix | Delete

.sui-summary-large.wp-smush-stats-human,

[1017] Fix | Delete

.sui-summary-details .sui-summary-detail {

[1018] Fix | Delete

font-size: 22px;

[1019] Fix | Delete

line-height: 22px;

[1020] Fix | Delete

font-weight: 700;

[1021] Fix | Delete

}

[1022] Fix | Delete

[1023] Fix | Delete

.sui-summary-detail.wp-smush-savings,

[1024] Fix | Delete

.sui-summary-detail.wp-smush-savings .wp-smush-stats-percent {

[1025] Fix | Delete

font-size: 15px;

[1026] Fix | Delete

font-weight: 400;

[1027] Fix | Delete

}

[1028] Fix | Delete

[1029] Fix | Delete

.smushed-items-count {

[1030] Fix | Delete

.wp-smush-count-resize-total {

[1031] Fix | Delete

margin-top: 16px;

[1032] Fix | Delete

display: block;

[1033] Fix | Delete

&.sui-hidden{

[1034] Fix | Delete

display:none;

[1035] Fix | Delete

}

[1036] Fix | Delete

}

[1037] Fix | Delete

.wp-smush-count-total {

[1038] Fix | Delete

display: block;

[1039] Fix | Delete

}

[1040] Fix | Delete

}

[1041] Fix | Delete

[1042] Fix | Delete

.sui-summary-segment {

[1043] Fix | Delete

overflow: visible;

[1044] Fix | Delete

}

[1045] Fix | Delete

[1046] Fix | Delete

.sui-summary-details {

[1047] Fix | Delete

.sui-summary-sub {

[1048] Fix | Delete

margin-bottom: 16px;

[1049] Fix | Delete

}

[1050] Fix | Delete

[1051] Fix | Delete

.sui-summary-detail {

[1052] Fix | Delete

display: inline-flex;

[1053] Fix | Delete

[1054] Fix | Delete

+ .sui-summary-sub { margin-top: 0; }

[1055] Fix | Delete

.wp-smush-stats-percent { margin-left: 5px; }

[1056] Fix | Delete

.wp-smush-stats-human { margin-right: 5px; }

[1057] Fix | Delete

}

[1058] Fix | Delete

[1059] Fix | Delete

.sui-tooltip {

[1060] Fix | Delete

position: absolute;

[1061] Fix | Delete

margin-top: 25px;

[1062] Fix | Delete

margin-left: -5px;

[1063] Fix | Delete

[1064] Fix | Delete

&:before {

[1065] Fix | Delete

margin-bottom: 20px;

[1066] Fix | Delete

margin-left: 5px;

[1067] Fix | Delete

}

[1068] Fix | Delete

&:after {

[1069] Fix | Delete

margin-bottom: 30px;

[1070] Fix | Delete

margin-left: 5px;

[1071] Fix | Delete

}

[1072] Fix | Delete

}

[1073] Fix | Delete

}

[1074] Fix | Delete

[1075] Fix | Delete

.wp-smush-stats-label-message {

[1076] Fix | Delete

font-size: 13px;

[1077] Fix | Delete

line-height: 22px;

[1078] Fix | Delete

}

[1079] Fix | Delete

[1080] Fix | Delete

.smush-stats-list {

[1081] Fix | Delete

.sui-tag-pro {

[1082] Fix | Delete

top: -1px;

[1083] Fix | Delete

margin-left: 5px;

[1084] Fix | Delete

}

[1085] Fix | Delete

li {

[1086] Fix | Delete

border-bottom: none!important;

[1087] Fix | Delete

border-top: 1px solid #E6E6E6;

[1088] Fix | Delete

&:first-child {

[1089] Fix | Delete

border-top: none;

[1090] Fix | Delete

}

[1091] Fix | Delete

&.sui-hidden {

[1092] Fix | Delete

display: none !important

[1093] Fix | Delete

}

[1094] Fix | Delete

}

[1095] Fix | Delete

}

[1096] Fix | Delete

[1097] Fix | Delete

.smush-summary-row-compression-type {

[1098] Fix | Delete

.sui-list-detail {

[1099] Fix | Delete

display: flex;

[1100] Fix | Delete

flex-direction: column;

[1101] Fix | Delete

align-items: flex-end!important;

[1102] Fix | Delete

a {

[1103] Fix | Delete

font-size: 11px;

[1104] Fix | Delete

}

[1105] Fix | Delete

}

[1106] Fix | Delete

}

[1107] Fix | Delete

}

[1108] Fix | Delete

[1109] Fix | Delete

.sui-box-footer .sui-icon-loader {

[1110] Fix | Delete

line-height: 18px;

[1111] Fix | Delete

vertical-align: middle;

[1112] Fix | Delete

}

[1113] Fix | Delete

[1114] Fix | Delete

.sui-modal-content {

[1115] Fix | Delete

&.wp-smush-modal-dark-background{

[1116] Fix | Delete

> .sui-box {

[1117] Fix | Delete

background: transparent!important;

[1118] Fix | Delete

border-radius: 8px;

[1119] Fix | Delete

overflow: hidden;

[1120] Fix | Delete

.sui-box-header figure {

[1121] Fix | Delete

margin-top: -14px!important;

[1122] Fix | Delete

margin-bottom: 0;

[1123] Fix | Delete

}

[1124] Fix | Delete

.sui-box-body, .sui-box-footer {

[1125] Fix | Delete

background-color:#fff;

[1126] Fix | Delete

}

[1127] Fix | Delete

[1128] Fix | Delete

}

[1129] Fix | Delete

}

[1130] Fix | Delete

}

[1131] Fix | Delete

[1132] Fix | Delete

.wp-smush-ultra-compression-link {

[1133] Fix | Delete

background-color: #F1E7FF!important;

[1134] Fix | Delete

color: $purple!important;

[1135] Fix | Delete

span:before {

[1136] Fix | Delete

color: $purple;

[1137] Fix | Delete

}

[1138] Fix | Delete

[1139] Fix | Delete

&:hover {

[1140] Fix | Delete

color: #64007e!important;

[1141] Fix | Delete

span:before {

[1142] Fix | Delete

color: #64007e;

[1143] Fix | Delete

}

[1144] Fix | Delete

}

[1145] Fix | Delete

}

[1146] Fix | Delete

[1147] Fix | Delete

.wp-smush-scan-progress-bar-wrapper {

[1148] Fix | Delete

--progress-bar-height: 12px;

[1149] Fix | Delete

--progress-transition-duration: 1.2s;

[1150] Fix | Delete

position: absolute;

[1151] Fix | Delete

top: 0;

[1152] Fix | Delete

left: 0;

[1153] Fix | Delete

right: 0;

[1154] Fix | Delete

bottom: 0;

[1155] Fix | Delete

background-color: #fff;

[1156] Fix | Delete

text-align: center;

[1157] Fix | Delete

display: flex;

[1158] Fix | Delete

justify-content: center;

[1159] Fix | Delete

align-items: center;

[1160] Fix | Delete

flex-direction: column;

[1161] Fix | Delete

color:$text-color;

[1162] Fix | Delete

border-radius: $border-radius;

[1163] Fix | Delete

overflow: hidden;

[1164] Fix | Delete

z-index:10;

[1165] Fix | Delete

.wp-smush-scan-progress-bar-inner {

[1166] Fix | Delete

display: flex;

[1167] Fix | Delete

align-items: center;

[1168] Fix | Delete

text-align: left;

[1169] Fix | Delete

justify-content: space-between;

[1170] Fix | Delete

width: 100%;

[1171] Fix | Delete

padding: 5px 30px;

[1172] Fix | Delete

[1173] Fix | Delete

.sui-button{

[1174] Fix | Delete

background-color: transparent;

[1175] Fix | Delete

color: $main-color;

[1176] Fix | Delete

&:hover,&:focus{

[1177] Fix | Delete

background-color: $main-color;

[1178] Fix | Delete

color:#fff;

[1179] Fix | Delete

box-shadow: none;

[1180] Fix | Delete

}

[1181] Fix | Delete

}

[1182] Fix | Delete

}

[1183] Fix | Delete

.wp-smush-progress-status{

[1184] Fix | Delete

line-height: 30px;

[1185] Fix | Delete

font-weight: 700;

[1186] Fix | Delete

// max-height: 100px;

[1187] Fix | Delete

.wp-smush-progress-percent {

[1188] Fix | Delete

font-size: 28px;

[1189] Fix | Delete

}

[1190] Fix | Delete

h4 {

[1191] Fix | Delete

font-size: 20px;

[1192] Fix | Delete

margin: 0 0 15px;

[1193] Fix | Delete

}

[1194] Fix | Delete

p {

[1195] Fix | Delete

font-size: 13px;

[1196] Fix | Delete

margin:0 0 6px;

[1197] Fix | Delete

&.wp-smush-scan-hold-on-notice {

[1198] Fix | Delete

font-size: 14px;

[1199] Fix | Delete

margin-bottom:0;

[1200] Fix | Delete

opacity:1;

[1201] Fix | Delete

animation: fadeIn 3s;

[1202] Fix | Delete

&.sui-hidden {

[1203] Fix | Delete

animation:none;

[1204] Fix | Delete

}

[1205] Fix | Delete

[1206] Fix | Delete

}

[1207] Fix | Delete

}

[1208] Fix | Delete

strong {

[1209] Fix | Delete

font-weight: 700;

[1210] Fix | Delete

}

[1211] Fix | Delete

}

[1212] Fix | Delete

.sui-progress {

[1213] Fix | Delete

position: absolute;

[1214] Fix | Delete

bottom: 0;

[1215] Fix | Delete

left: 0;

[1216] Fix | Delete

right: 0;

[1217] Fix | Delete

.sui-progress-bar{

[1218] Fix | Delete

height: var( --progress-bar-height );

[1219] Fix | Delete

}

[1220] Fix | Delete

.wp-smush-progress-inner{

[1221] Fix | Delete

transition: width var(--progress-transition-duration) ease-in-out;

[1222] Fix | Delete

}

[1223] Fix | Delete

}

[1224] Fix | Delete

}

[1225] Fix | Delete

[1226] Fix | Delete

.smush-settings-wrapper {

[1227] Fix | Delete

.smush-png2jpg-setting-note {

[1228] Fix | Delete

p span {

[1229] Fix | Delete

display: block;

[1230] Fix | Delete

margin-top:20px;

[1231] Fix | Delete

}

[1232] Fix | Delete

}

[1233] Fix | Delete

}

[1234] Fix | Delete

[1235] Fix | Delete

.wp-smush-recheck-images-notice-box {

[1236] Fix | Delete

> .sui-notice {

[1237] Fix | Delete

animation: fadeIn 3s;

[1238] Fix | Delete

&.sui-hidden {

[1239] Fix | Delete

animation: none;

[1240] Fix | Delete

}

[1241] Fix | Delete

}

[1242] Fix | Delete

}

[1243] Fix | Delete

[1244] Fix | Delete

.sui-tag.smush-sui-tag-new {

[1245] Fix | Delete

min-height: 12px;

[1246] Fix | Delete

padding: 2px 8px 1px;

[1247] Fix | Delete

border: 0;

[1248] Fix | Delete

border-radius: 6px;

[1249] Fix | Delete

font-size: 8px;

[1250] Fix | Delete

line-height: 9px;

[1251] Fix | Delete

text-align: center;

[1252] Fix | Delete

text-transform: uppercase;

[1253] Fix | Delete

background-color: #1ABC9C;

[1254] Fix | Delete

color:#fff;

[1255] Fix | Delete

}

[1256] Fix | Delete

.wp-smush-sui-cross-sell-modules {

[1257] Fix | Delete

[class*=sui-cross-] {

[1258] Fix | Delete

position: relative;

[1259] Fix | Delete

>span {

[1260] Fix | Delete

width: 60px!important;

[1261] Fix | Delete

height: 60px!important;

[1262] Fix | Delete

border:none !important;

[1263] Fix | Delete

border-radius: unset !important;

[1264] Fix | Delete

box-shadow: none !important;

[1265] Fix | Delete

background-size: 60px 60px!important;

[1266] Fix | Delete

}

[1267] Fix | Delete

@media screen and ( min-width:600px ) {

[1268] Fix | Delete

&>span {

[1269] Fix | Delete

position: absolute!important;

[1270] Fix | Delete

top: 50% !important;

[1271] Fix | Delete

left: 50% !important;

[1272] Fix | Delete

transform: translate( -50%, -50% )!important;

[1273] Fix | Delete

}

[1274] Fix | Delete

}

[1275] Fix | Delete

}

[1276] Fix | Delete

}

[1277] Fix | Delete

.wp-smush-link-in-progress {

[1278] Fix | Delete

cursor: progress !important;

[1279] Fix | Delete

}

[1280] Fix | Delete

[1281] Fix | Delete

.wp-smush-lossy-level-tabs {

[1282] Fix | Delete

margin-top:8px!important;

[1283] Fix | Delete

.sui-tab-content {

[1284] Fix | Delete

p {

[1285] Fix | Delete

font-size: 13px;

[1286] Fix | Delete

line-height: 22px;

[1287] Fix | Delete

.sui-notice-icon {

[1288] Fix | Delete

position: relative;

[1289] Fix | Delete

top:2px;

[1290] Fix | Delete

margin-right: 5px;

[1291] Fix | Delete

}

[1292] Fix | Delete

}

[1293] Fix | Delete

}

[1294] Fix | Delete

}

[1295] Fix | Delete

[1296] Fix | Delete

.sui-modal .smush-retry-modal .sui-box {

[1297] Fix | Delete

.sui-notice-icon {

[1298] Fix | Delete

&:before {

[1299] Fix | Delete

color:$red;

[1300] Fix | Delete

}

[1301] Fix | Delete

&.sui-warning-icon:before {

[1302] Fix | Delete

color:$yellow;

[1303] Fix | Delete

}

[1304] Fix | Delete

}

[1305] Fix | Delete

.sui-box-title {

[1306] Fix | Delete

margin-top: 7px;

[1307] Fix | Delete

margin-bottom: 5px;

[1308] Fix | Delete

}

[1309] Fix | Delete

.sui-description a {

[1310] Fix | Delete

text-decoration: underline;

[1311] Fix | Delete

}

[1312] Fix | Delete

.sui-box-footer {

[1313] Fix | Delete

.sui-button {

[1314] Fix | Delete

min-width: 0;

[1315] Fix | Delete

+ .sui-button-ghost {

[1316] Fix | Delete

margin-left: 17px;

[1317] Fix | Delete

}

[1318] Fix | Delete

}

[1319] Fix | Delete

}

[1320] Fix | Delete

}

[1321] Fix | Delete

[1322] Fix | Delete

/**

[1323] Fix | Delete

* Fixes the headers and footers with .sui-actions-right on mobiles.

[1324] Fix | Delete

[1325] Fix | Delete

* @todo Remove when there's a fix for this in SUI, which isn't planned atm.

[1326] Fix | Delete

* @since 3.9.0

[1327] Fix | Delete

[1328] Fix | Delete

@include media(max-width, sm) {

[1329] Fix | Delete

.sui-wrap {

[1330] Fix | Delete

[1331] Fix | Delete

.sui-box-header {

[1332] Fix | Delete

[1333] Fix | Delete

.sui-box-title {

[1334] Fix | Delete

flex: 1;

[1335] Fix | Delete

}

[1336] Fix | Delete

[1337] Fix | Delete

.sui-actions-right {

[1338] Fix | Delete

flex: 1;

[1339] Fix | Delete

flex-direction: column;

[1340] Fix | Delete

align-items: flex-end;

[1341] Fix | Delete

}

[1342] Fix | Delete

}

[1343] Fix | Delete

[1344] Fix | Delete

.sui-box-footer .sui-actions-right {

[1345] Fix | Delete

flex-direction: column;

[1346] Fix | Delete

align-items: flex-end;

[1347] Fix | Delete

}

[1348] Fix | Delete

}

[1349] Fix | Delete

}

[1350] Fix | Delete

}

[1351] Fix | Delete

[1352] Fix | Delete

1 23