better_styles 0.0.0.338 → 0.0.1

data/assets/javascripts/betterjs/twbs_ext/affix_3_3_7.js

@@ -1,162 +0,0 @@
-/* ========================================================================
- * Bootstrap: affix.js v3.3.7
- * http://getbootstrap.com/javascript/#affix
- * ========================================================================
- * Copyright 2011-2016 Twitter, Inc.
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- * ======================================================================== */
-
-
-+function ($) {
-  'use strict';
-
-  // AFFIX CLASS DEFINITION
-  // ======================
-
-  var Affix = function (element, options) {
-    this.options = $.extend({}, Affix.DEFAULTS, options)
-
-    this.$target = $(this.options.target)
-      .on('scroll.bs.affix.data-api', $.proxy(this.checkPosition, this))
-      .on('click.bs.affix.data-api',  $.proxy(this.checkPositionWithEventLoop, this))
-
-    this.$element     = $(element)
-    this.affixed      = null
-    this.unpin        = null
-    this.pinnedOffset = null
-
-    this.checkPosition()
-  }
-
-  Affix.VERSION  = '3.3.7'
-
-  Affix.RESET    = 'affix affix-top affix-bottom'
-
-  Affix.DEFAULTS = {
-    offset: 0,
-    target: window
-  }
-
-  Affix.prototype.getState = function (scrollHeight, height, offsetTop, offsetBottom) {
-    var scrollTop    = this.$target.scrollTop()
-    var position     = this.$element.offset()
-    var targetHeight = this.$target.height()
-
-    if (offsetTop != null && this.affixed == 'top') return scrollTop < offsetTop ? 'top' : false
-
-    if (this.affixed == 'bottom') {
-      if (offsetTop != null) return (scrollTop + this.unpin <= position.top) ? false : 'bottom'
-      return (scrollTop + targetHeight <= scrollHeight - offsetBottom) ? false : 'bottom'
-    }
-
-    var initializing   = this.affixed == null
-    var colliderTop    = initializing ? scrollTop : position.top
-    var colliderHeight = initializing ? targetHeight : height
-
-    if (offsetTop != null && scrollTop <= offsetTop) return 'top'
-    if (offsetBottom != null && (colliderTop + colliderHeight >= scrollHeight - offsetBottom)) return 'bottom'
-
-    return false
-  }
-
-  Affix.prototype.getPinnedOffset = function () {
-    if (this.pinnedOffset) return this.pinnedOffset
-    this.$element.removeClass(Affix.RESET).addClass('affix')
-    var scrollTop = this.$target.scrollTop()
-    var position  = this.$element.offset()
-    return (this.pinnedOffset = position.top - scrollTop)
-  }
-
-  Affix.prototype.checkPositionWithEventLoop = function () {
-    setTimeout($.proxy(this.checkPosition, this), 1)
-  }
-
-  Affix.prototype.checkPosition = function () {
-    if (!this.$element.is(':visible')) return
-
-    var height       = this.$element.height()
-    var offset       = this.options.offset
-    var offsetTop    = offset.top
-    var offsetBottom = offset.bottom
-    var scrollHeight = Math.max($(document).height(), $(document.body).height())
-
-    if (typeof offset != 'object')         offsetBottom = offsetTop = offset
-    if (typeof offsetTop == 'function')    offsetTop    = offset.top(this.$element)
-    if (typeof offsetBottom == 'function') offsetBottom = offset.bottom(this.$element)
-
-    var affix = this.getState(scrollHeight, height, offsetTop, offsetBottom)
-
-    if (this.affixed != affix) {
-      if (this.unpin != null) this.$element.css('top', '')
-
-      var affixType = 'affix' + (affix ? '-' + affix : '')
-      var e         = $.Event(affixType + '.bs.affix')
-
-      this.$element.trigger(e)
-
-      if (e.isDefaultPrevented()) return
-
-      this.affixed = affix
-      this.unpin = affix == 'bottom' ? this.getPinnedOffset() : null
-
-      this.$element
-        .removeClass(Affix.RESET)
-        .addClass(affixType)
-        .trigger(affixType.replace('affix', 'affixed') + '.bs.affix')
-    }
-
-    if (affix == 'bottom') {
-      this.$element.offset({
-        top: scrollHeight - height - offsetBottom
-      })
-    }
-  }
-
-
-  // AFFIX PLUGIN DEFINITION
-  // =======================
-
-  function Plugin(option) {
-    return this.each(function () {
-      var $this   = $(this)
-      var data    = $this.data('bs.affix')
-      var options = typeof option == 'object' && option
-
-      if (!data) $this.data('bs.affix', (data = new Affix(this, options)))
-      if (typeof option == 'string') data[option]()
-    })
-  }
-
-  var old = $.fn.affix
-
-  $.fn.affix             = Plugin
-  $.fn.affix.Constructor = Affix
-
-
-  // AFFIX NO CONFLICT
-  // =================
-
-  $.fn.affix.noConflict = function () {
-    $.fn.affix = old
-    return this
-  }
-
-
-  // AFFIX DATA-API
-  // ==============
-
-  $(window).on('load', function () {
-    $('[data-spy="affix"]').each(function () {
-      var $spy = $(this)
-      var data = $spy.data()
-
-      data.offset = data.offset || {}
-
-      if (data.offsetBottom != null) data.offset.bottom = data.offsetBottom
-      if (data.offsetTop    != null) data.offset.top    = data.offsetTop
-
-      Plugin.call($spy, data)
-    })
-  })
-
-}(jQuery);

