bootstrap-extended-utilities 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 21ebeb64115cd3d05cb6c10d393fa1530ab2c0a3
+  data.tar.gz: f84c349e655797f320287cca1225ff803ebcad35
+SHA512:
+  metadata.gz: dcb0f3f09e8b6f2e984644b6fa4571cfa97325a13514901adcd17218b865d504abbb3900e34647f6a72e88954ee7f800cfe04beb7af3dba03cd3376ce05b9679
+  data.tar.gz: 6e50eefcd87a202ff0d43e6e292fd79a8b7b8aff723ee91643b00c355e5f5938395d97cc8e6192ad125b2109401e4cd02aeda4eaf0c0af38e7f4c6aab71fd46d

data/CODE_OF_CONDUCT.md

@@ -0,0 +1,74 @@
+# Contributor Covenant Code of Conduct
+
+## Our Pledge
+
+In the interest of fostering an open and welcoming environment, we as
+contributors and maintainers pledge to making participation in our project and
+our community a harassment-free experience for everyone, regardless of age, body
+size, disability, ethnicity, gender identity and expression, level of experience,
+nationality, personal appearance, race, religion, or sexual identity and
+orientation.
+
+## Our Standards
+
+Examples of behavior that contributes to creating a positive environment
+include:
+
+* Using welcoming and inclusive language
+* Being respectful of differing viewpoints and experiences
+* Gracefully accepting constructive criticism
+* Focusing on what is best for the community
+* Showing empathy towards other community members
+
+Examples of unacceptable behavior by participants include:
+
+* The use of sexualized language or imagery and unwelcome sexual attention or
+advances
+* Trolling, insulting/derogatory comments, and personal or political attacks
+* Public or private harassment
+* Publishing others' private information, such as a physical or electronic
+  address, without explicit permission
+* Other conduct which could reasonably be considered inappropriate in a
+  professional setting
+
+## Our Responsibilities
+
+Project maintainers are responsible for clarifying the standards of acceptable
+behavior and are expected to take appropriate and fair corrective action in
+response to any instances of unacceptable behavior.
+
+Project maintainers have the right and responsibility to remove, edit, or
+reject comments, commits, code, wiki edits, issues, and other contributions
+that are not aligned to this Code of Conduct, or to ban temporarily or
+permanently any contributor for other behaviors that they deem inappropriate,
+threatening, offensive, or harmful.
+
+## Scope
+
+This Code of Conduct applies both within project spaces and in public spaces
+when an individual is representing the project or its community. Examples of
+representing a project or community include using an official project e-mail
+address, posting via an official social media account, or acting as an appointed
+representative at an online or offline event. Representation of a project may be
+further defined and clarified by project maintainers.
+
+## Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+reported by contacting the project team at mitchel_jager@hotmail.com. All
+complaints will be reviewed and investigated and will result in a response that
+is deemed necessary and appropriate to the circumstances. The project team is
+obligated to maintain confidentiality with regard to the reporter of an incident.
+Further details of specific enforcement policies may be posted separately.
+
+Project maintainers who do not follow or enforce the Code of Conduct in good
+faith may face temporary or permanent repercussions as determined by other
+members of the project's leadership.
+
+## Attribution
+
+This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4,
+available at [http://contributor-covenant.org/version/1/4][version]
+
+[homepage]: http://contributor-covenant.org
+[version]: http://contributor-covenant.org/version/1/4/

data/Gemfile

@@ -0,0 +1,6 @@
+source "https://rubygems.org"
+
+git_source(:github) {|repo_name| "https://github.com/#{repo_name}" }
+
+# Specify your gem's dependencies in bootstrap-extended-utilities.gemspec
+gemspec

data/Gemfile.lock

@@ -0,0 +1,20 @@
+PATH
+  remote: .
+  specs:
+    bootstrap-extended-utilities (0.1.0)
+
+GEM
+  remote: https://rubygems.org/
+  specs:
+    rake (10.5.0)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  bootstrap-extended-utilities!
+  bundler (~> 1.15)
+  rake (~> 10.0)
+
+BUNDLED WITH
+   1.16.0.pre.3

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2017 Mitcheljager
+
+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,116 @@
+# Bootstrap Extended Utilities
+
+This Rails gem adds more Utilities CSS classes on top of what Bootstrap 4 already offers. It adds new properties as well as build on already existing ones. Such as adding Breakpoints to certain existing utilities.
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'bootstrap-extended-utilities'
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install bootstra-extended-utilities
+
+## How to use
+
+Every new property can be configured to your needs. This way you can add only what you require without bloating the CSS.
+
+Most classes follow the same naming structure as Bootstrap, with exception of hovers.
+
+Each component can be turn on or off by adjusting the `$components` SCSS variable.
+
+```
+$components: (
+  background-color,
+  cursor,
+  opacity,
+  overflow,
+  position,
+  shadow,
+  sizes,
+  svg,
+  text-color,
+  z-index
+);
+```
+By default all components are turned on.
+
+Each component has their own variables that allow for further customization.
+```
+  $background-color-hovers: false; // Toggle hovers for all Background colors in $theme-colors
+  $background-color-responsive: true; // Toggle breakpoints for background-color
+
+  $cursor-breakpoints: false; // Toggle breakpoints for Cursor property
+  $cursors: (
+    pointer
+  ); // Add or remove different Cursor properties
+
+  $opacity-hover: false; // Toggle hovers for Opacity
+  $opacity-breakpoints: true; /// Toggle breakpoints for Opacity
+  $opacities: (
+    0: 0,
+    10: 0.1,
+    20: 0.2,
+    30: 0.3,
+    40: 0.4,
+    50: 0.5,
+    60: 0.6,
+    70: 0.7,
+    80: 0.8,
+    90: 0.9,
+    100: 1
+  ); // Add or remove different Opacity properties. First value is the classname, second is the opacity value.
+
+  $overflow-breakpoints: true; // Toggle breakpoints for Overflow
+  $overflow: (
+    visible,
+    hidden,
+    scroll,
+    auto,
+    initial,
+    inherit
+  ); // Add or remove different Overflow properties.
+
+  $positions: (
+    absolute,
+    relative
+    static,
+    fixed
+  ); // Add or remove different position properties. These are only breakpoints, as Bootstrap already offers the base classes.
+
+  $shadow-hover: false; // Toggle hovers on box-shadows
+  $shadow-breakpoints: true; // Toggle breakpoints for box-shadows
+  $shadows: (
+    "": 0 .5rem 1rem rgba($black, .15),
+    sm: 0 .125rem .25rem rgba($black, .075),
+    lg: 0 1rem 3rem rgba($black, .175)
+  ); // Add or remove Shadows. These are only hovers and breakpoints, as Bootstrap already offers the base classes.
+
+  $sizes-breakpoints: true; // These are only breakpoints, as Bootstrpa already offers the base classes. The sizes can be changed with the Bootstrap variable $sizes.
+
+  $text-color-hovers: false; // Toggle hovers for all Text colors in $theme-colors
+  $text-color-responsive: true; // Toggle breakpoints for Text colors
+
+  $z-index-breakpoints: false; // toggle breakpoints on z-index
+  $z-indexes: (
+    -1,
+    1,
+    2,
+    10,
+    100,
+    1000
+  ); // Add or remove different z-index values
+```
+
+Everything listed here are the default values.
+
+All classes can be used similar to the already existing Utilities classes in Bootstrap. Such as `.position-md-absolute`. Hovers can be access with the `.hover:` addition. Such as `.hover:opacity-lg-50`.
+
+SVG offers two classes `.fill-current` and `.stroke-current` which use the currentColor property.

data/Rakefile

@@ -0,0 +1,2 @@
+require "bundler/gem_tasks"
+task :default => :spec

data/bin/console

@@ -0,0 +1,14 @@
+#!/usr/bin/env ruby
+
+require "bundler/setup"
+require "bootstrap-extended-utilities"
+
+# You can add fixtures and/or initialization code here to make experimenting
+# with your gem easier. You can also use a different console, if you like.
+
+# (If you use this, don't forget to add pry to your Gemfile!)
+# require "pry"
+# Pry.start
+
+require "irb"
+IRB.start(__FILE__)

data/bin/setup

@@ -0,0 +1,8 @@
+#!/usr/bin/env bash
+set -euo pipefail
+IFS=$'\n\t'
+set -vx
+
+bundle install
+
+# Do any other automated setup that you need to do here

data/bootstrap-extended-utilities.gemspec

@@ -0,0 +1,22 @@
+# coding: utf-8
+lib = File.expand_path("../lib", __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+
+Gem::Specification.new do |spec|
+  spec.name          = "bootstrap-extended-utilities"
+  spec.version       = "0.1.0"
+  spec.authors       = ["Mitcheljager"]
+  spec.email         = ["mitchel_jager@hotmail.com"]
+
+  spec.summary       = "An extension of Twitter's Bootstrap Utility classes"
+  spec.homepage      = "https://github.com/Mitcheljager/bootstrap-extended-utilities"
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files`.split($\)
+  spec.bindir        = "exe"
+  spec.executables   = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
+  spec.require_paths = ["lib"]
+
+  spec.add_development_dependency "bundler", "~> 1.15"
+  spec.add_development_dependency "rake", "~> 10.0"
+end

data/lib/bootstrap-extended-utilities.rb

@@ -0,0 +1,3 @@
+module BootstrapExtendedUtilities
+  class Engine < ::Rails::Engine; end
+end

data/vendor/assets/stylesheets/_bootstrap-extended-utilities.scss

@@ -0,0 +1,16 @@
+@import "variables";
+
+@import "general/position",
+        "general/z-index",
+        "general/cursor",
+        "general/overflow";
+
+@import "color/background",
+        "color/opacity",
+        "color/text";
+
+@import "shadow/shadow";
+
+@import "sizing/sizes";
+
+@import "svg/svg";

data/vendor/assets/stylesheets/_variables.scss

@@ -0,0 +1,12 @@
+$components: (
+  background-color,
+  cursor,
+  opacity,
+  overflow,
+  position,
+  shadow,
+  sizes,
+  svg,
+  text-color,
+  z-index
+) !default;

data/vendor/assets/stylesheets/color/_background.scss

@@ -0,0 +1,31 @@
+@if index($components, background-color) {
+  $background-color-hovers: false !default;
+  $background-color-breakpoints: true !default;
+
+  $hover: "";
+
+  @if $background-color-hovers {
+    @each $color, $value in $theme-colors {
+
+      .hover\:bg-#{$color}:hover {
+        background-color: #{$value} !important;
+      }
+    }
+  }
+
+  @if $background-color-breakpoints {
+    @each $breakpoint, $breakpoint-value in $grid-breakpoints {
+      @include media-breakpoint-up($breakpoint) {
+        @each $color, $value in $theme-colors {
+          @if $background-color-hovers {
+            $hover: ", .hover\\:bg-#{$breakpoint}-#{$color}:hover, .hover\\:bg-#{$breakpoint}-#{$color}:active";
+          }
+
+          .bg-#{$breakpoint}-#{$color}#{$hover} {
+            background-color: #{$value} !important;
+          }
+        }
+      }
+    }
+  }
+}

data/vendor/assets/stylesheets/color/_opacity.scss

@@ -0,0 +1,46 @@
+@if index($components, opacity) {
+  $opacity-hover: false !default;
+  $opacity-breakpoints: true !default;
+
+  $opacities: (
+    0: 0,
+    10: 0.1,
+    20: 0.2,
+    30: 0.3,
+    40: 0.4,
+    50: 0.5,
+    60: 0.6,
+    70: 0.7,
+    80: 0.8,
+    90: 0.9,
+    100: 1
+  ) !default;
+
+  $hover: "";
+
+  @each $opacity, $value in $opacities {
+    @if $opacity-hover {
+      $hover: ", .hover\\:opacity-#{$opacity}:hover, .hover\\:opacity-#{$opacity}:active";
+    }
+
+    .opacity-#{$opacity}#{$hover} {
+      opacity: $value !important;
+    }
+  }
+
+  @if $opacity-breakpoints {
+    @each $breakpoint, $breakpoint-value in $grid-breakpoints {
+      @include media-breakpoint-up($breakpoint) {
+        @each $opacity, $value in $opacities {
+          @if $opacity-hover {
+              $hover: ", .hover\\:opacity-#{$breakpoint}-#{$opacity}:hover, .hover\\:opacity-#{$breakpoint}-#{$opacity}:active";
+          }
+
+          .opacity-#{$breakpoint}-#{$opacity}#{$hover} {
+            opacity: $value !important;
+          }
+        }
+      }
+    }
+  }
+}

data/vendor/assets/stylesheets/color/_text.scss

@@ -0,0 +1,31 @@
+@if index($components, text-color) {
+  $text-color-hovers: false !default;
+  $text-color-breakpoints: true !default;
+
+  $hover: "";
+
+  @if $text-color-hovers {
+    @each $color, $value in $theme-colors {
+
+      .hover\:text-#{$color}:hover {
+        color: #{$value} !important;
+      }
+    }
+  }
+
+  @if $text-color-breakpoints {
+    @each $breakpoint, $breakpoint-value in $grid-breakpoints {
+      @include media-breakpoint-up($breakpoint) {
+        @each $color, $value in $theme-colors {
+          @if $text-color-hovers {
+            $hover: ", .hover\\:text-#{$breakpoint}-#{$color}:hover, .hover\\:text-#{$breakpoint}-#{$color}:active";
+          }
+
+          .text-#{$breakpoint}-#{$color}#{$hover} {
+            color: #{$value} !important;
+          }
+        }
+      }
+    }
+  }
+}

data/vendor/assets/stylesheets/general/_cursor.scss

@@ -0,0 +1,25 @@
+@if index($components, cursor) {
+  $cursor-breakpoints: false !default;
+
+  $cursors: (
+    pointer
+  ) !default;
+
+  @each $cursor in $cursors {
+    .position-#{$cursor} {
+      position: $cursor !important;
+    }
+  }
+
+  @if $cursor-breakpoints {
+    @each $breakpoint, $breakpoint-value in $grid-breakpoints {
+      @include media-breakpoint-up($breakpoint) {
+        @each $cursor in $cursors {
+          .cursor-#{$breakpoint}-#{$cursor} {
+            position: $cursor !important;
+          }
+        }
+      }
+    }
+  }
+}

data/vendor/assets/stylesheets/general/_overflow.scss

@@ -0,0 +1,30 @@
+@if index($components, overflow) {
+  $overflow-breakpoints: true !default;
+
+  $overflow: (
+    visible,
+    hidden,
+    scroll,
+    auto,
+    initial,
+    inherit
+  ) !default;
+
+  @each $property in $overflow {
+    .overflow-#{$property} {
+      overflow: $property !important;
+    }
+  }
+
+  @if $overflow-breakpoints {
+    @each $breakpoint, $breakpoint-value in $grid-breakpoints {
+      @include media-breakpoint-up($breakpoint) {
+        @each $property in $overflow {
+          .overflow-#{$breakpoint}-#{$property} {
+            overflow: $property !important;
+          }
+        }
+      }
+    }
+  }
+}

data/vendor/assets/stylesheets/general/_position.scss

@@ -0,0 +1,18 @@
+@if index($components, position) {
+  $positions: (
+    absolute,
+    relative
+    static,
+    fixed
+  ) !default;
+
+  @each $breakpoint, $breakpoint-value in $grid-breakpoints {
+    @include media-breakpoint-up($breakpoint) {
+      @each $position in $positions {
+        .position-#{$breakpoint}-#{$position} {
+          position: $position !important;
+        }
+      }
+    }
+  }
+}

data/vendor/assets/stylesheets/general/_z-index.scss

@@ -0,0 +1,30 @@
+@if index($components, z-index) {
+  $z-index-breakpoints: false !default;
+
+  $z-indexes: (
+    -1,
+    1,
+    2,
+    10,
+    100,
+    1000
+  ) !default;
+
+  @each $z-index in $z-indexes {
+    .z-#{$z-index} {
+      z-index: $z-index !important;
+    }
+  }
+
+  @if $z-index-breakpoints {
+    @each $breakpoint, $breakpoint-value in $grid-breakpoints {
+      @include media-breakpoint-up($breakpoint) {
+        @each $z-index in $z-indexes {
+          .z-#{$breakpoint}-#{$z-index} {
+            z-index: $z-index !important;
+          }
+        }
+      }
+    }
+  }
+}

data/vendor/assets/stylesheets/shadow/shadow.scss

@@ -0,0 +1,46 @@
+@if index($components, shadow) {
+  $shadow-hover: false !default;
+  $shadow-breakpoints: true !default;
+
+  $shadows: (
+    "": 0 .5rem 1rem rgba($black, .15),
+    sm: 0 .125rem .25rem rgba($black, .075),
+    lg: 0 1rem 3rem rgba($black, .175)
+  ) !default;
+
+  $hover: "";
+
+  @if $shadow-hover {
+    @each $shadow, $value in $shadows {
+      $separator: "";
+      @if $shadow {
+        $separator: "-";
+      }
+
+      .hover\:shadow#{$separator}#{$shadow}:hover, .hover\:shadow#{$separator}#{$shadow}:active {
+        box-shadow: #{$value} !important;
+      }
+    }
+  }
+
+  @if $shadow-breakpoints {
+    @each $breakpoint, $breakpoint-value in $grid-breakpoints {
+      @include media-breakpoint-up($breakpoint) {
+        @each $shadow, $value in $shadows {
+          $separator: "";
+          @if $shadow {
+            $separator: "-";
+          }
+
+          @if $shadow-hover {
+            $hover: ", .hover\\:shadow-#{$breakpoint}#{$separator}#{$shadow}:hover, .hover\\:shadow-#{$breakpoint}#{$separator}#{$shadow}:active";
+          }
+
+          .shadow-#{$breakpoint}#{$separator}#{$shadow}#{$hover} {
+            box-shadow: #{$value} !important;
+          }
+        }
+      }
+    }
+  }
+}

data/vendor/assets/stylesheets/sizing/_sizes.scss

@@ -0,0 +1,15 @@
+@if index($components, sizes) {
+  $sizes-breakpoints: true !default;
+
+  @if $sizes-breakpoints {
+    @each $breakpoint, $breakpoint-value in $grid-breakpoints {
+      @include media-breakpoint-up($breakpoint) {
+        @each $size, $value in $sizes {
+          .w-#{$breakpoint}-#{$size} {
+            width: $value !important;
+          }
+        }
+      }
+    }
+  }
+}

data/vendor/assets/stylesheets/svg/_svg.scss

@@ -0,0 +1,9 @@
+@if index($components, svg) {
+  .fill-current path {
+    fill: currentColor;
+  }
+
+  .stroke-current path {
+    stroke: currentColor;
+  }
+}

metadata

@@ -0,0 +1,94 @@
+--- !ruby/object:Gem::Specification
+name: bootstrap-extended-utilities
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Mitcheljager
+autorequire: 
+bindir: exe
+cert_chain: []
+date: 2018-06-01 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.15'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.15'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+description: 
+email:
+- mitchel_jager@hotmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- CODE_OF_CONDUCT.md
+- Gemfile
+- Gemfile.lock
+- LICENSE.txt
+- README.md
+- Rakefile
+- bin/console
+- bin/setup
+- bootstrap-extended-utilities.gemspec
+- lib/bootstrap-extended-utilities.rb
+- vendor/assets/stylesheets/_bootstrap-extended-utilities.scss
+- vendor/assets/stylesheets/_variables.scss
+- vendor/assets/stylesheets/color/_background.scss
+- vendor/assets/stylesheets/color/_opacity.scss
+- vendor/assets/stylesheets/color/_text.scss
+- vendor/assets/stylesheets/general/_cursor.scss
+- vendor/assets/stylesheets/general/_overflow.scss
+- vendor/assets/stylesheets/general/_position.scss
+- vendor/assets/stylesheets/general/_z-index.scss
+- vendor/assets/stylesheets/shadow/shadow.scss
+- vendor/assets/stylesheets/sizing/_sizes.scss
+- vendor/assets/stylesheets/svg/_svg.scss
+homepage: https://github.com/Mitcheljager/bootstrap-extended-utilities
+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.6.12
+signing_key: 
+specification_version: 4
+summary: An extension of Twitter's Bootstrap Utility classes
+test_files: []