leather2 3.5.3

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: f12be87f7be09386c2d7d96327d13dc0de6d9ce6
+  data.tar.gz: 3af2f2817d07b8e10bfa4511aaee5fb367d71c29
+SHA512:
+  metadata.gz: 951d2e9a6d0f4382515a3c502c8b335b93c5fd35b623ee300b1f82900492f75ac2833e4c3263d4615ee6b0f8736e3ac1dc2b20f6e8fafec08ed1acaa0cb82c99
+  data.tar.gz: 97b796050985bf37c8d8c30877310a655dd9ca76ab7ebe3e81ac5d6800ad3c28ba27fb9f9805f8207790f2620d163791f2cfc01f5e8b74ae9364a0c3e5ed6d4d

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2014 YOURNAME
+
+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/Rakefile

@@ -0,0 +1,34 @@
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+
+require 'rdoc/task'
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'Leather'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.rdoc')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+APP_RAKEFILE = File.expand_path("../test/dummy/Rakefile", __FILE__)
+load 'rails/tasks/engine.rake'
+
+
+
+Bundler::GemHelper.install_tasks
+
+require 'rake/testtask'
+
+Rake::TestTask.new(:test) do |t|
+  t.libs << 'lib'
+  t.libs << 'test'
+  t.pattern = 'test/**/*_test.rb'
+  t.verbose = false
+end
+
+
+task default: :test

data/app/assets/javascripts/leather.js

@@ -0,0 +1,13 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// compiled file.
+//
+// Read Sprockets README (https://github.com/sstephenson/sprockets#sprockets-directives) for details
+// about supported directives.
+//
+//= require_tree .

data/app/assets/javascripts/leather/navbar_transparent.coffee

@@ -0,0 +1,4 @@
+$ ->
+  $(".navbar-transparent-top").affix
+    offset:
+      top: 10

data/app/assets/javascripts/leather/off_canvas.coffee

@@ -0,0 +1,16 @@
+$ ->
+  $("body").on "click", "[data-toggle='off-canvas']", (e) ->
+    e.preventDefault()
+    if $("#off-canvas-overlay").length == 0
+      $("#main").before("<div id='off-canvas-overlay'></div>")
+    target = $(this).data("target")
+    $(target).toggleClass("in")
+
+  $("body").on "click touchstart", "#off-canvas-overlay", (e) ->
+    e.preventDefault()
+    $(".off-canvas.in").removeClass("in")
+
+  $("body").on "click", "[data-toggle='columns']", (e) ->
+    e.preventDefault()
+    $('#right').toggleClass('hidden-xs')
+    $('#left').toggleClass('hidden-xs')

data/app/assets/stylesheets/docs.scss

@@ -0,0 +1,3 @@
+.hero24 {
+  background: image-url('leather/hero24.jpg') 50% 50%;
+}

data/app/assets/stylesheets/leather.scss

@@ -0,0 +1,19 @@
+@import "leather/variables";
+@import "leather/buttons";
+@import "leather/devise";
+@import "leather/grid";
+@import "leather/list_groups";
+@import "leather/nav_menus";
+@import "leather/navbar_transparent";
+@import "leather/off_canvas";
+@import "leather/scroll_panels";
+@import "leather/toggle_columns";
+@import "leather/typography";
+@import "leather/utilities";
+
+@import "leather/components/cta";
+@import "leather/components/features";
+@import "leather/components/flex_boxes";
+@import "leather/components/image_block";
+
+@import "docs";

data/app/assets/stylesheets/leather/_buttons.scss

@@ -0,0 +1,31 @@
+@mixin btn-outline-variant($color, $bg) {
+  color: $bg;
+
+  &:hover {
+    color: $color;
+  }
+}
+
+.btn-outline {
+  background-color: transparent;
+
+  &.btn-primary {
+    @include btn-outline-variant($btn-primary-color, $btn-primary-bg);
+  }
+
+  &.btn-info {
+    @include btn-outline-variant($btn-info-color, $btn-info-bg);
+  }
+
+  &.btn-success {
+    @include btn-outline-variant($btn-success-color, $btn-success-bg);
+  }
+
+  &.btn-warning {
+    @include btn-outline-variant($btn-warning-color, $btn-warning-bg);
+  }
+
+  &.btn-danger {
+    @include btn-outline-variant($btn-danger-color, $btn-danger-bg);
+  }
+}

data/app/assets/stylesheets/leather/_devise.scss

@@ -0,0 +1,72 @@
+.text-white { color: #ffffff; }
+
+.devise_sessions, .devise_registrations, .devise_passwords {
+  &.new, &.create {
+    @extend .devise;
+  }
+}
+
+.devise_passwords.edit, .devise_passwords.update {
+  @extend .devise;
+}
+
+// For compatibility with Flutie body_class
+.devise-sessions-new, .devise-sessions-create, .devise-registrations-new, .devise-registrations-create, .devise-passwords-new, .devise-passwords-create, .devise-passwords-edit {
+  @extend .devise;
+}
+
+.devise {
+  @include gradient-vertical($devise-bg-gradient-start, $devise-bg-gradient-end);
+  background-attachment: fixed !important;
+  .devise-welcome {
+    @extend .text-center;
+    @extend .text-white;
+    text-shadow: 1px 1px 3px $gray-dark;
+    padding: 50px 0 20px 0;
+    h2 {
+      margin-bottom: 50px;
+      a {
+        @extend .text-white;
+        text-decoration: none;
+        @include transition(color 0.25s linear);
+        &:hover {
+          color: darken(#ffffff, 20%);
+        }
+      }
+    }
+    h2, h3 {
+      font-weight: lighter;
+    }
+  }
+  form {
+    @include border-top-radius($border-radius-base);
+    @include border-bottom-radius($border-radius-base);
+    border: 1px solid #ffffff;
+    background: #ffffff;
+    box-shadow: 1px 1px 3px $gray-dark;
+    padding: 40px 40px 20px;
+    
+    #error_explanation {
+      @extend .alert;
+      @include alert-variant($alert-danger-bg, $alert-danger-border, $alert-danger-text);
+      h2 {
+        margin-top: 0;
+        font-size: 15px;
+      }
+    }
+    .actions {
+      @extend .text-center;
+      padding-top: 30px;
+    }
+  }
+  .devise-links {
+    @extend .text-center;
+    @extend .text-white;
+    margin-top: 20px;
+    margin-bottom: 70px;
+    a {
+      text-decoration: underline;
+      @extend .text-white;
+    }
+  }
+}

data/app/assets/stylesheets/leather/_grid.scss

@@ -0,0 +1,19 @@
+.container-lg {
+  max-width: 1580px;
+  margin: 0 auto;
+  position: relative;
+}
+
+section {
+  padding: 80px 0 80px 0;
+}
+
+.row.no-gutters {
+  margin-right: 0;
+  margin-left: 0;
+}
+.row.no-gutters > [class^="col-"],
+.row.no-gutters > [class*=" col-"] {
+  padding-right: 0;
+  padding-left: 0;
+}

data/app/assets/stylesheets/leather/_list_groups.scss

@@ -0,0 +1,33 @@
+.list-group-button-links {
+
+  .list-group-item {
+    padding: 0;
+
+    .list-group-actions {
+      display: none;
+      position: absolute; 
+      top: 50%; 
+      right: 15px; 
+      margin-top: -11px;
+    }
+
+    &:hover {
+      .list-group-actions {
+        display: block;
+      }
+    }
+
+    .list-group-link {
+      display: block; 
+      padding: 10px 15px;
+      color: $list-group-link-color;
+
+      &:hover,
+      &:focus {
+        text-decoration: none;
+        color: $list-group-link-hover-color;
+        background-color: $list-group-hover-bg;
+      }
+    }
+  }
+}

data/app/assets/stylesheets/leather/_nav_menus.scss

@@ -0,0 +1,125 @@
+.navbar-static-top ~ #main {
+  top: $navbar-height !important;
+}
+
+.navbar-static-top ~ .nav-menu {
+  top: $navbar-height;
+}
+
+.nav-menu {
+  width: $navbar-fixed-width;
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+
+  ~ #main {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+  }
+
+  .nav-menu-header {
+
+    .nav-menu-brand {
+      display: block;
+      padding: 10px 15px;
+      text-decoration: none;
+      font-size: 18px;
+    }
+  }
+
+  &.nav-menu-fixed-left {
+    right: auto;
+    left: 0;
+
+    ~ #main {
+      right: 0;
+      left: $navbar-fixed-width;
+    }
+  }
+
+  &.nav-menu-fixed-right {
+    left: auto;
+    right: 0;
+
+    ~ #main {
+      left: 0;
+      right: $navbar-fixed-width;
+    }
+  }
+
+  &.nav-menu-default {
+    background: $navbar-default-bg;
+    color: $navbar-default-color;
+
+    .nav-menu-header {
+      .nav-menu-brand {
+        color: $navbar-default-brand-color;
+
+        &:hover {
+          color: $navbar-default-brand-hover-color;
+          background-color: $navbar-default-brand-hover-bg;
+        }
+      }
+    }
+
+    .nav-menu-nav {
+      li {
+        a {
+          color: $navbar-default-link-color;
+
+          &:hover {
+            color: $navbar-default-link-hover-color;
+            background-color: $navbar-default-link-hover-bg;
+          }
+        }
+
+        &.active {
+          a {
+            color: $navbar-default-link-active-color;
+            background-color: $navbar-default-link-active-bg;
+          }
+        }
+      }
+    }
+  }
+
+  &.nav-menu-inverse {
+    background: $navbar-inverse-bg;
+    color: $navbar-inverse-color;
+
+    .nav-menu-header {
+      .nav-menu-brand {
+        color: $navbar-inverse-brand-color;
+
+        &:hover {
+          color: $navbar-inverse-brand-hover-color;
+          background-color: $navbar-inverse-brand-hover-bg;
+        }
+      }
+    }
+
+    .nav-menu-nav {
+      li {
+        a {
+          color: $navbar-inverse-link-color;
+
+          &:hover {
+            color: $navbar-inverse-link-hover-color;
+            background-color: $navbar-inverse-link-hover-bg;
+          }
+        }
+
+        &.active {
+          a {
+            color: $navbar-inverse-link-active-color;
+            background-color: $navbar-inverse-link-active-bg;
+          }
+        }
+      }
+    }
+  }
+}

data/app/assets/stylesheets/leather/_navbar_transparent.scss

@@ -0,0 +1,23 @@
+.navbar-transparent-top {
+  @include transition(all 0.5s ease);
+}
+
+@media (min-width: $grid-float-breakpoint) {
+  .navbar-transparent-top {
+    &.affix-top {
+      background: transparent;
+      border: none;
+      padding-top: 10px;
+
+      .navbar-brand,
+      .nav > li > a,
+      .nav > li.active > a,
+      .navbar-nav > .open > a,
+      .navbar-nav > .open > a:hover,
+      .navbar-nav > .open > a:focus {
+        background-color: transparent;
+        color: $navbar-tranparent-link-color;
+      }
+    }
+  }
+}

data/app/assets/stylesheets/leather/_off_canvas.scss

@@ -0,0 +1,109 @@
+@mixin off-canvas {
+  top: 0 !important;
+  @include transition(all 0.3s);
+  z-index: $zindex-modal;
+
+  ~ #off-canvas-overlay {
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    visibility: hidden;
+    background-color: $modal-backdrop-bg;
+    z-index: $zindex-modal - 1;
+    @include opacity(0);
+    @include transition(all 0.3s);
+  }
+
+  &.in {
+    ~ #off-canvas-overlay {
+      visibility: visible;
+      @include opacity($modal-backdrop-opacity);
+    }
+  }
+}
+
+@mixin off-canvas-left {
+  left: -100% !important;
+  right: auto !important;
+
+  ~ #main {
+    left: 0 !important;
+    right: 0 !important;
+  }
+
+  &.in {
+    left: 0 !important;
+  }
+}
+
+@mixin off-canvas-right {
+  right: -100% !important;
+  left: auto !important;
+
+  ~ #main {
+    left: 0 !important;
+    right: 0 !important;
+  }
+
+  &.in {
+    right: 0 !important;
+  }
+}
+
+.off-canvas-left {
+  @include off-canvas;
+  @include off-canvas-left;
+}
+
+@media (max-width: $screen-xs-max) {
+  .off-canvas-left-xs {
+    @include off-canvas;
+    @include off-canvas-left;
+  }
+}
+@media (max-width: $screen-sm-max) {
+  .off-canvas-left-sm {
+    @include off-canvas;
+    @include off-canvas-left;
+  }
+}
+@media (max-width: $screen-md-max) {
+  .off-canvas-left-md {
+    @include off-canvas;
+    @include off-canvas-left;
+  }
+}
+.off-canvas-left-lg {
+  @include off-canvas;
+  @include off-canvas-left;
+}
+
+.off-canvas-right {
+  @include off-canvas;
+  @include off-canvas-right;
+}
+
+@media (max-width: $screen-xs-max) {
+  .off-canvas-right-xs {
+    @include off-canvas;
+    @include off-canvas-right;
+  }
+}
+@media (max-width: $screen-sm-max) {
+  .off-canvas-right-sm {
+    @include off-canvas;
+    @include off-canvas-right;
+  }
+}
+@media (max-width: $screen-md-max) {
+  .off-canvas-right-md {
+    @include off-canvas;
+    @include off-canvas-right;
+  }
+}
+.off-canvas-right-lg {
+  @include off-canvas;
+  @include off-canvas-right;
+}