less-rails-jasny-bootstrap 3.1.3

data/app/assets/javascripts/jasny/jasny-bootstrap.js

@@ -0,0 +1,5 @@
+//= require jasny/bootstrap/fileinput.js
+//= require jasny/bootstrap/inputmask.js
+//= require jasny/bootstrap/offcanvas.js
+//= require jasny/bootstrap/rowlink.js
+//= require jasny/bootstrap/transition.js

data/app/assets/stylesheets/jasny/jasny-bootstrap.less

@@ -0,0 +1 @@
+@import "jasny/bootstrap/jasny-bootstrap";

data/app/frameworks/jasny/bootstrap/alerts-fixed.less

@@ -0,0 +1,39 @@
+// Fixed alerts
+// Position to the top or bottom.
+// ------------------------------------------------
+
+.alert-fixed-top,
+.alert-fixed-bottom {
+  position: fixed;
+  width: 100%;
+  z-index: @zindex-alert-fixed;
+  border-radius: 0;
+  margin: 0;
+  left: 0;
+
+  @media (min-width: @alert-fixed-width) {
+    width: @alert-fixed-width;
+    left: 50%;
+    margin-left: (-1 * (@alert-fixed-width / 2));
+  }
+}
+
+.alert-fixed-top {
+  top: 0;
+  border-width: 0 0 1px 0;
+  
+  @media (min-width: @alert-fixed-width) {
+    .border-bottom-radius(@alert-border-radius);
+    border-width: 0 1px 1px 1px;
+  }
+}
+
+.alert-fixed-bottom {
+  bottom: 0;
+  border-width: 1px 0 0 0;
+  
+  @media (min-width: @alert-fixed-width) {
+    .border-top-radius(@alert-border-radius);
+    border-width: 1px 1px 0 1px;
+  }
+}

data/app/frameworks/jasny/bootstrap/build/jasny-bootstrap.less

@@ -0,0 +1,5 @@
+// Jasny Bootstrap with default variables
+
+@import "variables";
+@import "mixins";
+@import "../jasny-bootstrap";

data/app/frameworks/jasny/bootstrap/build/mixins.less

@@ -0,0 +1,61 @@
+//
+// These mixins are used when Jasny Bootstrap is
+// built without importing Twitter Bootstrap.
+// --------------------------------------------------
+
+
+// CSS3 PROPERTIES
+// --------------------------------------------------
+
+// Single side border-radius
+.border-top-radius(@radius) {
+  border-top-right-radius: @radius;
+   border-top-left-radius: @radius;
+}
+.border-right-radius(@radius) {
+  border-bottom-right-radius: @radius;
+     border-top-right-radius: @radius;
+}
+.border-bottom-radius(@radius) {
+  border-bottom-right-radius: @radius;
+   border-bottom-left-radius: @radius;
+}
+.border-left-radius(@radius) {
+  border-bottom-left-radius: @radius;
+     border-top-left-radius: @radius;
+}
+
+// Drop shadows
+.box-shadow(@shadow) {
+  -webkit-box-shadow: @shadow; // iOS <4.3 & Android <4.1
+          box-shadow: @shadow;
+}
+.transition(@transition) {
+  -webkit-transition: @transition;
+       -o-transition: @transition;
+          transition: @transition;
+}
+
+// Transition
+.transition-property(@transition-property) {
+  -webkit-transition-property: @transition-property;
+          transition-property: @transition-property;
+}
+.transition-delay(@transition-delay) {
+  -webkit-transition-delay: @transition-delay;
+          transition-delay: @transition-delay;
+}
+.transition-duration(@transition-duration) {
+  -webkit-transition-duration: @transition-duration;
+          transition-duration: @transition-duration;
+}
+.transition-timing-function(@timing-function) {
+  -webkit-transition-timing-function: @timing-function;
+          transition-timing-function: @timing-function;
+}
+.transition-transform(@transition) {
+  -webkit-transition: -webkit-transform @transition;
+     -moz-transition: -moz-transform @transition;
+       -o-transition: -o-transform @transition;
+          transition: transform @transition;
+}