data/assets/javascripts/betterjs/twbs_ext/affix_ext.js

@@ -1,131 +0,0 @@
-/* ==========================================================
- * bootstrap-affix.js v2.1.0
- * http://twitter.github.com/bootstrap/javascript.html#affix
- * ==========================================================
- * Copyright 2012 Twitter, Inc.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- * ========================================================== */
-
-
-!function ($) {
-
-  "use strict"; // jshint ;_;
-
-
- /* AFFIX CLASS DEFINITION
-  * ====================== */
-
-  var Affix = function (element, options) {
-    this.options = $.extend({}, $.fn.affix.defaults, options)
-    this.$window = $("#body").on('scroll.affix.data-api', $.proxy(this.checkPosition, this))
-    this.$element = $(element)
-    this.checkPosition()
-  }
-
-  Affix.prototype.checkPosition = function () {
-    if (!this.$element.is(':visible')) return
-    
-    // console.log( "AFFIX: ", $("#body").scrollTop(), $("#body").width(), this.options )
-
-    var scrollHeight = $("#body").height()
-      , width = $("#body").width()
-      , scrollTop = $("#body").scrollTop()
-      , position = this.$element.offset()
-      , offset = this.options.offset
-      , offsetBottom = offset.bottom
-      , offsetTop = offset.top
-      , reset = 'affix affix-top affix-bottom'
-      , affix
-
-    if (typeof offset != 'object') offsetBottom = offsetTop = offset
-    if (typeof offsetTop == 'function') offsetTop = offset.top()
-    if (typeof offsetBottom == 'function') offsetBottom = offset.bottom()
-
-    affix = this.unpin != null && (scrollTop + this.unpin <= position.top) && (width > 780) ?
-      false    : offsetBottom != null && (position.top + this.$element.height() >= scrollHeight - offsetBottom) ?
-      'bottom' : offsetTop != null && scrollTop <= offsetTop ?
-      'top'    : false
-
-    if (this.affixed === affix) return
-
-    this.affixed = affix
-    this.unpin = affix == 'bottom' ? position.top - scrollTop : null
-    this.$element.removeClass(reset).addClass('affix' + (affix ? '-' + affix : ''))
-  }
-
-
- /* AFFIX PLUGIN DEFINITION
-  * ======================= */
-
-  $.fn.affix = function (option) {
-    return this.each(function () {
-      var $this = $(this)
-        , data = $this.data('affix')
-        , options = typeof option == 'object' && option
-      if (!data) $this.data('affix', (data = new Affix(this, options)))
-      if (typeof option == 'string') data[option]()
-    })
-  }
-
-  $.fn.affix.Constructor = Affix
-
-  $.fn.affix.defaults = {
-    offset: 0
-  }
-
-
- /* AFFIX DATA-API
-  * ============== */
-
-  $(window).on('load', function () {
-    
-    $('[data-spy="affix"]').each(function () {
-      var $spy = $(this)
-        , data = $spy.data()
-
-      data.offset = data.offset || {}
-
-      data.offsetBottom && (data.offset.bottom = data.offsetBottom)
-      data.offsetTop && (data.offset.top = data.offsetTop)
-
-      $spy.affix(data)
-    });
-    
-    /*
-    * Clamped-width. 
-    * Usage:
-    *  <div data-clampedwidth=".myParent">This long content will force clamped width</div>
-    *
-    * Author: LV
-    */
-    $('[data-clampedwidth]').each(function () {
-        var elem = $(this);
-        // if ( elem.data('clampedwidth') == "true" ) {
-          var parentPanel = elem.parent();
-        // } else {
-        //   var parentPanel = elem.data('clampedwidth');
-        // }
-        var resizeFn = function () {
-            var sideBarNavWidth = $(parentPanel).width() - parseInt(elem.css('paddingLeft')) - parseInt(elem.css('paddingRight')) - parseInt(elem.css('marginLeft')) - parseInt(elem.css('marginRight')) - parseInt(elem.css('borderLeftWidth')) - parseInt(elem.css('borderRightWidth'));
-            elem.css('width', sideBarNavWidth);
-        };
-
-        resizeFn();
-        $(window).resize(resizeFn);
-    });
-    
-  })
-
-
-}(window.jQuery);

