tachyonscss-rails 4.9.0

data/app/assets/stylesheets/scss/_visibility.scss

@@ -0,0 +1,58 @@
+
+// Converted Variables
+
+
+// Custom Media Query Variables
+
+
+/*
+
+   VISIBILITY
+
+   Media Query Extensions:
+     -ns = not-small
+     -m  = medium
+     -l  = large
+
+*/
+
+
+/*
+    Text that is hidden but accessible
+    Ref: http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
+*/
+
+.clip {
+  position: fixed !important;
+  _position: absolute !important;
+  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
+  clip: rect(1px, 1px, 1px, 1px);
+}
+
+@media #{$breakpoint-not-small} {
+  .clip-ns {
+    position: fixed !important;
+    _position: absolute !important;
+    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
+    clip: rect(1px, 1px, 1px, 1px);
+  }
+}
+
+@media #{$breakpoint-medium} {
+  .clip-m {
+    position: fixed !important;
+    _position: absolute !important;
+    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
+    clip: rect(1px, 1px, 1px, 1px);
+  }
+}
+
+@media #{$breakpoint-large} {
+  .clip-l {
+    position: fixed !important;
+    _position: absolute !important;
+    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
+    clip: rect(1px, 1px, 1px, 1px);
+  }
+}
+

data/app/assets/stylesheets/scss/_white-space.scss

@@ -0,0 +1,41 @@
+
+// Converted Variables
+
+
+// Custom Media Query Variables
+
+
+/*
+
+   WHITE SPACE
+
+   Media Query Extensions:
+     -ns = not-small
+     -m  = medium
+     -l  = large
+
+*/
+
+
+.ws-normal { white-space: normal; }
+.nowrap { white-space: nowrap; }
+.pre { white-space: pre; }
+
+@media #{$breakpoint-not-small} {
+  .ws-normal-ns { white-space: normal; }
+  .nowrap-ns { white-space: nowrap; }
+  .pre-ns { white-space: pre; }
+}
+
+@media #{$breakpoint-medium} {
+  .ws-normal-m { white-space: normal; }
+  .nowrap-m { white-space: nowrap; }
+  .pre-m { white-space: pre; }
+}
+
+@media #{$breakpoint-large} {
+  .ws-normal-l { white-space: normal; }
+  .nowrap-l { white-space: nowrap; }
+  .pre-l { white-space: pre; }
+}
+

data/app/assets/stylesheets/scss/_widths.scss

