boxmodel2 0.0.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 4fb8fe73cc9b8af9ae0513589b10934585ab0b10
+  data.tar.gz: 43172ed9af644a05f60685dbf64c515624309ac1
+SHA512:
+  metadata.gz: ddf2c4c284d83a506e9d180217d57d7dad3ca764a4c444f5aae86707f4a345ce981e8c53f48963fa5a1c70475257c3fdcfb92420a896a59204b4ba3495bc8e93
+  data.tar.gz: 433191146107baff21ebb1066568ddc88c0c4fad6c5c9b440b1c76a2ff2d48ec72de7f1f2cb84ff1cc3d78b257e8f10e4577c3641d1365c9a6bbfe881b67030a

data/.gitignore

@@ -0,0 +1 @@
+.sass-cache

data/LICENSE

@@ -0,0 +1,22 @@
+The MIT License (MIT)
+
+Copyright (c) 2015 pawelrosa
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+

data/README.md

@@ -0,0 +1 @@
+# boxmodel2

data/boxmodel2.gemspec

@@ -0,0 +1,23 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'boxmodel2/version'
+
+Gem::Specification.new do |s|
+  s.name        = 'boxmodel2'
+  s.version     = Boxmodel2::VERSION
+  s.license     = 'MIT'
+  s.date        = '2015-03-21'
+  
+  s.summary     = "Boxmodel2, css classes modifying box model"
+  s.description = "Boxmodel2 is css library providing css classes to modify margins, paddings, borders, dimensions and positions without writing css declarations by yourself."
+  
+  s.authors     = ["Paweł Rosa"]
+  s.email       = 'pawel.t.rosa@gmail.com'
+  s.homepage    = 'https://github.com/pawelrosa/boxmodel2'
+  
+  s.files       = `git ls-files`.split("\n")
+  s.require_paths = ['lib']
+  
+  s.add_dependency 'sass', '>= 3.4'
+end

data/lib/boxmodel2/version.rb

@@ -0,0 +1,3 @@
+module Boxmodel2
+  VERSION = '0.0.0'
+end

data/vendor/assets/stylesheets/boxmodel2.scss

@@ -0,0 +1,9 @@
+/*----------------------------------------------------------------------------*/
+/* BOXMODEL2 -----------------------------------------------------------------*/
+/*----------------------------------------------------------------------------*/
+
+@import "boxmodel2/vars";
+@import "boxmodel2/mixins";
+@import "boxmodel2/disabling_classes";
+@import "boxmodel2/main_classes";
+@import "boxmodel2/responsive_classes";

data/vendor/assets/stylesheets/boxmodel2/_disabling_classes.scss

@@ -0,0 +1,5 @@
+//----------------------------------------------------------------------------//
+// BOXMODEL2 > DISABLING_CLASSES ---------------------------------------------//
+//----------------------------------------------------------------------------//
+
+@include all-disabling-classes;

data/vendor/assets/stylesheets/boxmodel2/_main_classes.scss

@@ -0,0 +1,5 @@
+//----------------------------------------------------------------------------//
+// BOXMODEL2 > MAIN_CLASSES---------------------------------------------------//
+//----------------------------------------------------------------------------//
+
+@include all-main-classes;

data/vendor/assets/stylesheets/boxmodel2/_mixins.scss