data/assets/stylesheets/better/content/_box.scss

@@ -1,46 +0,0 @@
-// resets & defaults
-.box, .box > .header, .box > .body, .box > .footer {
-  display: block; position: relative;
-  margin: 0; padding: 0;
-}
-
-
-.box {
-  margin: 0 0 $vertical-spacing; 
-  padding: 10px;
-  text-align: left;
-  background: #fff;
-  border: solid 1px $main-border-color;
-  border-radius: 3px;
-  
-	& > .header {
-		padding: 0 10px 10px;
-		border-bottom: solid 1px $main-border-color;
-    
-		& > h1, & > h2, & > h3, & > h4, & > h5, & > h6, & > p {
-      &:first-child { margin-top: 0; }
-      &:last-child { margin-bottom: 0; }
-    }
-		&.blank { border-bottom: solid 1px transparent; }
-	}
-  & > .sub-header {
-      padding: 10px;
-      background: #f4f4f4;
-  }
-	& > .body {
-		padding: 10px;
-	}
-  & > .footer {
-	    border-top: solid 1px $main-border-color;
-	    padding: 10px;
-	    .btn { margin-top: 0; margin-bottom: 0; }
-	    .row > * { margin-bottom: 0; }
-	}
-  
-  &.blank { background: transparent; }
-  &.shadow { box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.20); }
-  
-  &.center { text-align: center; }
-  &.right { text-align: right; }
-  
-}

data/assets/stylesheets/better/content/_buttons.scss

@@ -1,22 +0,0 @@
-a.icn-lnk {
-  display: inline-block;
-  color: inherit;
-  transition: all .4s ease;
-  opacity: 0.8;
-  &:hover, &:focus, &:active {
-    text-decoration: none;
-    opacity: 1.0;
-    &, i { transform: scale(1.1); }
-  }
-}
-
-a.icn-lnk + a.icn-lnk {
-  margin-left: .1em;
-}
-
-a.silent-lnk {
-  color: inherit;
-  &:hover, &:focus, &:active {
-    text-decoration: underline;
-  }
-}

data/assets/stylesheets/better/content/_check_switch.scss

@@ -1,78 +0,0 @@
-.check_switch {
-    display: block; display: inline-block; position: relative;
-    margin: 2px 3px; padding: 0;
-    border-radius: 100px;
-    width: 34px;
-    height: 18px;
-    border: solid 1px #ccc;
-    background: #c5c5c5;
-    box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.5);
-    cursor: pointer;
-    .switch_toggle {
-        display: block; position: relative;
-        margin: 0; padding: 0;
-        width: 20px; height: 20px;
-        position: absolute;
-        left: -2px;
-        top: -2px;
-        background: #fff;
-        border-radius: 100px;
-        border: solid 1px #ccc;
-        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
-        background-color: #ffffff;
-        background-image: -webkit-linear-gradient(#ffffff, #e5e5e5);
-        background-image: linear-gradient(#ffffff, #e5e5e5);
-    }
-    
-    input { display: none; }
-    
-    &.on, &.active {
-        
-        background: $brand-success;
-        .switch_toggle{
-            left:   auto;
-            right: -2px;
-        }
-        
-    }
-}
-
-.radio_switch {
-    display: block; display: inline-block; position: relative;
-    margin: 4px 3px; padding: 0;
-    border-radius: 100px;
-    width: 16px; height: 16px;
-    border: solid 1px #ccc;
-    background: #c5c5c5;
-    box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.5);
-    cursor: pointer;
-    .switch_toggle {
-        display: block; position: relative;
-        margin: 0; padding: 0;
-        width: 4px; height: 4px;
-        position: absolute;
-        left: 5px;
-        top: 5px;
-        background: transparent;
-        border-radius: 100px;
-        border: none;
-    }
-    
-    input { display: none; }
-    
-    &.on, &.active {
-        
-        background: $brand-success;
-        .switch_toggle{
-            background: #fff;
-            opacity: .3;
-        }
-        
-    }
-}
-
-label.switch_label {
-  display: block; position: relative;
-  margin: 0; padding: 0;
-  line-height: 28px;
-}

data/assets/stylesheets/better/content/_divider.scss

@@ -1,65 +0,0 @@
-.divider {
-    display: block; position: relative;
-	  padding: 0;
-    overflow: hidden;
-    text-align: center;
-    &, & > * { background: transparent; }
-    & > * {
-        position: relative;
-        margin: 0 auto;
-        // do not disturb button padding
-        &:not(.btn) { padding: 0; }
-        &:not(.btn-divided), &:not(.btn-splited) { display: block; display: inline-block; }
-        &.btn-divided, &.btn-splited {
-            max-width: 50%;
-            margin: 0 auto;
-        }
-        &:before, &:after {
-            display: block; position: absolute; content: "";
-            margin: 0; padding: 0;
-            top: 50%;
-            width: 1200px; // make it big to fill big screens as well
-        }
-        &:before { left: 100%; margin-left:   $divider-horizontal-spacing; }
-        &:after { right: 100%; margin-right:  $divider-horizontal-spacing; }
-    }
-    
-    &.left {
-        text-align: left;
-        &:before { width: 2200px; }
-        &:after { display: none; }
-    }
-}
-
-hr {
-	display: block; position: relative;
-	margin: 0; padding: 0;
-	height: 0;
-}
-
-
-// margin
-hr, .divider { @include vertical-margin( $divider-vertical-spacing ); }
-
-// line-colors
-hr, .divider > *:before, .divider > *:after {
-    border: none;
-	border-top: solid 1px $divider-top-color;
-	border-bottom: solid 1px $divider-bottom-color;
-}
-
-// sizes
-hr, .divider {
-    
-    &.half, &.tight { @include horizontal-margin( auto ); }
-    &.half { width: 50%; }
-    &.tight { width: 80%; }
-    
-    &.no-press { margin: 0; }
-    &.no-press-top, &.no-top-press { margin-top: 0; }
-    &.no-press-bottom, &.no-bottom-press { margin-bottom: 0; }
-    
-    &.half-press, &.press-half { @include vertical-margin( $divider-vertical-spacing / 2 ); }
-    
-    
-}

data/assets/stylesheets/better/content/_helpers.scss

@@ -1,85 +0,0 @@
-@include responsiveStep-xs-only {
-	.press-xs { margin-bottom: $vertical-spacing; }
-	.hide-xs { display: none !important; }
-}
-
-@include responsiveStep-sm-only {
-	.press-sm { margin-bottom: $vertical-spacing; }
-	.hide-sm { display: none !important; }
-}
-
-@include responsiveStep-md-only {
-	.press-md { margin-bottom: $vertical-spacing; }
-	.hide-md { display: none !important; }
-}
-
-@include responsiveStep-lg-only {
-	.press-lg { margin-bottom: $vertical-spacing; }
-	.hide-lg { display: none !important; }
-}
-
-
-.press { margin-bottom: $vertical-spacing !important; }
-.half-press, .press-half { margin-bottom: $vertical-spacing-half !important; }
-.no-press, .no_press { margin-bottom: 0 !important; }
-
-
-.left_text { text-align: left !important; }
-.center_text { text-align: center !important; }
-.right_text { text-align: right !important; }
-
-.pull-left { float: left; }
-.pull-right { float: right; }
-.no-pull { float: none; }
-
-
-@each $size in 0, 5, 10, 15, 20, 30, 40, 50 {
-    
-    .padding_#{$size},   .p#{$size}   { padding: #{$size}px; }
-    .v_padding_#{$size}, .vp#{$size}  { padding-top: #{$size}px; padding-bottom: #{$size}px; }
-    .h_padding_#{$size}, .hp#{$size}  { padding-left: #{$size}px; padding-right: #{$size}px; }
-    
-    .margin_#{$size},   .m#{$size}    { margin: #{$size}px; }
-    .v_margin_#{$size}, .vm#{$size}   { margin-top: #{$size}px; margin-bottom: #{$size}px; }
-    .h_margin_#{$size}, .hm#{$size}   { margin-left: #{$size}px; margin-right: #{$size}px; }
-
-}
-
-@each $clrName, $clrValue in $appColorz {
-    .#{"" + $clrName}-bg, .bg-#{"" + $clrName} {
-        background: #{ $clrValue };
-    }
-    .#{"" + $clrName}-text, .text-#{"" + $clrName}, 
-    .txt-#{"" + $clrName}, .#{"" + $clrName}-txt, 
-    .clr-#{"" + $clrName}, .#{"" + $clrName}-clr, 
-    .color-#{"" + $clrName}, .#{"" + $clrName}-color {
-        color: #{ $clrValue } !important;
-    }
-}
-
-
-.third, .third1 {   width: 33.33333%; max-width: 33.33333%; }
-.third2 {   width: 66.66666%; max-width: 66.66666%; }
-.thirty {   width: 50%; max-width: 50%; }
-.fourty {   width: 50%; max-width: 50%; }
-.fivty {    width: 50%; max-width: 50%; }
-.sixty {    width: 60%; max-width: 60%; }
-.seventy {  width: 70%; max-width: 70%; }
-.eighty {   width: 80%; max-width: 80%; }
-.ninty {    width: 90%; max-width: 90%; }
-.third, .third1, .third2, .thirty, .fourty, .fivty, .sixty, .seventy, .eighty, .ninty { 
-  @include horizontal-margin( auto ); 
-}
-
-// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-// Row with equal height columns
-// http://getbootstrap.com.vn/examples/equal-height-columns/
-.row-eq-height {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display:         flex;
-}
-
-// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

data/assets/stylesheets/better/content/_pix.scss

@@ -1,70 +0,0 @@
-$line-height-computed: 20px;
-
-img.responsive {
-    width: 100%; max-width: 100%;
-}
-
-
-
-img.avatar, img.logo {
-    width: 30px;
-    vertical-align: top;
-    display: inline-block;
-    &.big {
-      width: auto;
-      max-width: 120px;
-      border-radius: 80px;
-    }
-    &.xs { width: 18px; }
-    &.sm { width: 24px; }
-    &.lg { width: 40px; }
-    &.xl { width: 60px; }
-    &.xxl { width: 80px; }
-}
-img.avatar { border-radius: 60px; }
-img.logo { border-radius: 5px; }
-
-
-
-.image-card, .image_card {
-    display: block; position: relative;
-    margin: 0; padding: 0 0 0 #{ $line-height-computed * 2 + 8px };
-    text-align: left;
-    img {
-        display: block; position: absolute;
-        top: 0; left: 0;
-        width: $line-height-computed * 2;
-    }
-    p {
-        line-height: $line-height-computed;
-        margin: 0;
-    }
-    &.one_line, &.one-line {
-        $size: $line-height-computed * 2;
-        padding-left: $size + 8px;
-        img { width: $size; }
-        p { line-height: $size; }
-    }
-    
-    &.img-sm {
-        $size: $line-height-computed * 1.5;
-        padding-left: $size + 8px;
-        img { width: $line-height-computed * 1.5; }
-        p { line-height: $size; }
-    }
-}
-a.image-card, a.image_card {
-    text-decoration: none;
-    &:hover {
-        text-decoration: none;
-        color: $blue;
-    }
-}
-
-
-
-.huge-icon {
- font-size: 120px;
- line-height: 150px; 
-}
-

data/assets/stylesheets/better/content/_typography.scss

@@ -1,44 +0,0 @@
-@each $txtName, $txtSize in $textSizes {
-    // .#{$txtName}, .txt-#{$txtName}, .#{$txtName}-txt  {
-    .txt-#{$txtName}, .#{$txtName}-txt,
-    .text-#{$txtName}, .#{$txtName}-text  {
-        font-size: #{ $txtSize };
-        color: $text-black;
-        font-weight: map-get($textWeights, $txtName);
-        &.secondary, &.light { color: $text-gray; }
-        &.disabled, &.lighter, &.off { color: $text-gray-light; }
-        &.bold, &.strong, & > b, & > strong { font-weight: map-get($textBoldWeights, $txtName); }
-    }
-}
-
-
-// Bold text
-// strong, *.bold, label, th { font-weight: $bold !important; }
-strong, *.bold, *.strong { font-weight: $bold !important; }
-
-// Semi-Bold text
-.semi   { font-weight: $semi !important; }
-
-// Semi-Bold text
-.regular   { font-weight: $regular !important; }
-
-// Semi-Bold text
-.thin   { font-weight: $thin !important; }
-
-// Semi-Bold text
-.italic   { font-style: italic !important; }
-
-// Monospace Font
-.mono   { font-family: $monoFontFamily; }
-
-// upcased text
-@mixin upcase {
-  text-transform: uppercase;
-  // letter-spacing: 2px;
-  // word-spacing: 3px;
-  letter-spacing: .05em;
-  word-spacing: .1em;
-}
-.upcase {
-  @include upcase;
-}