@@ -0,0 +1,150 @@
+
+// Converted Variables
+
+
+// Custom Media Query Variables
+
+
+/*
+
+   WIDTHS
+   Docs: http://tachyons.io/docs/layout/widths/
+
+   Base:
+     w = width
+
+     Modifiers
+       1 = 1st step in width scale
+       2 = 2nd step in width scale
+       3 = 3rd step in width scale
+       4 = 4th step in width scale
+       5 = 5th step in width scale
+
+       -10  = literal value 10%
+       -20  = literal value 20%
+       -25  = literal value 25%
+       -30  = literal value 30%
+       -33  = literal value 33%
+       -34  = literal value 34%
+       -40  = literal value 40%
+       -50  = literal value 50%
+       -60  = literal value 60%
+       -70  = literal value 70%
+       -75  = literal value 75%
+       -80  = literal value 80%
+       -90  = literal value 90%
+       -100 = literal value 100%
+
+       -third      = 100% / 3 (Not supported in opera mini or IE8)
+       -two-thirds = 100% / 1.5 (Not supported in opera mini or IE8)
+       -auto       = string value auto
+
+
+     Media Query Extensions:
+       -ns = not-small
+       -m  = medium
+       -l  = large
+
+  */
+
+/* Width Scale */
+
+.w1 {    width: $width-1; }
+.w2 {    width: $width-2; }
+.w3 {    width: $width-3; }
+.w4 {    width: $width-4; }
+.w5 {    width: $width-5; }
+
+.w-10 {  width:  10%; }
+.w-20 {  width:  20%; }
+.w-25 {  width:  25%; }
+.w-30 {  width:  30%; }
+.w-33 {  width:  33%; }
+.w-34 {  width:  34%; }
+.w-40 {  width:  40%; }
+.w-50 {  width:  50%; }
+.w-60 {  width:  60%; }
+.w-70 {  width:  70%; }
+.w-75 {  width:  75%; }
+.w-80 {  width:  80%; }
+.w-90 {  width:  90%; }
+.w-100 { width: 100%; }
+
+.w-third { width: (100% / 3); }
+.w-two-thirds { width: (100% / 1.5); }
+.w-auto { width: auto; }
+
+@media #{$breakpoint-not-small} {
+  .w1-ns {  width: $width-1; }
+  .w2-ns {  width: $width-2; }
+  .w3-ns {  width: $width-3; }
+  .w4-ns {  width: $width-4; }
+  .w5-ns {  width: $width-5; }
+  .w-10-ns { width:  10%; }
+  .w-20-ns { width:  20%; }
+  .w-25-ns { width:  25%; }
+  .w-30-ns { width:  30%; }
+  .w-33-ns { width:  33%; }
+  .w-34-ns { width:  34%; }
+  .w-40-ns { width:  40%; }
+  .w-50-ns { width:  50%; }
+  .w-60-ns { width:  60%; }
+  .w-70-ns { width:  70%; }
+  .w-75-ns { width:  75%; }
+  .w-80-ns { width:  80%; }
+  .w-90-ns { width:  90%; }
+  .w-100-ns { width: 100%; }
+  .w-third-ns { width: (100% / 3); }
+  .w-two-thirds-ns { width: (100% / 1.5); }
+  .w-auto-ns { width: auto; }
+}
+
+@media #{$breakpoint-medium} {
+  .w1-m {      width: $width-1; }
+  .w2-m {      width: $width-2; }
+  .w3-m {      width: $width-3; }
+  .w4-m {      width: $width-4; }
+  .w5-m {      width: $width-5; }
+  .w-10-m { width:  10%; }
+  .w-20-m { width:  20%; }
+  .w-25-m { width:  25%; }
+  .w-30-m { width:  30%; }
+  .w-33-m { width:  33%; }
+  .w-34-m { width:  34%; }
+  .w-40-m { width:  40%; }
+  .w-50-m { width:  50%; }
+  .w-60-m { width:  60%; }
+  .w-70-m { width:  70%; }
+  .w-75-m { width:  75%; }
+  .w-80-m { width:  80%; }
+  .w-90-m { width:  90%; }
+  .w-100-m { width: 100%; }
+  .w-third-m { width: (100% / 3); }
+  .w-two-thirds-m { width: (100% / 1.5); }
+  .w-auto-m {    width: auto; }
+}
+
+@media #{$breakpoint-large} {
+  .w1-l {      width: $width-1; }
+  .w2-l {      width: $width-2; }
+  .w3-l {      width: $width-3; }
+  .w4-l {      width: $width-4; }
+  .w5-l {      width: $width-5; }
+  .w-10-l {    width:  10%; }
+  .w-20-l {    width:  20%; }
+  .w-25-l {    width:  25%; }
+  .w-30-l {    width:  30%; }
+  .w-33-l {    width:  33%; }
+  .w-34-l {    width:  34%; }
+  .w-40-l {    width:  40%; }
+  .w-50-l {    width:  50%; }
+  .w-60-l {    width:  60%; }
+  .w-70-l {    width:  70%; }
+  .w-75-l {    width:  75%; }
+  .w-80-l {    width:  80%; }
+  .w-90-l {    width:  90%; }
+  .w-100-l {   width: 100%; }
+  .w-third-l { width: (100% / 3); }
+  .w-two-thirds-l { width: (100% / 1.5); }
+  .w-auto-l {    width: auto; }
+}