data/app/frameworks/jasny/bootstrap/build/variables.less

@@ -0,0 +1,216 @@
+//
+// These variables are used when Jasny Bootstrap is built
+// without importing Twitter Bootstrap.
+// --------------------------------------------------------
+
+//-- Colors
+//
+//## Gray colors for use across Bootstrap.
+
+@gray-darker:            lighten(#000, 13.5%); // #222
+@gray-dark:              lighten(#000, 20%);   // #333
+@gray:                   lighten(#000, 33.5%); // #555
+@gray-light:             lighten(#000, 60%);   // #999
+@gray-lighter:           lighten(#000, 93.5%); // #eee
+
+//-- Typography
+//
+//## Font size and line-height.
+
+@font-size-base:          14px;
+@font-size-large:         ceil((@font-size-base * 1.25)); // ~18px
+@font-size-small:         ceil((@font-size-base * 0.85)); // ~12px
+
+//** Unit-less `line-height` for use in components like buttons.
+@line-height-base:        1.428571429; // 20/14
+//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
+@line-height-computed:    floor((@font-size-base * @line-height-base)); // ~20px
+
+
+//== Components
+//
+//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
+
+@padding-base-vertical:     6px;
+@padding-base-horizontal:   12px;
+
+@padding-large-vertical:    10px;
+@padding-large-horizontal:  16px;
+
+@padding-small-vertical:    5px;
+@padding-small-horizontal:  10px;
+
+@padding-xs-vertical:       1px;
+@padding-xs-horizontal:     5px;
+
+@line-height-large:         1.33;
+@line-height-small:         1.5;
+
+@border-radius-base:        4px;
+@border-radius-large:       6px;
+@border-radius-small:       3px;
+
+
+//== Tables
+//
+//## Customizes the `.table` component with basic values, each used across all table variations.
+
+//** Background color used for `.table-hover`.
+@table-bg-hover:                #f5f5f5;
+
+
+//-- Z-index master list
+//
+// Warning: Avoid customizing these values. They're used for a bird's eye view
+// of components dependent on the z-axis and are designed to all work together.
+//
+// Note: These variables are not generated into the Customizer.
+
+@zindex-navmenu-fixed:     1030;
+@zindex-alert-fixed:       1035;
+
+
+//== Media queries breakpoints
+//
+//## Define the breakpoints at which your layout will change, adapting to different screen sizes.
+
+// Extra small screen / phone
+@screen-xs:              480px;
+
+// Small screen / tablet
+@screen-sm:              768px;
+
+// Medium screen / desktop
+@screen-md:              992px;
+
+// Large screen / wide desktop
+@screen-lg:              1200px;
+
+//-- So media queries don't overlap when required, provide a maximum
+//
+// Note: These variables are not generated into the Customizer.
+@screen-xs-min:              @screen-xs;
+@screen-sm-min:              @screen-sm;
+@screen-md-min:              @screen-md;
+@screen-lg-min:              @screen-lg;
+
+@screen-xs-max:              (@screen-sm-min - 1);
+@screen-sm-max:              (@screen-md-min - 1);
+@screen-md-max:              (@screen-lg-min - 1);
+
+//--
+@container-lg:              ((1140px + @grid-gutter-width));
+
+//== Grid system
+//
+//## Define your custom responsive grid.
+
+//** Padding between columns. Gets divided in half for the left and right.
+@grid-gutter-width:         30px;
+//** Point at which the navbar becomes uncollapsed.
+@grid-float-breakpoint:     768px;
+
+//** Maximum with of a smooth container.
+@container-smooth:          @container-lg;
+
+//== Navbar
+//
+//##
+
+// Basics of a navbar
+@navbar-height:                    50px;
+@navbar-padding-horizontal:        floor((@grid-gutter-width / 2));
+@navbar-padding-vertical:          ((@navbar-height - @line-height-computed) / 2);
+
+
+//== Navmenu
+//
+//##
+
+// Basics of a navmenu
+@navmenu-width:                     300px;
+@navmenu-margin-vertical:           (0.5 * @line-height-computed);
+@navmenu-default-color:             #777;
+@navmenu-default-bg:                #f8f8f8;
+@navmenu-default-border:            darken(@navmenu-default-bg, 6.5%);
+
+// Navmenu links
+@navmenu-default-link-color:                #777;
+@navmenu-default-link-hover-color:          #333;
+@navmenu-default-link-hover-bg:             transparent;
+@navmenu-default-link-active-color:         #555;
+@navmenu-default-link-active-bg:            darken(@navmenu-default-bg, 6.5%);
+@navmenu-default-link-disabled-color:       #ccc;
+@navmenu-default-link-disabled-bg:          transparent;
+
+// Navmenu brand label
+@navmenu-default-brand-color:               @navmenu-default-link-color;
+@navmenu-default-brand-hover-color:         darken(@navmenu-default-link-color, 10%);
+@navmenu-default-brand-hover-bg:            transparent;
+
+
+// Inverted navmenu
+//
+// Reset inverted navmenu basics
+@navmenu-inverse-color:                      @gray-light;
+@navmenu-inverse-bg:                         #222;
+@navmenu-inverse-border:                     darken(@navmenu-inverse-bg, 10%);
+
+// Inverted navmenu links
+@navmenu-inverse-link-color:                 @gray-light;
+@navmenu-inverse-link-hover-color:           #fff;
+@navmenu-inverse-link-hover-bg:              transparent;
+@navmenu-inverse-link-active-color:          @navmenu-inverse-link-hover-color;
+@navmenu-inverse-link-active-bg:             darken(@navmenu-inverse-bg, 10%);
+@navmenu-inverse-link-disabled-color:        #444;
+@navmenu-inverse-link-disabled-bg:           transparent;
+
+// Inverted navmenu brand label
+@navmenu-inverse-brand-color:                @navmenu-inverse-link-color;
+@navmenu-inverse-brand-hover-color:          #fff;
+@navmenu-inverse-brand-hover-bg:             transparent;
+
+// Inverted navmenu search
+// Normal navmenu needs no special styles or vars
+@navmenu-inverse-search-bg:                  lighten(@navmenu-inverse-bg, 25%);
+@navmenu-inverse-search-bg-focus:            #fff;
+@navmenu-inverse-search-border:              @navmenu-inverse-bg;
+@navmenu-inverse-search-placeholder-color:   #ccc;
+
+
+//== Navs
+//
+//##
+
+@nav-link-padding:                          10px 15px;
+@nav-tabs-active-link-hover-border-color:   #ddd;
+@nav-tabs-border-color:                     #ddd;
+
+
+//== Form states and alerts
+//
+//## Define colors for form feedback states and, by default, alerts.
+
+@state-success-text:             #3c763d;
+@state-success-bg:               #dff0d8;
+@state-success-border:           darken(spin(@state-success-bg, -10), 5%);
+
+@state-info-text:                #31708f;
+@state-info-bg:                  #d9edf7;
+@state-info-border:              darken(spin(@state-info-bg, -10), 7%);
+
+@state-warning-text:             #8a6d3b;
+@state-warning-bg:               #fcf8e3;
+@state-warning-border:           darken(spin(@state-warning-bg, -10), 5%);
+
+@state-danger-text:              #a94442;
+@state-danger-bg:                #f2dede;
+@state-danger-border:            darken(spin(@state-danger-bg, -10), 5%);
+
+
+//== Alerts
+//
+//## Define alert colors, border radius, and padding.
+
+@alert-border-radius:         @border-radius-base;
+@alert-fixed-width:           @screen-md;

data/app/frameworks/jasny/bootstrap/button-labels.less

@@ -0,0 +1,38 @@
+// Labels for buttons
+// --------------------------------------------------
+
+.button-label-size(@padding-vertical; @padding-horizontal; @border-radius) {
+  padding: @padding-vertical @padding-horizontal;
+  left: (-1 * @padding-horizontal);
+  border-radius: (@border-radius - 1px) 0 0 (@border-radius - 1px);
+
+  &.btn-label-right {
+    left: auto;
+    right: (-1 * @padding-horizontal);
+    border-radius: 0 (@border-radius - 1px) (@border-radius - 1px) 0;
+  }
+}
+
+
+.btn-labeled {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+.btn-label {
+  position: relative;
+  background: transparent;
+  background: rgba(0, 0, 0, 0.15);
+  display: inline-block;
+  .button-label-size(@padding-base-vertical; @padding-base-horizontal; @border-radius-base);
+}
+
+.btn-lg .btn-label {
+  .button-label-size(@padding-large-vertical; @padding-large-horizontal; @border-radius-large);
+}
+.btn-sm .btn-label {
+  .button-label-size(@padding-small-vertical; @padding-small-horizontal; @border-radius-small);
+}
+.btn-xs .btn-label {
+  .button-label-size(1px; 5px; @border-radius-small);
+}

data/app/frameworks/jasny/bootstrap/fileinput.less

@@ -0,0 +1,122 @@
+// Fileinput.less
+// CSS for file upload button and fileinput widget
+// ------------------------------------------------
+
+.btn-file {
+  overflow: hidden;
+  position: relative;
+  vertical-align: middle;
+  > input {
+    position: absolute;
+    top: 0;
+    right: 0;
+    margin: 0;
+    opacity: 0;
+    filter: alpha(opacity=0);
+    font-size: 23px;
+    height: 100%;
+    width: 100%;
+    direction: ltr;
+    cursor: pointer;
+  }
+}
+
+.fileinput {
+  margin-bottom: 9px;
+  display: inline-block;
+  .form-control {
+    padding-top: 7px;
+    padding-bottom: 5px;
+    display: inline-block;
+    margin-bottom: 0px;
+    vertical-align: middle;
+    cursor: text;
+  }
+  .thumbnail {
+    overflow: hidden;
+    display: inline-block;
+    margin-bottom: 5px;
+    vertical-align: middle;
+    text-align: center;
+    > img {
+      max-height: 100%;
+    }
+  }
+  .btn {
+    vertical-align: middle;
+  }
+}
+.fileinput-exists .fileinput-new,
+.fileinput-new .fileinput-exists {
+  display: none;
+}
+.fileinput-inline .fileinput-controls {
+  display: inline;
+}
+
+.fileinput-filename {
+  vertical-align: middle;
+  display: inline-block;
+  overflow: hidden;
+}
+.form-control .fileinput-filename {
+  vertical-align: bottom;
+}
+
+.fileinput.input-group {
+    display: table;
+    
+    > * {
+        position: relative;
+        z-index: 2;
+    }
+    > .btn-file {
+        z-index: 1;
+    }
+}
+
+// Not 100% correct, but helps in typical use case
+.fileinput-new.input-group .btn-file,
+.fileinput-new .input-group .btn-file {
+  border-radius: 0 @border-radius-base @border-radius-base 0;
+
+  &.btn-xs,
+  &.btn-sm {
+    border-radius: 0 @border-radius-small @border-radius-small 0;
+  }
+  &.btn-lg {
+    border-radius: 0 @border-radius-large @border-radius-large 0;
+  }
+}
+
+.form-group.has-warning .fileinput {
+  .fileinput-preview {
+    color: @state-warning-text;
+  }
+  .thumbnail {
+    border-color: @state-warning-border;
+  }
+}
+.form-group.has-error .fileinput {
+  .fileinput-preview {
+    color: @state-danger-text;
+  }
+  .thumbnail {
+    border-color: @state-danger-border;
+  }
+}
+.form-group.has-success .fileinput {
+  .fileinput-preview {
+    color: @state-success-text;
+  }
+  .thumbnail {
+    border-color: @state-success-border;
+  }
+}
+
+
+// Input group fixes
+
+.input-group-addon:not(:first-child) {
+  border-left: 0;
+}