less-rails-liftkit 0.1

data/vendor/frameworks/lift/liftkit/buttons.less

@@ -0,0 +1,160 @@
+input.btn,
+button.btn,
+.btn {
+  float: none;
+  width: auto;
+  margin: 0;
+  padding: 7px 15px;
+  background: #fff;
+  color: @gray;
+  background: #eee;
+  line-height: normal;
+  border: 1px solid @grayLight;
+  font-size: @basesize;
+  font-family: @basefont;
+  text-decoration: none;
+  cursor: pointer;
+  display: inline-block;
+  .border-radius(3px);
+  .transition(.2s);
+  
+  &:hover {
+    border-color: @gray;
+    color: @gray;
+  }
+  
+  &.ondark {
+    border: 1px solid @white;
+    
+    &:hover {
+      background: @white;
+      border: 1px solid @white;
+    }
+  }
+  
+  &.full {
+    text-align: center;
+    display: block;
+  }
+  
+  &.round {
+    .border-radius(50px);
+  }
+  
+  &.primary {
+    color: @white;
+    background: @primary;
+    border-color: darken(@primary, 10%);
+    &:hover {
+      border-color: darken(@primary, 25%);
+    }
+    
+    &.ondark {
+      background: @primary;
+      border-color: lighten(@primary, 10%);
+
+      &:hover {
+        background: @primary;
+        border-color: lighten(@primary, 25%)
+      }
+    }
+  }
+  
+  &.secondary {
+    color: @white;
+    background: @secondary;
+    border-color: darken(@secondary, 10%);
+    
+    &:hover {
+      border-color: darken(@secondary, 25%);
+    }
+    
+    &.ondark {
+      background: @secondary;
+      border-color: lighten(@secondary, 10%);
+
+      &:hover {
+        background: @secondary;
+        border-color: lighten(@secondary, 25%)
+      }
+    }
+  }
+  
+  &.success {
+    color: @white;
+    background: @success;
+    border-color: darken(@success, 10%);
+    
+    &:hover {
+      border-color: darken(@success, 25%);
+    }
+    
+    &.ondark {
+      background: @success;
+      border-color: lighten(@success, 10%);
+
+      &:hover {
+        background: @success;
+        border-color: lighten(@success, 25%)
+      }
+    }
+  }
+  
+  &.warning {
+    color: @white;
+    background: @warning;
+    border-color: darken(@warning, 10%);
+    
+    &:hover {
+      border-color: darken(@warning, 25%);
+    }
+    
+    &.ondark {
+      background: @warning;
+      border-color: lighten(@warning, 10%);
+
+      &:hover {
+        background: @warning;
+        border-color: lighten(@warning, 25%)
+      }
+    }
+  }
+  
+  &.danger {
+    color: @white;
+    background: @danger;
+    border-color: darken(@danger, 10%);
+    
+    &:hover {
+      border-color: darken(@danger, 25%);
+    }
+    
+    &.ondark {
+      background: @danger;
+      border-color: lighten(@danger, 10%);
+
+      &:hover {
+        background: @danger;
+        border-color: lighten(@danger, 25%)
+      }
+    }
+  }
+  
+  &.small {
+    padding: 5px 10px;
+    font-size: @basesize - 2;
+    .border-radius(3px);
+    &.round {
+      .border-radius(50px);
+    }
+  }
+  
+  &.large {
+    padding: 8px 20px;
+    font-size: @basesize + 2;
+    .border-radius(5px);
+    &.round {
+      .border-radius(50px);
+    }
+  }
+}

data/vendor/frameworks/lift/liftkit/core.less

@@ -0,0 +1,345 @@
+// Varables
+@baseColor: #425eef;
+@linkColor: #425eef;
+@typeColor: @grayDark;
+@headerColor: @grayDarker;
+@linkColorHover: darken(@linkColor, 15);
+
+@black:             #000;
+@grayDarker:        lighten(@black, 10%);
+@grayDark:          lighten(@black, 25%);
+@gray:              lighten(@black, 50%);
+@grayLight:         lighten(@black, 75%);
+@grayLighter:       lighten(@black, 90%);
+@white:             #fff;
+
+@primary:           #425eef;
+@secondary:         #4297ef;
+@success:           #71b44c;
+@warning:           #f9b53f;
+@danger:            #da5444;
+
+// Font-Families
+@serif: Garamond, Georgia, Times, "Times New Roman", sans-serif;
+@sansserif: Helvetica, Arial, sans-serif;
+
+// Required for type, tables, forms
+@basesize:  15px;
+@baseline:  1.3;
+@basefont:  @sansserif;
+@baseheaderfont:  @sansserif;
+@basespace: round(@basesize * @baseline);
+
+/* =============================================================================
+   HTML5 display definitions
+   ========================================================================== */
+
+/*
+ * Corrects block display not defined in IE6/7/8/9 & FF3
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+nav,
+section {
+    display: block;
+}
+
+/*
+ * Corrects inline-block display not defined in IE6/7/8/9 & FF3
+ */
+
+audio,
+canvas,
+video {
+    display: inline-block;
+    *display: inline;
+    *zoom: 1;
+}
+
+/*
+ * Prevents modern browsers from displaying 'audio' without controls
+ */
+
+audio:not([controls]) {
+    display: none;
+}
+
+/*
+ * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
+ * Known issue: no IE6 support
+ */
+
+[hidden] {
+    display: none;
+}
+
+
+/* =============================================================================
+   Base
+   ========================================================================== */
+
+/*
+ * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
+ *    http://clagnut.com/blog/348/#c790
+ * 2. Keeps page centred in all browsers regardless of content height
+ * 3. Prevents iOS text size adjust after orientation change, without disabling user zoom
+ *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
+ */
+
+html {
+    font-size: 100%; /* 1 */
+    overflow-y: scroll; /* 2 */
+    -webkit-text-size-adjust: 100%; /* 3 */
+    -ms-text-size-adjust: 100%; /* 3 */
+}
+
+/*
+ * Addresses margins handled incorrectly in IE6/7
+ */
+
+body {
+    margin: 0;
+    font-family: @basefont;
+    font-size: @basesize;
+    line-height: @baseline;
+    -webkit-font-smoothing: antialiased;
+}
+
+/* 
+ * Addresses font-family inconsistency between 'textarea' and other form elements.
+ */
+
+body,
+button,
+input,
+select,
+textarea {
+    font-family: sans-serif;
+}
+
+
+/*
+ * Addresses outline displayed oddly in Chrome
+ */
+
+a:focus {
+    outline: thin dotted;
+}
+
+/*
+ * Improves readability when focused and also mouse hovered in all browsers
+ * people.opera.com/patrickl/experiments/keyboard/test
+ */
+
+a:hover,
+a:active {
+    outline: 0;
+}
+
+/* =============================================================================
+   Embedded content
+   ========================================================================== */
+
+/*
+ * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
+ * 2. Improves image quality when scaled in IE7
+ *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
+ */
+
+img {
+    border: 0; /* 1 */
+    -ms-interpolation-mode: bicubic; /* 2 */
+}
+
+/*
+ * Corrects overflow displayed oddly in IE9 
+ */
+
+svg:not(:root) {
+    overflow: hidden;
+}
+
+
+/* =============================================================================
+   Figures
+   ========================================================================== */
+
+/*
+ * Addresses margin not present in IE6/7/8/9, S5, O11
+ */
+
+figure {
+    margin: 0;
+}
+
+
+/* Mixins
+ * Snippets of reusable CSS to develop faster and keep code readable
+ * ----------------------------------------------------------------- */
+
+.center-block() {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+// Clearfix for clearing floats like a boss h5bp.com/q
+.clearfix() {
+  zoom: 1;
+	&:before,
+  &:after {
+    display: table;
+    content: "";
+    zoom: 1;
+    *display: inline;
+	}
+	&:after {
+    clear: both;
+	}
+}
+
+#stickybox {
+  .fixed(@top: 0) {
+    position: fixed;
+    top: @top;
+  }
+  .bottom(@bottom: 0) {
+    position: absolute;
+    top: auto;
+    bottom: @bottom;
+  }
+}
+
+// Border Radius
+.border-radius(@radius: 5px) {
+  -webkit-border-radius: @radius;
+     -moz-border-radius: @radius;
+          border-radius: @radius;
+}
+
+// Drop shadows
+.box-shadow(@shadow: 0 1px 3px rgba(0,0,0,.25)) {
+  -webkit-box-shadow: @shadow;
+     -moz-box-shadow: @shadow;
+          box-shadow: @shadow;
+}
+
+// Drop sizing
+.box-sizing(@sizing: border-box) {
+  -webkit-box-sizing: @sizing;
+     -moz-box-sizing: @sizing;
+          box-sizing: @sizing;
+}
+
+// Transitions
+.transition(@transition) {
+	-webkit-transition: @transition;
+	   -moz-transition: @transition;
+ 	    -ms-transition: @transition;
+	     -o-transition: @transition;
+	        transition: @transition;
+}
+
+.transform(@transform) {
+	-webkit-transform: @transform;
+	   -moz-transform: @transform;
+ 	    -ms-transform: @transform;
+	     -o-transform: @transform;
+	        transform: @transform;
+}
+
+// Background clipping
+.background-clip(@clip) {
+	-webkit-background-clip: @clip;
+	   -moz-background-clip: @clip;
+	        background-clip: @clip;
+}
+
+// CSS3 Content Columns
+.content-columns(@columnCount, @columnGap: 20px) {
+	-webkit-column-count: @columnCount;
+	   -moz-column-count: @columnCount;
+          column-count: @columnCount;
+  -webkit-column-gap: @columnGap;
+	   -moz-column-gap: @columnGap;
+          column-gap: @columnGap;
+}
+
+// Add an alphatransparency value to any background or border color (via Elyse Holladay)
+#translucent {
+  .background(@color: @white, @alpha: 1) {
+    background-color: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);
+	}
+	.border(@color: @white, @alpha: 1) {
+		border-color: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);
+		background-clip: padding-box;
+	}
+}
+
+// Gradients
+#gradient {
+  .horizontal (@startColor: #555, @endColor: #333) {
+    background-color: @endColor;
+    background-repeat: repeat-x;
+    background-image: -khtml-gradient(linear, left top, right top, from(@startColor), to(@endColor)); // Konqueror
+    background-image: -moz-linear-gradient(left, @startColor, @endColor); // FF 3.6+
+    background-image: -ms-linear-gradient(left, @startColor, @endColor); // IE10
+    background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, @startColor), color-stop(100%, @endColor)); // Safari 4+, Chrome 2+
+    background-image: -webkit-linear-gradient(left, @startColor, @endColor); // Safari 5.1+, Chrome 10+
+    background-image: -o-linear-gradient(left, @startColor, @endColor); // Opera 11.10
+    background-image: linear-gradient(left, @startColor, @endColor); // Le standard
+    filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",@startColor,@endColor)); // IE9 and down
+  }
+  .vertical (@startColor: #555, @endColor: #333) {
+    background-color: @endColor;
+    background-repeat: repeat-x;
+    background-image: -khtml-gradient(linear, left top, left bottom, from(@startColor), to(@endColor)); // Konqueror
+    background-image: -moz-linear-gradient(top, @startColor, @endColor); // FF 3.6+
+    background-image: -ms-linear-gradient(top, @startColor, @endColor); // IE10
+    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, @startColor), color-stop(100%, @endColor)); // Safari 4+, Chrome 2+
+    background-image: -webkit-linear-gradient(top, @startColor, @endColor); // Safari 5.1+, Chrome 10+
+    background-image: -o-linear-gradient(top, @startColor, @endColor); // Opera 11.10
+    background-image: linear-gradient(top, @startColor, @endColor); // The standard
+    filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); // IE9 and down
+  }
+  .directional (@startColor: #555, @endColor: #333, @deg: 45deg) {
+    background-color: @endColor;
+    background-repeat: repeat-x;
+    background-image: -moz-linear-gradient(@deg, @startColor, @endColor); // FF 3.6+
+    background-image: -ms-linear-gradient(@deg, @startColor, @endColor); // IE10
+    background-image: -webkit-linear-gradient(@deg, @startColor, @endColor); // Safari 5.1+, Chrome 10+
+    background-image: -o-linear-gradient(@deg, @startColor, @endColor); // Opera 11.10
+    background-image: linear-gradient(@deg, @startColor, @endColor); // The standard
+  }
+  .vertical-three-colors(@startColor: #00b3ee, @midColor: #7a43b6, @colorStop: 50%, @endColor: #c3325f) {
+    background-color: @endColor;
+    background-repeat: no-repeat;
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), color-stop(@colorStop, @midColor), to(@endColor));
+    background-image: -webkit-linear-gradient(@startColor, @midColor @colorStop, @endColor);
+    background-image: -moz-linear-gradient(top, @startColor, @midColor @colorStop, @endColor);
+    background-image: -ms-linear-gradient(@startColor, @midColor @colorStop, @endColor);
+    background-image: -o-linear-gradient(@startColor, @midColor @colorStop, @endColor);
+    background-image: linear-gradient(@startColor, @midColor @colorStop, @endColor);
+    filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); // IE9 and down, gets no color-stop at all for proper fallback
+  }
+}
+
+// Reset filters for IE
+.reset-filter() {
+  filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)"));
+}
+
+// Opacity
+.opacity(@opacity: 100) {
+	filter: e(%("alpha(opacity=%d)", @opacity));
+	-khtml-opacity: @opacity / 100;
+	  -moz-opacity: @opacity / 100;
+	       opacity: @opacity / 100;
+}