data/app/assets/stylesheets/scss/_word-break.scss

@@ -0,0 +1,43 @@
+
+// Converted Variables
+
+
+// Custom Media Query Variables
+
+
+/*
+
+  WORD BREAK
+
+   Base:
+     word = word-break
+
+   Media Query Extensions:
+     -ns = not-small
+     -m  = medium
+     -l  = large
+
+*/
+
+.word-normal { word-break: normal; }
+.word-wrap { word-break: break-all; }
+.word-nowrap { word-break: keep-all; }
+
+@media #{$breakpoint-not-small} {
+  .word-normal-ns { word-break: normal; }
+  .word-wrap-ns { word-break: break-all; }
+  .word-nowrap-ns { word-break: keep-all; }
+}
+
+@media #{$breakpoint-medium} {
+  .word-normal-m { word-break: normal; }
+  .word-wrap-m { word-break: break-all; }
+  .word-nowrap-m { word-break: keep-all; }
+}
+
+@media #{$breakpoint-large} {
+  .word-normal-l { word-break: normal; }
+  .word-wrap-l { word-break: break-all; }
+  .word-nowrap-l { word-break: keep-all; }
+}
+

data/app/assets/stylesheets/scss/_z-index.scss

@@ -0,0 +1,60 @@
+
+// Converted Variables
+
+
+// Custom Media Query Variables
+
+
+/*
+
+  Z-INDEX
+
+  Base
+    z = z-index
+
+  Modifiers
+    -0 = literal value 0
+    -1 = literal value 1
+    -2 = literal value 2
+    -3 = literal value 3
+    -4 = literal value 4
+    -5 = literal value 5
+    -999 = literal value 999
+    -9999 = literal value 9999
+
+    -max = largest accepted z-index value as integer
+
+    -inherit = string value inherit
+    -initial = string value initial
+    -unset = string value unset
+
+  MDN: https://developer.mozilla.org/en/docs/Web/CSS/z-index
+  Spec: http://www.w3.org/TR/CSS2/zindex.html
+  Articles:
+    https://philipwalton.com/articles/what-no-one-told-you-about-z-index/
+
+  Tips on extending:
+  There might be a time worth using negative z-index values.
+  Or if you are using tachyons with another project, you might need to
+  adjust these values to suit your needs.
+
+*/
+
+.z-0 { z-index: 0; }
+.z-1 { z-index: 1; }
+.z-2 { z-index: 2; }
+.z-3 { z-index: 3; }
+.z-4 { z-index: 4; }
+.z-5 { z-index: 5; }
+
+.z-999 { z-index: 999; }
+.z-9999 { z-index: 9999; }
+
+.z-max {
+  z-index: 2147483647;
+}
+
+.z-inherit { z-index: inherit; }
+.z-initial { z-index: initial; }
+.z-unset { z-index: unset; }
+

data/app/assets/stylesheets/tachyons.scss

