Resolves woocommerce#1277, Resolves woocommerce#1261 - split less fil…

…e into sub files for better editing and future maintenance.

css/base.less

@@ -0,0 +1,77 @@
+/* ====================================================================================================================
+ * BASE STYLES
+ * ====================================================================================================================*/
+
+
+.flexslider {
+
+  margin: 0; 
+  padding: 0;
+
+  .slides {
+
+    > li {
+
+      display: none; 
+      -webkit-backface-visibility: hidden;
+
+    }
+
+    img{
+
+      width: 100%;
+      display: block;
+
+    }
+
+
+    //
+    // Clearfix for the .slides element
+    //
+
+    &:after{
+
+      content: "\0020"; 
+      display: block; 
+      clear: both; 
+      visibility: hidden; 
+      line-height: 0; 
+      height: 0;
+
+
+    }
+
+    html[xmlns] &{
+
+      display: block;
+
+    }
+
+    * html &{
+
+      height: 1%;
+
+    }
+
+
+
+     // 
+     // No JavaScript Fallback
+     // If you are not using another script, such as Modernizr, make sure you
+     // include js that eliminates this class on page load
+     // 
+
+
+    .no-js &{
+
+      > li{
+
+        &:first-child{
+
+          display: block;
+
+        }
+      }
+    }
+  }
+}

css/font.less

@@ -0,0 +1,17 @@
+/* ====================================================================================================================
+ * FONT-FACE
+ * ====================================================================================================================*/
+
+
+@font-face {
+
+  font-family: '@{font-name}';
+  src:url('@{font-path}/@{font-file-name}.eot');
+  src:url('@{font-path}/@{font-file-name}.eot?#iefix') format('embedded-opentype'),
+    url('@{font-path}/@{font-file-name}.woff') format('woff'),
+    url('@{font-path}/@{font-file-name}.ttf') format('truetype'),
+    url('@{font-path}/@{font-file-name}.svg#flexslider-icon') format('svg');
+  font-weight: normal;
+  font-style: normal;
+
+}

css/mixins.less

@@ -0,0 +1,40 @@
+//
+// Transition
+//
+
+.transition( @duration: @default-duration, @easing: @default-easing ) {
+
+  -webkit-transition: all @duration @easing;
+     -moz-transition: all @duration @easing;
+      -ms-transition: all @duration @easing;
+       -o-transition: all @duration @easing;
+          transition: all @duration @easing;
+
+}
+
+
+//
+// Border-radius
+//
+
+.border-radius( @radius: @default-border-radius ){
+
+  -webkit-border-radius: @arguments;
+     -moz-border-radius: @arguments;
+          border-radius: @arguments;
+
+}
+
+
+//
+// Box-shadow
+//
+
+.box-shadow( @x-axis: @default-box-shadow-x-axis, @y-axis: @default-box-shadow-y-axis, @blur: @default-box-shadow-blur, @color: @default-box-shadow-color, @inset: @default-box-shadow-inset ) {
+
+  -webkit-box-shadow: @inset @x-axis @y-axis @blur @color;
+     -moz-box-shadow: @inset @x-axis @y-axis @blur @color;
+       -o-box-shadow: @inset @x-axis @y-axis @blur @color;
+          box-shadow: @inset @x-axis @y-axis @blur @color;
+
+}

css/resets.less

@@ -0,0 +1,33 @@
+/* ====================================================================================================================
+ * RESETS
+ * ====================================================================================================================*/
+
+
+.flex-container,
+.flex-slider {
+
+  a:hover,
+  a:focus {
+
+    outline: none;
+
+  }
+
+}
+
+.slides,
+.slides > li,
+.flex-control-nav,
+.flex-direction-nav {
+
+  margin: 0; 
+  padding: 0; 
+  list-style: none;
+
+}
+
+.flex-pauseplay span {
+
+  text-transform: capitalize;
+
+}

css/responsive.less

@@ -0,0 +1,23 @@
+/* ====================================================================================================================
+ * RESPONSIVE
+ * ====================================================================================================================*/
+
+@media screen and ( max-width: 860px ) {
+
+  .flex-direction-nav {
+
+    .flex-prev { 
+
+      opacity: 1; 
+      left: 10px;
+
+    }
+
+    .flex-next { 
+
+      opacity: 1; 
+      right: 10px;
+
+    }
+  }
+}