data/vendor/frameworks/lift/liftkit/fluid.less

@@ -0,0 +1,93 @@
+/* Responsive.less
+ * For phone and tablet devices
+ * ------------------------------------------------------------- */
+
+@responsiveGridColumns:     16;
+@responsiveGridColumnWidth: (100% / @responsiveGridColumns);
+@responsiveGridGutterWidth: 0;
+@responsiveGridMarginWidth: 5%;
+@responsiveExtraSpace:      (@responsiveGridColumnWidth * 2); // For our grid calculations
+@responsiveSiteWidth:       90%;
+
+// Center-align a block level element
+.center-blockcolumns() {
+	display: block;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+// Grid System
+.fixed-container() {
+ width: @responsiveSiteWidth;
+ margin-left: auto;
+ margin-right: auto;
+ .clearfix();
+ .box-sizing();
+ 
+}
+.columns(@columnSpan: 1) {
+ width: (@responsiveGridColumnWidth * @columnSpan);
+ .box-sizing();
+ 
+}
+
+// Necessary grid styles for every column to make them appear next to each other horizontally
+.gridColumn() {
+ display: inline;
+ float: left;
+ margin-left: @responsiveGridGutterWidth;
+ .box-sizing();
+}
+
+// makeColumn can be used to mark any element (e.g., .content-primary) as a column without changing markup to .span something
+.makeColumn(@columnSpan: 1) {
+ .gridColumn();
+ .columns(@columnSpan);
+}
+
+// Container (centered, fixed-width layouts)
+.container {
+ padding: 0 @responsiveGridMarginWidth;
+ .fixed-container();
+}
+
+.row {
+ .clearfix();
+ margin-left: -@responsiveGridGutterWidth;
+ .box-sizing();
+ width: 100%;
+}
+
+// Default columns
+.span1     { .gridColumn(); .columns(1); }
+.span2     { .gridColumn(); .columns(2); }
+.span3     { .gridColumn(); .columns(3); }
+.span4     { .gridColumn(); .columns(4); }
+.span5     { .gridColumn(); .columns(5); }
+.span6     { .gridColumn(); .columns(6); }
+.span7     { .gridColumn(); .columns(7); }
+.span8     { .gridColumn(); .columns(8); }
+.span9     { .gridColumn(); .columns(9); }
+.span10    { .gridColumn(); .columns(10); }
+.span11    { .gridColumn(); .columns(11); }
+.span12    { .gridColumn(); .columns(12); }
+.span13    { .gridColumn(); .columns(13); }
+.span14    { .gridColumn(); .columns(14); }
+.span15    { .gridColumn(); .columns(15); }
+.span16    { .gridColumn(); .columns(16); }
+.span17    { .gridColumn(); .columns(17); }
+.span18    { .gridColumn(); .columns(18); }
+.span19    { .gridColumn(); .columns(19); }
+.span20    { .gridColumn(); .columns(20); }
+.span21    { .gridColumn(); .columns(21); }
+.span22    { .gridColumn(); .columns(22); }
+.span23    { .gridColumn(); .columns(23); }
+.span24    { .gridColumn(); .columns(24); }
+
+
+// LARGE DESKTOP & UP
+// ------------------
+
+@media (min-width: 1210px) {
+
+}