@@ -0,0 +1,94 @@
+// ! TACHYONS v4.9.0 | http://tachyons.io 
+
+//
+//
+//      ________            ______
+//      ___  __/_____ _________  /______  ______________________
+//      __  /  _  __ `/  ___/_  __ \_  / / /  __ \_  __ \_  ___/
+//      _  /   / /_/ // /__ _  / / /  /_/ // /_/ /  / / /(__  )
+//      /_/    \__,_/ \___/ /_/ /_/_\__, / \____//_/ /_//____/
+//                                 /____/
+//
+//    TABLE OF CONTENTS
+//
+//    1. External Library Includes
+//       - Normalize.css | http://normalize.css.github.io
+//    2. Tachyons Modules
+//    3. Variables
+//       - Media Queries
+//       - Colors
+//    4. Debugging
+//       - Debug all
+//       - Debug children
+//
+//
+
+
+ //  External Library Includes 
+ @import 'scss/normalize';
+
+
+//  Variables 
+//  Importing here will allow you to override any variables in the modules 
+
+@import 'scss/variables';
+
+//  Debugging 
+@import 'scss/debug-children';
+@import 'scss/debug-grid';
+
+//  Uncomment out the line below to help debug layout issues 
+//  @import 'scss/debug'; 
+
+ //  Modules 
+ @import 'scss/box-sizing';
+ @import 'scss/aspect-ratios';
+ @import 'scss/images';
+ @import 'scss/background-size';
+ @import 'scss/background-position';
+ @import 'scss/outlines';
+ @import 'scss/borders';
+ @import 'scss/border-colors';
+ @import 'scss/border-radius';
+ @import 'scss/border-style';
+ @import 'scss/border-widths';
+ @import 'scss/box-shadow';
+ @import 'scss/code';
+ @import 'scss/coordinates';
+ @import 'scss/clears';
+ @import 'scss/flexbox';
+ @import 'scss/display';
+ @import 'scss/floats';
+ @import 'scss/font-family';
+ @import 'scss/font-style';
+ @import 'scss/font-weight';
+ @import 'scss/forms';
+ @import 'scss/heights';
+ @import 'scss/letter-spacing';
+ @import 'scss/line-height';
+ @import 'scss/links';
+ @import 'scss/lists';
+ @import 'scss/max-widths';
+ @import 'scss/widths';
+ @import 'scss/overflow';
+ @import 'scss/position';
+ @import 'scss/opacity';
+ @import 'scss/rotations';
+ @import 'scss/skins';
+ @import 'scss/skins-pseudo';
+ @import 'scss/spacing';
+ @import 'scss/negative-margins';
+ @import 'scss/tables';
+ @import 'scss/text-decoration';
+ @import 'scss/text-align';
+ @import 'scss/text-transform';
+ @import 'scss/type-scale';
+ @import 'scss/typography';
+ @import 'scss/utilities';
+ @import 'scss/visibility';
+ @import 'scss/white-space';
+ @import 'scss/vertical-align';
+ @import 'scss/hovers';
+ @import 'scss/z-index';
+ @import 'scss/nested';
+ @import 'scss/styles';

data/lib/tachyonscss-rails/engine.rb

@@ -0,0 +1,11 @@
+puts "ENGINE"
+module TachyonscssRails
+  class Engine < ::Rails::Engine
+    initializer "tachyonscss.assets" do
+      Rails.application.config.assets.precompile += %w( tachyons.css )
+    end
+    initializer "tachyonscss.disable_generator_stylesheets" do
+      Rails.application.config.generators.stylesheets = false
+    end
+  end
+end

data/lib/tachyonscss-rails/version.rb

@@ -0,0 +1,3 @@
+module TachyonscssRails
+  VERSION = "4.9.0"
+end

data/lib/tachyonscss-rails.rb

@@ -0,0 +1,5 @@
+puts "REQUIRED"
+module TachyonscssRails
+end
+
+require "tachyonscss-rails/engine"

metadata