@@ -0,0 +1,220 @@
+//----------------------------------------------------------------------------//
+// BOXMODEL2 > MIXINS --------------------------------------------------------//
+//----------------------------------------------------------------------------//
+
+@mixin direction-expressions($type, $direction, $value) {
+  $v: $value;
+  $b: null;
+  @if $value != 0 {
+    $v: $value * 1px;
+  }
+  @if $type == border {
+    $b: -width;
+  }
+  @if $direction == all {
+    #{$type}#{$b}: $v !important;
+  } @else if $direction == horizontal {
+    #{$type}-left#{$b}: $v !important;
+    #{$type}-right#{$b}: $v !important;
+  } @else if $direction == vertical {
+    #{$type}-top#{$b}: $v !important;
+    #{$type}-bottom#{$b}: $v !important;
+  } @else {
+    #{$type}-#{$direction}#{$b}: $v !important;
+  }
+}
+
+@mixin direction-classes($type, $value, $res: null) {
+  @if $value > 0 or $type == margin and $value != 0 {
+    $t: str-slice($type, 0, 1);
+    $r: null;
+    @if $res {
+      $r: -#{$res};
+    }
+    @each $direction in $bm-directions {
+      @if $direction == all {
+        .#{$t}#{$r}-#{$value} {
+          @include direction-expressions($type, $direction, $value);
+        }
+      } @else {
+        $d: str-slice($direction, 0, 1);  
+        .#{$t}-#{$d}#{$r}-#{$value} {
+          @include direction-expressions($type, $direction, $value);
+        }
+      }
+    }
+  }
+}
+
+@mixin disabling-classes($type, $res: null) {
+  $value: 0;
+  $t: str-slice($type, 0, 1);
+  $r: null;
+  @if $res {
+    $r: -#{$res};
+  }
+  @each $direction in $bm-directions {
+    $d: str-slice($direction, 0, 1);
+    .n-#{$t}-#{$d}#{$r},
+    .#{$t}-#{$d}#{$r}-#{$value} {
+      @include direction-expressions($type, $direction, $value);
+    }
+  }
+}
+
+@mixin position-classes($value, $res: null) {
+  $directions: top, right, bottom, left;
+  $v: null;
+  $r: null;
+  @if $value != 0 {
+    $v: $value * 1px;
+  }
+  @if $res {
+    $r: -#{$res};
+  }
+  @each $direction in $directions {
+    $d: str-slice($direction, 0, 1);
+    .p#{$d}#{$r}-#{$value} {
+      #{$direction}: $v !important;
+    }
+  }
+}
+
+@mixin dimension-classes($value, $res: null) {
+  @if $value > 0 {
+    $r: null;
+    @if $res {
+      $r: -#{$res};
+    }
+    .w#{$r}-#{$value} {
+      width: $value * 1px !important;
+    }
+    .h#{$r}-#{$value} {
+      height: $value * 1px !important;
+    }
+  }
+}
+
+@mixin print-classes($type, $value, $res: null) {
+  @if $type == position {
+    @include position-classes($value, $res);
+  } @else if $type == dimension {
+    @include dimension-classes($value, $res);
+  } @else {
+    @include direction-classes($type, $value, $res);
+  }
+}
+
+@mixin main-classes($type, $res: null) {
+  @if $bm-values {
+    @each $value in $bm-values {
+      @include print-classes($type, $value, $res);
+    }
+  } @else {
+    $value: $bm-min-value;
+    @while $value < $bm-max-value {
+      @include print-classes($type, $value, $res);
+      $value: $value + $bm-step;
+    }
+    @include print-classes($type, $value, $res);
+  }
+}
+
+@mixin all-disabling-classes($res: null) {
+  $r: null;
+  @if $res {
+    $r: -#{$res};
+  }
+  // positions
+  @if $bm-positions {
+    .n-pt#{$r},
+    .pt#{$r}-0 {
+      top: 0 !important;
+    }
+
+    .n-pr#{$r},
+    .pr#{$r}-0 {
+      right: 0 !important;
+    }
+
+    .n-pb#{$r},
+    .pb#{$r}-0 {
+      bottom: 0 !important;
+    }
+
+    .n-pl#{$r},
+    .pl#{$r}-0 {
+      left: 0 !important;
+    }
+  }
+
+  // margins
+  @if $bm-margins {
+    .n-m#{$r},
+    .m#{$r}-0 {
+      margin: 0 !important;
+    }
+
+    @include disabling-classes(margin, $res);
+  }
+
+  // borders
+  @if $bm-borders {
+    .n-b#{$r},
+    .b#{$r}-0 {
+      border-width: 0 !important;
+    }
+
+    @include disabling-classes(border, $res);
+  }
+
+  // paddings
+  @if $bm-paddings {
+    .n-p#{$r},
+    .p#{$r}-0 {
+      padding: 0 !important;
+    }
+
+    @include disabling-classes(padding, $res);
+  }
+
+  // dimensions
+  @if $bm-dimensions {
+    .n-w#{$r},
+    .w#{$r}-0 {
+      width: 0 !important;
+    }
+
+    .n-h#{$r},
+    .h#{$r}-0 {
+      height: 0 !important;
+    }
+  }
+}
+
+@mixin all-main-classes($res: null) {
+  // positions
+  @if $bm-positions {
+    @include main-classes(position, $res);
+  }
+  
+  // margins
+  @if $bm-margins {
+    @include main-classes(margin, $res);
+  }
+
+  // borders
+  @if $bm-borders {
+    @include main-classes(border, $res);
+  }
+
+  // paddings
+  @if $bm-paddings {
+    @include main-classes(padding, $res);
+  }
+
+  // dimensions
+  @if $bm-dimensions {
+    @include main-classes(dimension, $res);
+  }
+}

data/vendor/assets/stylesheets/boxmodel2/_responsive_classes.scss

@@ -0,0 +1,25 @@
+//----------------------------------------------------------------------------//
+// BOXMODEL2 > RESPONSIVE_CLASSES---------------------------------------------//
+//----------------------------------------------------------------------------//
+
+@if $bm-responsive {
+  @media (max-width: $bm-screen-xs-max) {
+    @include all-disabling-classes(xs);
+    @include all-main-classes(xs);
+  }
+
+  @media (min-width: $bm-screen-sm-min) and (max-width: $bm-screen-sm-max) {
+    @include all-disabling-classes(sm);
+    @include all-main-classes(sm);
+  }
+
+  @media (min-width: $bm-screen-md-min) and (max-width: $bm-screen-md-max) {
+    @include all-disabling-classes(md);
+    @include all-main-classes(md);
+  }
+
+  @media (min-width: $bm-screen-lg-min) {
+    @include all-disabling-classes(lg);
+    @include all-main-classes(lg);
+  }
+}

data/vendor/assets/stylesheets/boxmodel2/_vars.scss

@@ -0,0 +1,23 @@
+//----------------------------------------------------------------------------//
+// BOXMODEL2 > VARS ----------------------------------------------------------//
+//----------------------------------------------------------------------------//
+
+$bm-values:         null !default;
+$bm-min-value:      5 !default;
+$bm-max-value:      30 !default;
+$bm-step:           5 !default;
+$bm-directions:     top, right, bottom, left, horizontal, vertical, all !default;
+
+$bm-positions:      false !default;
+$bm-margins:        true !default;
+$bm-borders:        false !default;
+$bm-paddings:       true !default;
+$bm-dimensions:     false !default;
+$bm-responsive:     false !default;
+
+$bm-screen-sm-min:  768px !default;
+$bm-screen-md-min:  992px !default;
+$bm-screen-lg-min:  1200px !default;
+$bm-screen-xs-max:  ($bm-screen-sm-min - 1) !default;
+$bm-screen-sm-max:  ($bm-screen-md-min - 1) !default;
+$bm-screen-md-max:  ($bm-screen-lg-min - 1) !default;

metadata

@@ -0,0 +1,69 @@
+--- !ruby/object:Gem::Specification
+name: boxmodel2
+version: !ruby/object:Gem::Version
+  version: 0.0.0
+platform: ruby
+authors:
+- Paweł Rosa
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2015-03-21 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: sass
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '3.4'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '3.4'
+description: Boxmodel2 is css library providing css classes to modify margins, paddings,
+  borders, dimensions and positions without writing css declarations by yourself.
+email: pawel.t.rosa@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- LICENSE
+- README.md
+- boxmodel2.gemspec
+- lib/boxmodel2/version.rb
+- vendor/assets/stylesheets/boxmodel2.scss
+- vendor/assets/stylesheets/boxmodel2/_disabling_classes.scss
+- vendor/assets/stylesheets/boxmodel2/_main_classes.scss
+- vendor/assets/stylesheets/boxmodel2/_mixins.scss
+- vendor/assets/stylesheets/boxmodel2/_responsive_classes.scss
+- vendor/assets/stylesheets/boxmodel2/_vars.scss
+homepage: https://github.com/pawelrosa/boxmodel2
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.4.6
+signing_key: 
+specification_version: 4
+summary: Boxmodel2, css classes modifying box model
+test_files: []