Merge pull request woocommerce#1282 from woothemes/release-2-4-0

Release 2.4.0 release, standards improvements, css compartmentalization, fixes.

README.mdown

@@ -1,7 +1,7 @@
 [![Gitter chat](https://badges.gitter.im/woothemes/FlexSlider.png)](https://gitter.im/woothemes/FlexSlider)
 
-# FlexSlider 2.3.0
-http://www.woothemes.com/flexslider/ - Copyright (c) 2014 WooThemes
+# FlexSlider 2.4.0
+http://www.woothemes.com/flexslider/ - Copyright (c) 2015 WooThemes
 
 ## Releases
 
@@ -19,6 +19,10 @@ To keep up to date with how FlexSlider's development roadmap looks, please see o
 
 ## Updates
 
+** Version 2.4.0 **
+
+** Update for improved standards. Adds classes to li nav elements. Reset for li elements in stylesheet. **
+
 ** Version 2.3.0 **
 
 ** Fixes pauseInvisible attribute issue with Chrome and the Page Visibility API. **
@@ -38,7 +42,7 @@ To keep up to date with how FlexSlider's development roadmap looks, please see o
 -----
 
 ## General Notes
-FlexSlider is no longer licensed under the MIT license. FlexSlider now shares the common licensed used for all WooThemes themes, GPLv2.
+FlexSlider is no longer licensed under the MIT license. FlexSlider now uses the license, GPLv2 and later.
 
 In an effort to move the plugin forward, support for jQuery 1.3.2 has been dropped. The plugin now requires jQuery 1.4.2+. If you don't have access to the later versions of jQuery, [FlexSlider 1.8](https://github.com/woothemes/FlexSlider/tree/flexslider1) should be a perfectly suitable substitute for your needs!
 

changelog.txt

@@ -7,4 +7,7 @@ FLEXSLIDER CHANGELOG
  * Added flexslider.less
 
 2015.02.11 - Version 2.3.0
- * Fix for pauseInvisible attribute for Chrome and the Page Visibility API
+ * Fix for pauseInvisible attribute for Chrome and the Page Visibility API
+
+ 2015.02.27 - Version 2.4.0
+ * Update for improved standards. Adds classes to li nav elements. Reset for li elements in stylesheet.

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;
+
+    }
+  }
+}