@@ -0,0 +1,113 @@
+--- !ruby/object:Gem::Specification
+name: tachyonscss-rails
+version: !ruby/object:Gem::Version
+  version: 4.9.0
+platform: ruby
+authors:
+- Dave Copeland
+autorequire:
+bindir: exe
+cert_chain: []
+date: 2021-09-28 00:00:00.000000000 Z
+dependencies: []
+description:
+email:
+- davec@naildrivin5.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- LICENSE.md
+- README.md
+- Rakefile
+- app/assets/stylesheets/scss/_aspect-ratios.scss
+- app/assets/stylesheets/scss/_background-position.scss
+- app/assets/stylesheets/scss/_background-size.scss
+- app/assets/stylesheets/scss/_border-colors.scss
+- app/assets/stylesheets/scss/_border-radius.scss
+- app/assets/stylesheets/scss/_border-style.scss
+- app/assets/stylesheets/scss/_border-widths.scss
+- app/assets/stylesheets/scss/_borders.scss
+- app/assets/stylesheets/scss/_box-shadow.scss
+- app/assets/stylesheets/scss/_box-sizing.scss
+- app/assets/stylesheets/scss/_clears.scss
+- app/assets/stylesheets/scss/_code.scss
+- app/assets/stylesheets/scss/_coordinates.scss
+- app/assets/stylesheets/scss/_debug-children.scss
+- app/assets/stylesheets/scss/_debug-grid.scss
+- app/assets/stylesheets/scss/_debug.scss
+- app/assets/stylesheets/scss/_debug_children.scss
+- app/assets/stylesheets/scss/_display.scss
+- app/assets/stylesheets/scss/_flexbox.scss
+- app/assets/stylesheets/scss/_floats.scss
+- app/assets/stylesheets/scss/_font-family.scss
+- app/assets/stylesheets/scss/_font-style.scss
+- app/assets/stylesheets/scss/_font-weight.scss
+- app/assets/stylesheets/scss/_forms.scss
+- app/assets/stylesheets/scss/_gradients.scss
+- app/assets/stylesheets/scss/_heights.scss
+- app/assets/stylesheets/scss/_hovers.scss
+- app/assets/stylesheets/scss/_images.scss
+- app/assets/stylesheets/scss/_letter-spacing.scss
+- app/assets/stylesheets/scss/_line-height.scss
+- app/assets/stylesheets/scss/_links.scss
+- app/assets/stylesheets/scss/_lists.scss
+- app/assets/stylesheets/scss/_max-widths.scss
+- app/assets/stylesheets/scss/_module-template.scss
+- app/assets/stylesheets/scss/_negative-margins.scss
+- app/assets/stylesheets/scss/_nested.scss
+- app/assets/stylesheets/scss/_normalize.scss
+- app/assets/stylesheets/scss/_opacity.scss
+- app/assets/stylesheets/scss/_outlines.scss
+- app/assets/stylesheets/scss/_overflow.scss
+- app/assets/stylesheets/scss/_position.scss
+- app/assets/stylesheets/scss/_rotations.scss
+- app/assets/stylesheets/scss/_skins-pseudo.scss
+- app/assets/stylesheets/scss/_skins.scss
+- app/assets/stylesheets/scss/_spacing.scss
+- app/assets/stylesheets/scss/_styles.scss
+- app/assets/stylesheets/scss/_tables.scss
+- app/assets/stylesheets/scss/_text-align.scss
+- app/assets/stylesheets/scss/_text-decoration.scss
+- app/assets/stylesheets/scss/_text-transform.scss
+- app/assets/stylesheets/scss/_type-scale.scss
+- app/assets/stylesheets/scss/_typography.scss
+- app/assets/stylesheets/scss/_utilities.scss
+- app/assets/stylesheets/scss/_variables.scss
+- app/assets/stylesheets/scss/_vertical-align.scss
+- app/assets/stylesheets/scss/_visibility.scss
+- app/assets/stylesheets/scss/_white-space.scss
+- app/assets/stylesheets/scss/_widths.scss
+- app/assets/stylesheets/scss/_word-break.scss
+- app/assets/stylesheets/scss/_z-index.scss
+- app/assets/stylesheets/tachyons.scss
+- lib/tachyonscss-rails.rb
+- lib/tachyonscss-rails/engine.rb
+- lib/tachyonscss-rails/version.rb
+homepage: https://sustainable-rails.com
+licenses:
+- Hippocratic
+metadata:
+  homepage_uri: https://sustainable-rails.com
+  source_code_uri: https://github.com/sustainable-rails/tachyonscss-rails
+  changelog_uri: https://github.com/sustainable-rails/tachyonscss-rails/releases
+post_install_message:
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: 2.5.0
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.1.2
+signing_key:
+specification_version: 4
+summary: Use Tachyons in the Rails Asset Pipeline
+test_files: []