tuxedo-css-rails 0.0.1

data/vendor/assets/stylesheets/_reset.scss

@@ -0,0 +1,9 @@
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+body {
+  font-size: 16px;
+  line-height: 1;
+}

data/vendor/assets/stylesheets/_sidebar.scss

@@ -0,0 +1,53 @@
+//================Side Bar Styling======//
+//follow code with RIGHT POSITIONED SIDEBAR to change sidebar to right side
+.side-bar {
+  font-family: $header-font;
+  position: fixed; //keeps sidebar in place despite scrolling
+  overflow: auto;
+  // right: 0;    //Uncomment for RIGHT POSITIONED SIDEBAR
+  height: 100vh; //keeps sidebar height fixed to height of viewport
+  padding: 60px;
+  max-width: 400px; //maximum width sidebar is allowed to expand
+  width: 40%;
+  @media screen and #{$tablet} { //sidebar is no longer visible at tablet screen size
+    display: none;
+  }
+  img { //styling for any images placed within the sidebar
+    display: block;
+    margin:auto;
+    max-width: 100%; //image will scale based on sidebar width
+    margin-bottom: 40px;
+  }
+  ul { //list of items inside sidebar
+    margin-top: 20px;
+    list-style: none;
+    color: $md-grey;
+    padding-bottom: 20px;
+    .active { //active class can be used to show which page is currently being visited
+      color: $light;
+      text-decoration: underline;
+    }
+    a {
+      font-size: 1.3em;
+      line-height: 2em;
+      &:hover {
+        color: $light;
+      }
+    }
+  }
+}
+.side-bar-content { //sidebar content
+  padding: 60px 5% 30px 450px; //keeps content from overlapping with sidebar
+  // padding: 60px 450px 30px 5%; //Uncomment for RIGHT POSITIONED SIDEBAR
+  margin: auto;
+  max-width: 1400px;
+  min-height: 100vh; //makes sidebar same height as viewport while still allowing for scrolling
+  @media screen and ('max-width: 1015px') { //when sidebar begins to scale down so does the contenet distance from sidebar
+    padding-left: 45%; //Comment out for RIGHT POSITIONED SIDEBAR
+    // padding-right: 45%;//Uncomment RIGHT POSITIONED SIDEBAR
+  }
+  @media screen and #{$tablet} { //when sidebar disappears content takes up whole screen and padding changes
+    padding: 40px;
+    padding-top: 80px; //separates side bar content from a fixed navbar
+  }
+}

data/vendor/assets/stylesheets/_threejs.scss

@@ -0,0 +1,16 @@
+.canvas-container {
+  position: relative;
+  .canvas-content {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    max-width: 800px;
+  }
+}
+
+
+canvas {
+  display: block;
+  max-width: 100%;
+}

data/vendor/assets/stylesheets/tuxedo-css.scss

@@ -0,0 +1,13 @@
+@import "reset";
+@import "global";
+@import "mediaQueries";
+@import "fonts";
+@import "grid";
+@import "hero";
+@import "nav";
+@import "sidebar";
+@import "buttons";
+@import "forms";
+@import "footer";
+@import "helpers";
+@import "animations";

metadata

@@ -0,0 +1,117 @@
+--- !ruby/object:Gem::Specification
+name: tuxedo-css-rails
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- Diego Suarez
+autorequire: 
+bindir: exe
+cert_chain: []
+date: 2017-03-23 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.14'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.14'
+- !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'
+- !ruby/object:Gem::Dependency
+  name: rspec
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.0'
+description: tuxedo-css-rails project integrates Tuxedo CSS toolkit for Rails 5, 4.x
+  Asset Pipeline
+email:
+- diego.spb@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- ".rspec"
+- ".travis.yml"
+- CODE_OF_CONDUCT.md
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- bin/console
+- bin/setup
+- lib/tuxedo-css-rails.rb
+- tuxedo-css-rails.gemspec
+- vendor/assets/javascripts/three-minified.js
+- vendor/assets/javascripts/three-render.js
+- vendor/assets/javascripts/tuxedo-css.js
+- vendor/assets/stylesheets/_animations.scss
+- vendor/assets/stylesheets/_buttons.scss
+- vendor/assets/stylesheets/_fonts.scss
+- vendor/assets/stylesheets/_footer.scss
+- vendor/assets/stylesheets/_forms.scss
+- vendor/assets/stylesheets/_global.scss
+- vendor/assets/stylesheets/_grid.scss
+- vendor/assets/stylesheets/_helpers.scss
+- vendor/assets/stylesheets/_hero.scss
+- vendor/assets/stylesheets/_mediaQueries.scss
+- vendor/assets/stylesheets/_nav.scss
+- vendor/assets/stylesheets/_reset.scss
+- vendor/assets/stylesheets/_sidebar.scss
+- vendor/assets/stylesheets/_threejs.scss
+- vendor/assets/stylesheets/tuxedo-css.scss
+homepage: https://github.com/DiegoSPB/tuxedo-css-rails
+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.10
+signing_key: 
+specification_version: 4
+summary: Tuxedo CSS toolkit for Rails 5, 4.x Asset Pipeline
+test_files: []