first

wp-content/plugins/shortpixel-image-optimiser/res/scss/elements/_actionbar.scss

@@ -0,0 +1,65 @@
+.sp-column-info
+{
+		max-width: 300px; // fix for wide screen when the actions will move
+
+		.sp-column-actions  {
+	    max-width: 140px;
+	    float:right;
+	    text-align: right;
+			.button.button-smaller {
+			    margin-right: 0px;
+			}
+		}
+
+	 .thumbnails.optimized
+ 	 {
+		 	display: inline-block;
+			.thumb-wrapper
+			{
+			}
+
+	 }
+	 .sp-dropdown {
+	     position: relative;
+	     display: inline-block;
+	 }
+
+	 .sp-dropbtn.button {
+	     box-sizing: content-box;
+	     padding: 0 5px;
+	     font-size: 20px;
+	     line-height: 20px;
+	     cursor: pointer;
+	 }
+
+
+	 /* Dropdown Content (Hidden by Default) */
+	 .sp-dropdown-content {
+	     display: none;
+	     right: 0;
+	     position: absolute;
+	     background: #f9f9f9;
+	     min-width: 200px;
+	     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+	     z-index: 5;
+	 }
+	 .rtl .sp-dropdown-content {
+	     right:auto;
+	     left: 0;
+	 }
+
+	 /* Links inside the dropdown */
+	 .sp-dropdown-content a {
+	     color: black;
+	     padding: 12px 16px;
+	     text-decoration: none;
+	     display: block;
+	 }
+
+	 /* Change color of dropdown links on hover */
+	 .sp-dropdown-content a:hover {background-color: #f1f1f1}
+
+	 /* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
+	 .sp-dropdown.sp-show .sp-dropdown-content {display:block;}
+
+} // column

wp-content/plugins/shortpixel-image-optimiser/res/scss/elements/_animation.scss

@@ -0,0 +1,28 @@
+@mixin loadspinner()
+{
+		animation: cssload-spin 5000ms infinite linear;
+						-o-animation: cssload-spin 5000ms infinite linear;
+						-ms-animation: cssload-spin 5000ms infinite linear;
+						-webkit-animation: cssload-spin 5000ms infinite linear;
+						-moz-animation: cssload-spin 5000ms infinite linear;
+
+	@keyframes loading-spin {
+		100%{ transform: rotate(360deg); transform: rotate(360deg); }
+	}
+
+	@-o-keyframes loading-spin {
+		100%{ -o-transform: rotate(360deg); transform: rotate(360deg); }
+	}
+
+	@-ms-keyframes loading-spin {
+		100%{ -ms-transform: rotate(360deg); transform: rotate(360deg); }
+	}
+
+	@-webkit-keyframes loading-spin {
+		100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg); }
+	}
+
+	@-moz-keyframes loading-spin {
+		100%{ -moz-transform: rotate(360deg); transform: rotate(360deg); }
+	}
+}

wp-content/plugins/shortpixel-image-optimiser/res/scss/elements/_breakpoints.scss

@@ -0,0 +1,16 @@
+
+@mixin breakpoint($min: 0, $max : 0) {
+  @if $min > 0 and $max == 0
+  {
+    @media (min-width: $min ) { @content; }
+  }
+  @if $min > 0 and $max > 0
+  {
+    @media (min-width: $min) and (max-width: $max ) { @content; }
+  }
+  @if $max > 0 and $min == 0
+  {
+    @media (max-width: $max) { @content; }
+  }
+
+}

wp-content/plugins/shortpixel-image-optimiser/res/scss/elements/_colors.scss

@@ -0,0 +1,6 @@
+
+$color-darkest: #0f6a7d;
+$color-dark: #1cbecb;
+$color-light: #d1f5fd;
+
+$color-brokenwhite: #F5F5F5;