viniBaxter-spa_landing 0.1.0

data/lib/viniBaxter/sass/spa_landing/theme/utilities/_borders.scss

@@ -0,0 +1,76 @@
+//
+// borders.scss
+// Extended from Bootstrap
+//
+
+// Responsive widths
+
+@each $width, $widthValue in $container-max-widths {
+
+  @include media-breakpoint-up($width) {
+    
+    // Additive 
+
+    .border-#{$width} {
+      border: $border-width solid $border-color !important;
+      color: rose;
+    }
+
+    .border-top-#{$width} {
+      border-top: $border-width solid $border-color !important;
+    }
+
+    .border-right-#{$width} {
+      border-right: $border-width solid $border-color !important;
+    }
+
+    .border-bottom-#{$width} {
+      border-bottom: $border-width solid $border-color !important;
+    }
+
+    .border-left-#{$width} {
+      border-left: $border-width solid $border-color !important;
+    }
+
+    // Substractive
+
+    .border-#{$width}-0 {
+      border: 0 !important;
+    }
+
+    .border-top-#{$width}-0 {
+      border-top: 0 !important;
+    }
+
+    .border-right-#{$width}-0 {
+      border-right: 0 !important;
+    }
+
+    .border-bottom-#{$width}-0 {
+      border-bottom: 0 !important;
+    }
+
+    .border-left-#{$width}-0 {
+      border-left: 0 !important;
+    }
+  }
+}
+
+
+// Colors
+
+.border-white-20 {
+  border-color: fade-out($white, .8) !important;
+}
+
+.border-gray-300 {
+  border-color: $gray-300 !important;
+}
+
+.border-gray-800 {
+  border-color: $gray-800 !important;
+}
+
+.border-gray-800-50 {
+  border-color: fade-out($gray-800, .5) !important;
+}

data/lib/viniBaxter/sass/spa_landing/theme/utilities/_images.scss

@@ -0,0 +1,35 @@
+//
+// images.scss
+// Extended from Bootstrap
+//
+
+//
+// Skewed
+//
+
+.img-skewed {
+  perspective: 1500px;
+  transform-style: preserve-3d;
+}
+
+// Left
+
+.img-skewed-left {
+  perspective-origin: left center;
+
+  .img-skewed-item {
+    transform: rotateY(-$img-skewed-rotate-y) rotateX($img-skewed-rotate-x);
+    backface-visibility: hidden;
+  }
+}
+
+// Right
+
+.img-skewed-right {
+  perspective-origin: right center;
+
+  .img-skewed-item {
+    transform: rotateY($img-skewed-rotate-y) rotateX($img-skewed-rotate-x);
+    backface-visibility: hidden;
+  }
+}

data/lib/viniBaxter/sass/spa_landing/theme/utilities/_lift.scss

@@ -0,0 +1,18 @@
+//
+// lift.scss
+// Theme utility
+//
+
+.lift {
+  transition: box-shadow .25s ease, transform .25s ease;
+}
+.lift:hover,
+.lift:focus {
+  box-shadow: $box-shadow-lift !important;
+  transform: translate3d(0, -3px, 0);
+}
+.lift-lg:hover,
+.lift-lg:focus {
+  box-shadow: $box-shadow-lift-lg !important;
+  transform: translate3d(0, -5px, 0);
+}

data/lib/viniBaxter/sass/spa_landing/theme/utilities/_overlay.scss

@@ -0,0 +1,49 @@
+//
+// overlay.scss
+// Theme utility
+//
+
+.overlay {
+  position: relative;
+
+  &::before {
+    content: "";
+    position: absolute;
+    top: 0; right: 0; bottom: 0; left: 0;
+    border-radius: inherit;
+  }
+}
+
+
+// Colors
+
+@each $color, $value in $theme-colors {
+
+  // Solid
+  .overlay-#{$color} {
+    @include overlay($value);
+  }
+
+  // Gradient
+  .overlay-gradient-#{$color}-right {
+    @include overlay-gradient($value, right);
+  }
+  .overlay-gradient-#{$color}-down {
+    @include overlay-gradient($value, bottom);
+  }
+  .overlay-gradient-#{$color}-left {
+    @include overlay-gradient($value, left);
+  }
+}
+
+
+// Opacity
+
+@for $i from 1 through 9 {
+  .overlay-#{$i * 10} {
+
+    &::before {
+      opacity: #{$i / 10};
+    }
+  }
+}

data/lib/viniBaxter/sass/spa_landing/theme/utilities/_position.scss

@@ -0,0 +1,41 @@
+//
+// position.scss
+// Extended from Bootstrap
+//
+
+.top-0 {
+  top: 0 !important;
+}
+
+.right-0 {
+  right: 0 !important;
+}
+
+.bottom-0 {
+  bottom: 0 !important;
+}
+
+.left-0 {
+  left: 0 !important;
+}
+
+.center {
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+
+// Responsive positions
+
+@each $breakpoint, $value in $grid-breakpoints {
+  @if ($breakpoint !='xs') {
+    @include media-breakpoint-up(#{$breakpoint}) {
+      @each $position in $positions {
+        .position-#{$breakpoint}-#{$position} {
+          position: $position !important;
+        }
+      }
+    }
+  }
+}

data/lib/viniBaxter/sass/spa_landing/theme/utilities/_shadows.scss

@@ -0,0 +1,24 @@
+//
+// shadows.scss
+// Extended from Bootstrap
+//
+
+.shadow-light {
+  box-shadow: $box-shadow-light !important;
+}
+
+.shadow-light-lg {
+  box-shadow: $box-shadow-light-lg !important;
+}
+
+.shadow-dark {
+  box-shadow: $box-shadow-dark !important;
+}
+
+.shadow-dark-lg {
+  box-shadow: $box-shadow-dark-lg !important;
+}
+
+.shadow-lift {
+  box-shadow: $box-shadow-lift !important;
+}

data/lib/viniBaxter/sass/spa_landing/theme/utilities/_sizing.scss

@@ -0,0 +1,72 @@
+//
+// sizing.scss
+// Extended from Bootstrap
+//
+
+@each $size, $sizeValue in $sizes {
+
+  // Percentage
+
+  .mw-#{$size} {
+    max-width: $sizeValue !important;
+  }
+
+  // Viewport units
+
+  .vw-#{$size} {
+    width: #{$size}vw !important;
+  }
+
+}
+
+
+// Responsive
+
+@each $width, $widthValue in $container-max-widths {
+
+  @include media-breakpoint-up($width) {
+
+    @each $size, $sizeValue in $sizes {
+
+      // Percentage
+
+      .h-#{$width}-#{$size} {
+        height: $sizeValue !important;
+      }
+
+      .w-#{$width}-#{$size} {
+        width: $sizeValue !important;
+      }
+
+      .mw-#{$width}-#{$size} {
+        max-width: $sizeValue !important;
+      }
+
+      // Viewport units
+
+      .vh-#{$width}-#{$size} {
+        height: #{$size}vh;
+      }
+
+      .vw-#{$width}-#{$size} {
+        width: #{$size}vw;
+      }
+
+    }
+  }
+}
+
+
+// Cover
+//
+// Spans the container till the edge of the viewport
+
+.w-cover {
+
+  @each $width, $value in $container-max-widths {
+
+    @include media-breakpoint-up(#{$width}) {
+      width: calc(100% + (100vw - #{$value}) / 2 + #{$grid-gutter-width});
+    }
+  }
+}

data/lib/viniBaxter/sass/spa_landing/theme/utilities/_type.scss

@@ -0,0 +1,54 @@
+//
+// type.scss
+// Extended from Bootstrap
+//
+
+//
+// Font sizing
+//
+
+.font-size-sm {
+  font-size: $font-size-sm !important;
+}
+
+.font-size-lg {
+  font-size: $font-size-lg !important;
+
+  @include media-breakpoint-down(md) {
+    font-size: $font-size-lg-md !important;
+  }
+}
+
+
+//
+// Text color
+//
+
+// Gray text
+
+@each $color, $value in $grays {
+  .text-gray-#{$color} {
+    color: $value !important;
+  }
+}
+
+// White text opacity
+
+.text-white-70 {
+  color: fade-out($white, .3) !important;
+}
+
+.text-white-75 {
+  color: fade-out($white, .25) !important;
+}
+
+.text-white-80 {
+  color: fade-out($white, .2) !important;
+}
+
+
+// Letter spacing
+
+.letter-spacing-lg {
+  letter-spacing: $letter-spacing-lg !important;
+}

data/lib/viniBaxter/sass/spa_landing/theme/utilities/_visibility.scss

@@ -0,0 +1,12 @@
+//
+// visibility.scss
+// Extended from Bootstrap
+//
+
+.opacity-0 {
+  opacity: 0 !important;
+}
+
+.opacity-1 {
+  opacity: 1 !important;
+}

data/lib/viniBaxter/sass/spa_landing.scss

@@ -0,0 +1,17 @@
+// Theme functions
+@import 'spa_landing/theme/functions';
+
+// Theme variables
+@import 'spa_landing/theme/variables';
+
+// Bootstrap core
+// @import '../../../node_modules/bootstrap/scss/bootstrap'; // initial copy from the app rails call node_modules
+@import 'spa_landing/scss/bootstrap';
+
+// Theme core
+@import 'spa_landing/theme/theme';
+
+// Custom core
+@import 'spa_landing/user';
+
+// LANDING FILE

data/lib/viniBaxter/spa_landing/engine.rb

@@ -0,0 +1,17 @@
+module ViniBaxter
+  module SpaLanding
+    class Engine < ::Rails::Engine
+      initializer 'spa_landing.setup' do |app|
+        app.config.assets.precompile += Dir.glob(config.root + 'app/assets/images/spa_landing/**/*').select{ |f| File.file? f }.map { |m| "spa_landing/" +  File.path(m).split("spa_landing/").last }
+      end
+    initializer 'spa_landing.sass' do |app|
+      # Set the sass load paths
+      app.config.sass.load_paths << File.join(config.root, "lib","viniBaxter", "sass")
+
+      # Set the add spa_landing/lib/sass to assets path
+      app.config.assets.paths << File.join(config.root, "lib","viniBaxter", "sass")
+    end
+
+  end
+  end
+end

data/lib/viniBaxter/spa_landing/version.rb

@@ -0,0 +1,5 @@
+module ViniBaxter
+  module SpaLanding
+    VERSION = "0.1.0"
+  end
+end

data/lib/viniBaxter/spa_landing.rb

@@ -0,0 +1,8 @@
+require "viniBaxter/spa_landing/version"
+require "viniBaxter/spa_landing/engine"
+module ViniBaxter
+  module SpaLanding
+    class Error < StandardError; end
+    # Your code goes here...
+  end
+end

data/viniBaxter-spa_landing.gemspec

@@ -0,0 +1,33 @@
+lib = File.expand_path("lib", __dir__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require "viniBaxter/spa_landing/version"
+
+Gem::Specification.new do |spec|
+  spec.name          = "viniBaxter-spa_landing"
+  spec.version       = ViniBaxter::SpaLanding::VERSION
+  spec.authors       = ["vini baxter"]
+  spec.email         = ["vincent.viricel@gmail.com"]
+
+  spec.summary       = %q{test on front}
+  spec.description   = %q{test on front}
+  # spec.homepage      = "TODO: Put your gem's website or public repo URL here."
+  # 
+  # spec.metadata["allowed_push_host"] = "TODO: Set to 'http://mygemserver.com'"
+  #
+  # spec.metadata["homepage_uri"] = spec.homepage
+  # spec.metadata["source_code_uri"] = "TODO: Put your gem's public repo URL here."
+  # spec.metadata["changelog_uri"] = "TODO: Put your gem's CHANGELOG.md URL here."
+
+  # Specify which files should be added to the gem when it is released.
+  # The `git ls-files -z` loads the files in the RubyGem that have been added into git.
+  spec.files         = Dir.chdir(File.expand_path('..', __FILE__)) do
+    `git ls-files -z`.split("\x0").reject { |f| f.match(%r{^(test|spec|features)/}) }
+  end
+  spec.bindir        = "exe"
+  spec.executables   = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
+  spec.require_paths = ["lib"]
+
+  spec.add_development_dependency "bundler", "~> 2.0"
+  spec.add_development_dependency "rake", "~> 10.0"
+  spec.add_development_dependency "rspec", "~> 3.0"
+end