rtpl-compass 1.2 → 1.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 9312462e0f76c959ed45fd8a7a894729e7c63318
-  data.tar.gz: 12acb1ecd2f2aa784a0eefa5da483308497b02b3
+  metadata.gz: 9d4598f0b96c2084b7f664b03d3c65cbf36cc4fd
+  data.tar.gz: c1d22215d206da1c0b63e9bb989cd1c9268638e7
 SHA512:
-  metadata.gz: 144ebdb09560b8a39e484ff92f4c08b0cca4042df614c5e2a460d48708a1f75e382a9fa72a8f02c1092ab99d14e8bf7ddc5a1b847a035b7298aec7735cb38087
-  data.tar.gz: 22df9a1d28fbbfd8bff6b3e6c6a548f050bc29cc04c1a0069530038371f905d6956cb70d2cd37d7570883ee9716001d3207412e90e5b874b63d3ad477d4cbf69
+  metadata.gz: 11e51e5c96e21531bb6fce767e7015cbb4800fb27572888bf9cbdb3118c6d46626d9357d8b32be34f940f3b48f603ec5d1bc0913604aa702b5b575da697730a9
+  data.tar.gz: 95cb57e2de4386a55b101b9ae4ebc61c30fb77a23ac477811556b000f05570f8e505dc11cbe77bdeccb8ea60d419c977da5907b84c3f9283c49becade5865854

data/lib/rtpl-compass.rb

@@ -1,60 +1,60 @@
-# All gems that are required for this extension to work should go here.
-# These are the requires you would normally put in your config.rb file
-# By default, you should always included Compass. Do not include your
-#  extension.
-require 'compass'
-
-Compass.add_project_configuration(File.join(File.dirname(__FILE__), 'config.rb'))
-
-# This tells Compass what your Compass extension is called, and where to find
-#  its files
-# Replace 'extension' with the name of your extension. Spaces allowed.
-
-extension_path = File.expand_path(File.join(File.dirname(__FILE__), ".."))
-
-Compass::Frameworks.register(
-    'rtpl-compass',
-    :path => extension_path
-)
-
-
-# Version and date of version for your Compass extension.
-# Replace Extension with the name of your extension
-#  Letters, numbers, and underscores only
-#  Version is a number. If a version contains alphas, it will be created as
-#    a prerelease version
-#  Date is in the form of YYYY-MM-DD
-module Extension
-  VERSION = "1.2"
-  DATE = "2015-03-13"
-end
-
-module Compass
-  module AppIntegration
-    module StandAlone
-      module ConfigurationDefaults
-        def default_project_type
-          :stand_alone
-        end
-
-        def javascripts_dir_without_default
-          "js"
-        end
-
-        def css_dir_without_default
-          "css"
-        end
-
-      end
-
-    end
-  end
-end
-
-# This is where any custom SassScript should be placed. The functions will be
-#  available on require of your extension without the need for users to import
-#  any partials. Uncomment below.
-
-# module Sass::Script::Functions
-
+# All gems that are required for this extension to work should go here.
+# These are the requires you would normally put in your config.rb file
+# By default, you should always included Compass. Do not include your
+#  extension.
+require 'compass'
+
+Compass.add_project_configuration(File.join(File.dirname(__FILE__), 'config.rb'))
+
+# This tells Compass what your Compass extension is called, and where to find
+#  its files
+# Replace 'extension' with the name of your extension. Spaces allowed.
+
+extension_path = File.expand_path(File.join(File.dirname(__FILE__), ".."))
+
+Compass::Frameworks.register(
+    'rtpl-compass',
+    :path => extension_path
+)
+
+
+# Version and date of version for your Compass extension.
+# Replace Extension with the name of your extension
+#  Letters, numbers, and underscores only
+#  Version is a number. If a version contains alphas, it will be created as
+#    a prerelease version
+#  Date is in the form of YYYY-MM-DD
+module Extension
+  VERSION = "1.3"
+  DATE = "2015-04-06"
+end
+
+module Compass
+  module AppIntegration
+    module StandAlone
+      module ConfigurationDefaults
+        def default_project_type
+          :stand_alone
+        end
+
+        def javascripts_dir_without_default
+          "js"
+        end
+
+        def css_dir_without_default
+          "css"
+        end
+
+      end
+
+    end
+  end
+end
+
+# This is where any custom SassScript should be placed. The functions will be
+#  available on require of your extension without the need for users to import
+#  any partials. Uncomment below.
+
+# module Sass::Script::Functions
+
 # end

data/templates/project/js/full/rform.js

@@ -57,14 +57,13 @@
     this._init = function(element, options) {
       var defaults = {
         el: $(element),
-        slctDropClass: 'slctdrop',
-        slctDropListClass: 'slctdrop-list',
-        slctDropItemClass: 'slctdrop-item',
-        fieldBoxClass: 'field-box',
+        slctDropClass: 'rform-slctdrop',
+        slctDropListClass: 'rform-slctdrop-list',
+        slctDropItemClass: 'rform-slctdrop-item',
+        fieldBoxClass: 'rform-field-box',
         hideClass: 'hide',
-        fakeFieldClass: 'field-fake',
+        fakeFieldClass: 'rform-field-slct',
         workSelectClass: 'field-hidden',
-        userScrollClass: 'scroll-simple_inner',
         userBrowser: /Android|webOS|iPhone|iPad|iPod|BlackBerry/i,
         userScroll: false,
         spanClass: 'class'
@@ -111,7 +110,18 @@
           .hide()
           .before($slctDrop);
 
-        $list.addClass('default-scroll');
+        if (settings.userScroll) {
+          $list
+            .parent()
+            .mCustomScrollbar({
+              scrollbarPosition: 'outside',
+              theme: 'rform-slctdrop'
+            });
+        } else {
+          $list
+            .parent()
+            .addClass('default-scroll');
+        }
 
         if ($elDisabled) {
           $elSelect
@@ -201,7 +211,7 @@
     return this.each(function() {
       var $this =  $(this),
           $thisDisabled =  $this.hasClass(global.disabledClass),
-          $radioClass = '.radio-js',
+          $radioClass = '.rform-radio',
           $radioActiveClass = $radioClass + '.' + global.activeClass,
           $radio = $this.find($radioClass),
           $radioVal = $radio.data('rval'),
@@ -262,7 +272,7 @@
             $thisActive = $this.hasClass(global.activeClass),
             $inputStr = 'input:checkbox',
             $input = $this.find($inputStr),
-            $thisTextStr = '.check-text-js',
+            $thisTextStr = '.rform-check-text',
             $thisText = $this.find($thisTextStr),
             $thisTextVal = $thisText.text();
 
@@ -299,8 +309,8 @@
       var $this = $(this),
           $thisDisabled = $this.hasClass(global.disabledClass),
           $thisInputStr = 'input:file',
-          $thisBtnStr = '.btn',
-          $thisFieldStr = '.field',
+          $thisBtnStr = '.rform-file-btn',
+          $thisFieldStr = '.rform-field-file',
           $input = $this.children($thisInputStr),
           $btn = $this.children($thisBtnStr),
           $fakeField = $this.children($thisFieldStr);
@@ -345,7 +355,7 @@
     return this.each(function() {
       var $this = $(this),
           $thisDisabled = $this.hasClass(global.disabledClass),
-          $fakeArea = $this.find('.field-fake-area-js'),
+          $fakeArea = $this.find('.rform-area'),
           $fakeAreaText = $fakeArea.text().trim(),
           $defaultText = $fakeArea.data('area-placeholder'),
           $input = $this.find('input');

data/templates/project/sass/source/_formstyle.sass

@@ -49,7 +49,7 @@ $fieldHasErrorColor: #e74c3c
   background: $fieldDefaultBg
   +shFont($fieldDefaultFontSize, $fieldDefaultFontFamily, false, $fieldDefaultColor)
 
-  +focus
+  +f
     border-color: $fieldHasActiveBorder
     background: $fieldHasActiveBg
     color: $fieldHasActiveColor
@@ -74,7 +74,7 @@ $fieldHasErrorColor: #e74c3c
   +placeholder($fieldDefaultPlaceholderColor)
   
   +ie8
-    +mlh($fieldDefaultHeight, $fieldDefaultFontSize)
+    +mlh($fieldDefaultFontSize, $fieldDefaultHeight)
 
   &.field-full
     @extend %block, .full-width

data/templates/project/sass/source/_global.sass

@@ -24,17 +24,12 @@ $baseFontSize: $base-font-size
 $baseFontColor: #444
 $baseLinkColor: #287fc3
 
-$size: 960px
-$grid: $size
-
-$max: $size
-$standard: $size
-$min: $QVGA
-
+$standard: 960px
 $footerHeight: 50px
 
+// non in rwd
 html
-  // min-width: $standard
+  min-width: $standard
 
 body
   @extend %relative
@@ -43,9 +38,13 @@ body
   padding-bottom: $footerHeight
   background-color: #FFF
   +shFont($baseFontSize, $baseFontFamily, 1, $baseFontColor)
+  // +mq320
+  //  padding-bottom: 0
 
 .container
   +center($standard)
+  // +mq320
+  //   padding: 0 1em
 
 .header
   @extend %relative
@@ -54,6 +53,9 @@ body
   @extend .full-width
   +pos("a", false, false, 0, 0, 2)
   height: $footerHeight
+  // +mq320
+  //   position: relative
+  //   height: auto
 
 // Icons
 // $iconsArr: none

data/templates/project/sass/source/_typography.sass

@@ -8,7 +8,7 @@ a,
   text-decoration: underline
   +h
     text-decoration: none
-  +act
+  +a
     text-decoration: none
 
 .link-fake

data/templates/project/sass/source/lib/_default.sass

@@ -73,7 +73,6 @@
 
 %has-ps-icon
   @extend %relative
-
   +bf
     @extend %absolute, %default-zi
     content: ''
@@ -99,6 +98,12 @@
 .right
   float: right
 
+.clear
+  clear: both
+
+.clearfix
+  +pie-clearfix
+
 // Width
 .full-width
   width: 100%
@@ -137,6 +142,18 @@
   text-align: right
 
 // Alignment Blocks In Width
+// ---
+// <div class="jbox">
+//   <div class="box"></div>
+//   <div class="box"></div>
+//   <div class="box"></div>
+// </div>
+// or
+// <ul class="jbox">
+//   <li class="box"></li>
+//   <li class="box"></li>
+//   <li class="box"></li>
+// </ul>
 .jbox
   line-height: 0
   text-align: justify
@@ -144,18 +161,24 @@
   .box
     line-height: normal
 
-// Other
-.clear
-  clear: both
-
-.clearfix
-  +pie-clearfix
+// Alignment Block In Height
+// ---
+// <div class="va_outer">
+//   <div class="va_inner"></div>
+// </div>
+.va_outer
+  @extend .tac
+  +bf
+    @extend %dib, %vam, .tac, .full-height
+    content: ''
+  .va_inner
+    @extend %dib, %vam
 
 // --Images--
 .loading
   background: #fff url(../images/required/loading.gif) no-repeat center
 
-.img-rwd
+.img_rwd
   @extend %block
   max-width: 100%
   height: auto

data/templates/project/sass/source/lib/mixins/_base.sass

@@ -102,7 +102,7 @@
 =gpu
   +transform(translate3d(0, 0, 0))
 
-// CSS Selectors
+// Structural pseudo-classes
 =first
   &:first-child
     @content
@@ -124,26 +124,30 @@
   &:nth-child(#{$child}n-#{$number})
     @content
 
-=firstlet
-  &:first-letter
-    @content
 
+// The dynamic pseudo-classes
 =h
   &:hover
     @content
 
-=focus
+=f
   &:focus
     @content
 
-=act
+=a
   &:active
     @content
 
-=target
+=t
   &:target
     @content
 
+// The :before and :after pseudo-elements
+=ps
+  &:before,
+  &:after
+    @content
+
 =bf
   &:before
     @content
@@ -152,7 +156,7 @@
   &:after
     @content
 
-=psBoth
-  &:before,
-  &:after
+// The :first-letter pseudo-element
+=firstlet
+  &:first-letter
     @content

data/templates/project/sass/source/plugins/_jquery.fancybox.sass

@@ -28,7 +28,7 @@ $fancyboxOverlayA: .75
 
 .fancybox-wrap
   +pos(absolute, 0, false, false, 0, 8020)
-  +focus
+  +f
     outline: none
 
 .fancybox-skin

data/templates/project/sass/source/plugins/_rforms.sass

@@ -251,7 +251,7 @@ $TextareaJSHeigth: 255px
     height: $TextareaJSHeigth
     overflow: auto
 
-    +focus
+    +f
       outline: none
 
     &.has-inactive

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: rtpl-compass
 version: !ruby/object:Gem::Version
-  version: '1.2'
+  version: '1.3'
 platform: ruby
 authors:
 - Sergii Rudchyk
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-03-13 00:00:00.000000000 Z
+date: 2015-04-06 00:00:00.000000000 Z
 dependencies: []
 description: A compass template (Sass syntax) implementation of Sergii Rudchyk's
 email: