stlr 1.0.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 3f2e5dd1c71819bb30aa6fad65d5da2bc3041e8b
+  data.tar.gz: 53907604b3ac285d526f1f97f40e04434ae91478
+SHA512:
+  metadata.gz: 46f52ec7447e1a4f3d1d69bf3d345c1020bbf0345ef4ae1d77a4f0a37457355843bc002ce4cfacd0c0686eab371ffeec17c04a97b466b7b3845e7ac769012ae2
+  data.tar.gz: 2f3044432ec7eaa37a360a130ee6a589335ea1ee434073c36b6681581af634aef8c45fa73d6e0685a49991fff2b0569b0139bad5f6d661c682479f324c9dda05

data/.gitignore

@@ -0,0 +1,12 @@
+*.gem
+*.gemfile.lock
+.DS_Store
+.rbenv-version
+.rvmrc
+.sass-cache
+/.bundle
+/vendor/bundle
+/vendor/cache
+Gemfile.lock
+node_modules
+tmp/

data/Gemfile

@@ -0,0 +1,7 @@
+source 'https://rubygems.org'
+
+gemspec
+
+group :development do
+  gem 'byebug', platforms: [:mri_21, :mri_22], require: false
+end

data/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2013-2016 Twitter, Inc
+
+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 @@
+## Stlr

data/assets/stylesheets/stlr/functions/gg.scss

@@ -0,0 +1,11 @@
+$grid-gutter-width: 30px !default;
+
+// Calculate gutter for width in units or for gutter factor
+@function gg($width: 1, $qwazi: true, $width-base: $grid-gutter-width) {
+  @if (unitless($width)) {
+    @return $width * $width-base;
+  } @else {
+    $gutter-width: if($qwazi, $width-base/2, $width-base);
+    @return ceil($width / $gutter-width) * $gutter-width;
+  }
+}

data/assets/stylesheets/stlr/functions/rh-margin.scss

@@ -0,0 +1,7 @@
+@import "stlr/functions/rh";
+
+$base-line-height-computed: 24px !default;
+
+@function rh-margin($height, $qwazi: true, $line-height-base: $base-line-height-computed) {
+  @return rh($height, $qwazi, $line-height-base) - $height;
+}

data/assets/stylesheets/stlr/functions/rh.scss

@@ -0,0 +1,10 @@
+$base-line-height-computed: 24px !default;
+
+@function rh($height: 1, $qwazi: true, $line-height-base: $base-line-height-computed) {
+  @if (unitless($height)) {
+    @return $height * $line-height-base;
+  } @else {
+    $line-height: if($qwazi, $line-height-base/2, $line-height-base);
+    @return ceil($height / $line-height) * $line-height;
+  }
+}

data/assets/stylesheets/stlr/mixins/bg.scss

@@ -0,0 +1,6 @@
+@mixin bg($filename, $format: '.png',
+                     $options: 50% 50% no-repeat,
+                     $size: null) {
+  background: image_url($filename + $format) $options;
+  background-size: $size;
+}

data/assets/stylesheets/stlr/mixins/border-xxx-radius.scss

@@ -0,0 +1,18 @@
+// Single side border-radius
+
+@mixin border-top-radius($radius) {
+  border-top-left-radius: $radius;
+  border-top-right-radius: $radius;
+}
+@mixin border-right-radius($radius) {
+  border-bottom-right-radius: $radius;
+  border-top-right-radius: $radius;
+}
+@mixin border-bottom-radius($radius) {
+  border-bottom-left-radius: $radius;
+  border-bottom-right-radius: $radius;
+}
+@mixin border-left-radius($radius) {
+  border-bottom-left-radius: $radius;
+  border-top-left-radius: $radius;
+}

data/assets/stylesheets/stlr/mixins/clearfix.scss

@@ -0,0 +1,22 @@
+// Clearfix
+//
+// For modern browsers
+// 1. The space content is one way to avoid an Opera bug when the
+//    contenteditable attribute is included anywhere else in the document.
+//    Otherwise it causes space to appear at the top and bottom of elements
+//    that are clearfixed.
+// 2. The use of `table` rather than `block` is only necessary if using
+//    `:before` to contain the top-margins of child elements.
+//
+// Source: http://nicolasgallagher.com/micro-clearfix-hack/
+
+@mixin clearfix() {
+  &:before,
+  &:after {
+    content: " "; // 1
+    display: table; // 2
+  }
+  &:after {
+    clear: both;
+  }
+}

data/assets/stylesheets/stlr/mixins/gradient-striped.scss

@@ -0,0 +1,6 @@
+@mixin gradient-striped($color: rgba(255,255,255,.15), $angle: 45deg) {
+  background-image: linear-gradient($angle, $color 25%,
+                                            transparent 25%, transparent 50%,
+                                            $color 50%, $color 75%,
+                                            transparent 75%, transparent);
+}

data/assets/stylesheets/stlr/mixins/image.scss

@@ -0,0 +1,7 @@
+@mixin image($image, $image-width, $image-height) {
+  background-image: image_url($image);
+  background-repeat: no-repeat;
+  background-size: 100%;
+  height: $image-height;
+  width: $image-width;
+}

data/assets/stylesheets/stlr/mixins/placeholder.scss

@@ -0,0 +1,6 @@
+@mixin placeholder($color) {
+  &::placeholder {
+    color: $color;
+    opacity: 1;
+  }
+}

data/assets/stylesheets/stlr/mixins/responsive-image.scss

@@ -0,0 +1,5 @@
+@mixin responsive-image($display: block) {
+  display: $display;
+  height: auto;
+  max-width: 100%;
+}

data/assets/stylesheets/stlr/mixins/retina-bg.scss

@@ -0,0 +1,12 @@
+@mixin retina-bg($filename, $format: '.png',
+                            $options: 50% 50% no-repeat,
+                            $retina-options: $options,
+                            $size: null) {
+  background: image_url($filename + $format) $options;
+  background-size: $size;
+
+  @media only screen and (min-resolution: 1.3dppx) {
+    background: image_url($filename + '@2x' + $format) $retina-options;
+    background-size: $size;
+  }
+}

data/assets/stylesheets/stlr/mixins/retina-image.scss

@@ -0,0 +1,17 @@
+@mixin retina-image($filename,
+                    $width,
+                    $height,
+                    $format: '.png',
+                    $options: 50% 50% no-repeat,
+                    $retina-options: $options,
+                    $size: 100%) {
+  background: image_url($filename + $format) $options;
+  background-size: $size;
+  height: $height;
+  width: $width;
+
+  @media only screen and (min-resolution: 1.3dppx) {
+    background: image_url($filename + '@2x' + $format) $retina-options;
+    background-size: $size;
+  }
+}

data/assets/stylesheets/stlr/mixins/scrollbar.scss

@@ -0,0 +1,15 @@
+@mixin scrollbar($background-color: #323232) {
+  &::-webkit-scrollbar {
+    height: 10px;
+    width: 10px;
+  }
+  &::-webkit-scrollbar-thumb {
+    background-clip: padding-box;
+    background-color: rgba($background-color, 0.25);
+    border-radius: 10px;
+    border: 2px solid transparent;
+    &:hover {
+      background-color: rgba($background-color, 0.5);
+    }
+  }
+}

data/assets/stylesheets/stlr/mixins/svg-bg.scss

@@ -0,0 +1,14 @@
+@mixin svg-bg($filename, $format: '.png',
+                         $options: 50% 50% no-repeat,
+                         $svg-options: $options,
+                         $size: null) {
+  background: image_url($filename + $format) $options;
+  background-size: $size;
+
+  @media only screen and (min-resolution: 1.3dppx) {
+    .svg & {
+      background: image_url($filename + '.svg') $svg-options;
+      background-size: $size;
+    }
+  }
+}

data/assets/stylesheets/stlr/mixins/svg-image.scss

@@ -0,0 +1,19 @@
+@mixin svg-image($filename,
+                 $width,
+                 $height,
+                 $format: '.png',
+                 $options: 50% 50% no-repeat,
+                 $svg-options: $options,
+                 $size: 100%) {
+  background: image_url($filename + $format) $options;
+  background-size: $size;
+  height: $height;
+  width: $width;
+
+  @media only screen and (min-resolution: 1.3dppx) {
+    .svg & {
+      background: image_url($filename + '.svg') $svg-options;
+      background-size: $size;
+    }
+  }
+}

data/assets/stylesheets/stlr/mixins/text-hide.scss

@@ -0,0 +1,7 @@
+@mixin text-hide() {
+  background-color: transparent;
+  border: 0;
+  color: transparent;
+  font: 0/0 a;
+  text-shadow: none;
+}

data/assets/stylesheets/stlr/mixins/text-overflow.scss

@@ -0,0 +1,5 @@
+@mixin text-overflow() {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}

data/bower.json

@@ -0,0 +1,26 @@
+{
+  "name": "stlr",
+  "homepage": "https://github.com/gambala/stlr",
+  "authors": [
+    "Vitaliy Emeliyantsev"
+  ],
+  "description": "stlr is a couple of mixins for sass",
+  "moduleType": "globals",
+  "main": [
+    "assets/stylesheets/stlr.scss"
+  ],
+  "keywords": [
+    "gambala",
+    "stlr",
+    "sass"
+  ],
+  "license": "MIT",
+  "ignore": [
+    "**/.*",
+    "lib",
+    "*.gemspec",
+    "Rakefile",
+    "Gemfile"
+  ],
+  "version": "1.0.0"
+}

data/composer.json

@@ -0,0 +1,15 @@
+{
+  "name": "gambala/stlr",
+  "description": "stlr is a couple of mixins for sass",
+  "keywords": ["stlr", "css", "sass"],
+  "homepage": "http://github.com/gambala/stlr",
+  "authors": [
+    {
+      "name": "Vitaliy Emeliyantsev"
+    }
+  ],
+  "support": {
+    "issues": "https://github.com/gambala/stlr/issues"
+  },
+  "license": "MIT"
+}

data/eyeglass-exports.js

@@ -0,0 +1,7 @@
+var path = require('path');
+
+module.exports = function(eyeglass, sass) {
+  return {
+    sassDir: path.join(__dirname, 'assets/stylesheets')
+  }
+}

data/lib/stlr.rb

@@ -0,0 +1,58 @@
+require 'stlr/version'
+module Stlr
+  class << self
+    # Inspired by Kaminari
+    def load!
+      if rails?
+        register_rails_engine
+      elsif sprockets?
+        register_sprockets
+      end
+
+      configure_sass
+    end
+
+    # Paths
+    def gem_path
+      @gem_path ||= File.expand_path '..', File.dirname(__FILE__)
+    end
+
+    def stylesheets_path
+      File.join assets_path, 'stylesheets'
+    end
+
+    def assets_path
+      @assets_path ||= File.join gem_path, 'assets'
+    end
+
+    # Environment detection helpers
+    def sprockets?
+      defined?(::Sprockets)
+    end
+
+    def rails?
+      defined?(::Rails)
+    end
+
+    private
+
+    def configure_sass
+      require 'sass'
+
+      ::Sass.load_paths << stylesheets_path
+
+      # bootstrap requires minimum precision of 8, see https://github.com/twbs/bootstrap-sass/issues/409
+      ::Sass::Script::Number.precision = [8, ::Sass::Script::Number.precision].max
+    end
+
+    def register_rails_engine
+      require 'stlr/engine'
+    end
+
+    def register_sprockets
+      Sprockets.append_path(stylesheets_path)
+    end
+  end
+end
+
+Stlr.load!

data/lib/stlr/engine.rb

@@ -0,0 +1,9 @@
+module Stlr
+  module Rails
+    class Engine < ::Rails::Engine
+      initializer 'stlr.assets.precompile' do |app|
+        app.config.assets.paths << root.join('assets', 'stylesheets').to_s
+      end
+    end
+  end
+end

data/lib/stlr/version.rb

@@ -0,0 +1,4 @@
+module Stlr
+  VERSION = '1.0.0'
+  STLR_SHA = '81df608a40bf0629a1dc08e584849bb1e43e0b7a'
+end

data/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "stlr",
+  "version": "1.0.0",
+  "description": "stlr is a couple of mixins for sass",
+  "style": "assets/stylesheets/stlr.scss",
+  "sass": "assets/stylesheets/stlr.scss",
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/gambala/stlr"
+  },
+  "keywords": [
+    "stlr",
+    "sass",
+    "css",
+    "eyeglass-module"
+  ],
+  "contributors": [
+    "Vitaliy Emeliyantsev"
+  ],
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/gambala/stlr/issues"
+  },
+  "devDependencies": {
+    "node-sass": "~3.7.0",
+    "mincer": "~1.4.0",
+    "ejs": "~2.4.2"
+  },
+  "eyeglass": {
+    "exports": "eyeglass-exports.js",
+    "needs": "^0.7.1"
+  }
+}

data/sache.json

@@ -0,0 +1,5 @@
+{
+  "name": "stlr",
+  "description": "stlr is a couple of mixins for sass",
+  "tags": ["stlr", "typography", "responsive-web-design"]
+}

data/stlr.gemspec

@@ -0,0 +1,17 @@
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'stlr/version'
+
+Gem::Specification.new do |s|
+  s.name     = 'stlr'
+  s.version  = Stlr::VERSION
+  s.authors  = ['Vitaliy Emeliyantsev']
+  s.email    = 'gambala.rus@gmail.com'
+  s.summary  = 'stlr is a couple of mixins for sass'
+  s.homepage = 'https://github.com/gambala/stlr'
+  s.license  = 'MIT'
+  s.files    = `git ls-files`.split("\n")
+  s.add_runtime_dependency 'sass', '>= 3.3.4'
+  s.add_runtime_dependency 'autoprefixer-rails', '>= 5.2.1'
+  s.add_development_dependency 'term-ansicolor' # Converter
+end

metadata

@@ -0,0 +1,116 @@
+--- !ruby/object:Gem::Specification
+name: stlr
+version: !ruby/object:Gem::Version
+  version: 1.0.0
+platform: ruby
+authors:
+- Vitaliy Emeliyantsev
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2017-01-02 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: sass
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 3.3.4
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 3.3.4
+- !ruby/object:Gem::Dependency
+  name: autoprefixer-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 5.2.1
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 5.2.1
+- !ruby/object:Gem::Dependency
+  name: term-ansicolor
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+description: 
+email: gambala.rus@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- Gemfile
+- LICENSE
+- README.md
+- assets/stylesheets/stlr/functions/gg.scss
+- assets/stylesheets/stlr/functions/rh-margin.scss
+- assets/stylesheets/stlr/functions/rh.scss
+- assets/stylesheets/stlr/mixins/bg.scss
+- assets/stylesheets/stlr/mixins/border-xxx-radius.scss
+- assets/stylesheets/stlr/mixins/clearfix.scss
+- assets/stylesheets/stlr/mixins/gradient-striped.scss
+- assets/stylesheets/stlr/mixins/image.scss
+- assets/stylesheets/stlr/mixins/placeholder.scss
+- assets/stylesheets/stlr/mixins/responsive-image.scss
+- assets/stylesheets/stlr/mixins/retina-bg.scss
+- assets/stylesheets/stlr/mixins/retina-image.scss
+- assets/stylesheets/stlr/mixins/scrollbar.scss
+- assets/stylesheets/stlr/mixins/svg-bg.scss
+- assets/stylesheets/stlr/mixins/svg-image.scss
+- assets/stylesheets/stlr/mixins/text-hide.scss
+- assets/stylesheets/stlr/mixins/text-overflow.scss
+- bower.json
+- composer.json
+- eyeglass-exports.js
+- lib/stlr.rb
+- lib/stlr/engine.rb
+- lib/stlr/version.rb
+- package.json
+- sache.json
+- stlr.gemspec
+homepage: https://github.com/gambala/stlr
+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.5.1
+signing_key: 
+specification_version: 4
+summary: stlr is a couple of mixins for sass
+test_files: []
+has_rdoc: