tachyonscss-rails 4.9.0

data/app/assets/stylesheets/scss/_skins-pseudo.scss

@@ -0,0 +1,243 @@
+
+// Converted Variables
+
+
+// Custom Media Query Variables
+
+
+/*
+
+   SKINS:PSEUDO
+
+   Customize the color of an element when
+   it is focused or hovered over.
+
+ */
+
+.hover-black:hover,
+.hover-black:focus { color: $black; }
+.hover-near-black:hover,
+.hover-near-black:focus { color: $near-black; }
+.hover-dark-gray:hover,
+.hover-dark-gray:focus { color: $dark-gray; }
+.hover-mid-gray:hover,
+.hover-mid-gray:focus { color: $mid-gray; }
+.hover-gray:hover,
+.hover-gray:focus { color: $gray; }
+.hover-silver:hover,
+.hover-silver:focus { color: $silver; }
+.hover-light-silver:hover,
+.hover-light-silver:focus { color: $light-silver; }
+.hover-moon-gray:hover,
+.hover-moon-gray:focus { color: $moon-gray; }
+.hover-light-gray:hover,
+.hover-light-gray:focus { color: $light-gray; }
+.hover-near-white:hover,
+.hover-near-white:focus { color: $near-white; }
+.hover-white:hover,
+.hover-white:focus { color: $white; }
+
+.hover-black-90:hover,
+.hover-black-90:focus { color: $black-90; }
+.hover-black-80:hover,
+.hover-black-80:focus { color: $black-80; }
+.hover-black-70:hover,
+.hover-black-70:focus { color: $black-70; }
+.hover-black-60:hover,
+.hover-black-60:focus { color: $black-60; }
+.hover-black-50:hover,
+.hover-black-50:focus { color: $black-50; }
+.hover-black-40:hover,
+.hover-black-40:focus { color: $black-40; }
+.hover-black-30:hover,
+.hover-black-30:focus { color: $black-30; }
+.hover-black-20:hover,
+.hover-black-20:focus { color: $black-20; }
+.hover-black-10:hover,
+.hover-black-10:focus { color: $black-10; }
+.hover-white-90:hover,
+.hover-white-90:focus { color: $white-90; }
+.hover-white-80:hover,
+.hover-white-80:focus { color: $white-80; }
+.hover-white-70:hover,
+.hover-white-70:focus { color: $white-70; }
+.hover-white-60:hover,
+.hover-white-60:focus { color: $white-60; }
+.hover-white-50:hover,
+.hover-white-50:focus { color: $white-50; }
+.hover-white-40:hover,
+.hover-white-40:focus { color: $white-40; }
+.hover-white-30:hover,
+.hover-white-30:focus { color: $white-30; }
+.hover-white-20:hover,
+.hover-white-20:focus { color: $white-20; }
+.hover-white-10:hover,
+.hover-white-10:focus { color: $white-10; }
+.hover-inherit:hover,
+.hover-inherit:focus { color: inherit; }
+
+.hover-bg-black:hover,
+.hover-bg-black:focus { background-color: $black; }
+.hover-bg-near-black:hover,
+.hover-bg-near-black:focus { background-color: $near-black; }
+.hover-bg-dark-gray:hover,
+.hover-bg-dark-gray:focus { background-color: $dark-gray; }
+.hover-bg-mid-gray:hover,
+.hover-bg-mid-gray:focus { background-color: $mid-gray; }
+.hover-bg-gray:hover,
+.hover-bg-gray:focus { background-color: $gray; }
+.hover-bg-silver:hover,
+.hover-bg-silver:focus { background-color: $silver; }
+.hover-bg-light-silver:hover,
+.hover-bg-light-silver:focus { background-color: $light-silver; }
+.hover-bg-moon-gray:hover,
+.hover-bg-moon-gray:focus { background-color: $moon-gray; }
+.hover-bg-light-gray:hover,
+.hover-bg-light-gray:focus { background-color: $light-gray; }
+.hover-bg-near-white:hover,
+.hover-bg-near-white:focus { background-color: $near-white; }
+.hover-bg-white:hover,
+.hover-bg-white:focus { background-color: $white; }
+.hover-bg-transparent:hover,
+.hover-bg-transparent:focus { background-color: $transparent; }
+
+.hover-bg-black-90:hover,
+.hover-bg-black-90:focus { background-color: $black-90; }
+.hover-bg-black-80:hover,
+.hover-bg-black-80:focus { background-color: $black-80; }
+.hover-bg-black-70:hover,
+.hover-bg-black-70:focus { background-color: $black-70; }
+.hover-bg-black-60:hover,
+.hover-bg-black-60:focus { background-color: $black-60; }
+.hover-bg-black-50:hover,
+.hover-bg-black-50:focus { background-color: $black-50; }
+.hover-bg-black-40:hover,
+.hover-bg-black-40:focus { background-color: $black-40; }
+.hover-bg-black-30:hover,
+.hover-bg-black-30:focus { background-color: $black-30; }
+.hover-bg-black-20:hover,
+.hover-bg-black-20:focus { background-color: $black-20; }
+.hover-bg-black-10:hover,
+.hover-bg-black-10:focus { background-color: $black-10; }
+.hover-bg-white-90:hover,
+.hover-bg-white-90:focus { background-color: $white-90; }
+.hover-bg-white-80:hover,
+.hover-bg-white-80:focus { background-color: $white-80; }
+.hover-bg-white-70:hover,
+.hover-bg-white-70:focus { background-color: $white-70; }
+.hover-bg-white-60:hover,
+.hover-bg-white-60:focus { background-color: $white-60; }
+.hover-bg-white-50:hover,
+.hover-bg-white-50:focus { background-color: $white-50; }
+.hover-bg-white-40:hover,
+.hover-bg-white-40:focus { background-color: $white-40; }
+.hover-bg-white-30:hover,
+.hover-bg-white-30:focus { background-color: $white-30; }
+.hover-bg-white-20:hover,
+.hover-bg-white-20:focus { background-color: $white-20; }
+.hover-bg-white-10:hover,
+.hover-bg-white-10:focus { background-color: $white-10; }
+
+.hover-dark-red:hover,
+.hover-dark-red:focus { color: $dark-red; }
+.hover-red:hover,
+.hover-red:focus { color: $red; }
+.hover-light-red:hover,
+.hover-light-red:focus { color: $light-red; }
+.hover-orange:hover,
+.hover-orange:focus { color: $orange; }
+.hover-gold:hover,
+.hover-gold:focus { color: $gold; }
+.hover-yellow:hover,
+.hover-yellow:focus { color: $yellow; }
+.hover-light-yellow:hover,
+.hover-light-yellow:focus { color: $light-yellow; }
+.hover-purple:hover,
+.hover-purple:focus { color: $purple; }
+.hover-light-purple:hover,
+.hover-light-purple:focus { color: $light-purple; }
+.hover-dark-pink:hover,
+.hover-dark-pink:focus { color: $dark-pink; }
+.hover-hot-pink:hover,
+.hover-hot-pink:focus { color: $hot-pink; }
+.hover-pink:hover,
+.hover-pink:focus { color: $pink; }
+.hover-light-pink:hover,
+.hover-light-pink:focus { color: $light-pink; }
+.hover-dark-green:hover,
+.hover-dark-green:focus { color: $dark-green; }
+.hover-green:hover,
+.hover-green:focus { color: $green; }
+.hover-light-green:hover,
+.hover-light-green:focus { color: $light-green; }
+.hover-navy:hover,
+.hover-navy:focus { color: $navy; }
+.hover-dark-blue:hover,
+.hover-dark-blue:focus { color: $dark-blue; }
+.hover-blue:hover,
+.hover-blue:focus { color: $blue; }
+.hover-light-blue:hover,
+.hover-light-blue:focus { color: $light-blue; }
+.hover-lightest-blue:hover,
+.hover-lightest-blue:focus { color: $lightest-blue; }
+.hover-washed-blue:hover,
+.hover-washed-blue:focus { color: $washed-blue; }
+.hover-washed-green:hover,
+.hover-washed-green:focus { color: $washed-green; }
+.hover-washed-yellow:hover,
+.hover-washed-yellow:focus { color: $washed-yellow; }
+.hover-washed-red:hover,
+.hover-washed-red:focus { color: $washed-red; }
+
+.hover-bg-dark-red:hover,
+.hover-bg-dark-red:focus { background-color: $dark-red; }
+.hover-bg-red:hover,
+.hover-bg-red:focus { background-color: $red; }
+.hover-bg-light-red:hover,
+.hover-bg-light-red:focus { background-color: $light-red; }
+.hover-bg-orange:hover,
+.hover-bg-orange:focus { background-color: $orange; }
+.hover-bg-gold:hover,
+.hover-bg-gold:focus { background-color: $gold; }
+.hover-bg-yellow:hover,
+.hover-bg-yellow:focus { background-color: $yellow; }
+.hover-bg-light-yellow:hover,
+.hover-bg-light-yellow:focus { background-color: $light-yellow; }
+.hover-bg-purple:hover,
+.hover-bg-purple:focus { background-color: $purple; }
+.hover-bg-light-purple:hover,
+.hover-bg-light-purple:focus { background-color: $light-purple; }
+.hover-bg-dark-pink:hover,
+.hover-bg-dark-pink:focus { background-color: $dark-pink; }
+.hover-bg-hot-pink:hover,
+.hover-bg-hot-pink:focus { background-color: $hot-pink; }
+.hover-bg-pink:hover,
+.hover-bg-pink:focus { background-color: $pink; }
+.hover-bg-light-pink:hover,
+.hover-bg-light-pink:focus { background-color: $light-pink; }
+.hover-bg-dark-green:hover,
+.hover-bg-dark-green:focus { background-color: $dark-green; }
+.hover-bg-green:hover,
+.hover-bg-green:focus { background-color: $green; }
+.hover-bg-light-green:hover,
+.hover-bg-light-green:focus { background-color: $light-green; }
+.hover-bg-navy:hover,
+.hover-bg-navy:focus { background-color: $navy; }
+.hover-bg-dark-blue:hover,
+.hover-bg-dark-blue:focus { background-color: $dark-blue; }
+.hover-bg-blue:hover,
+.hover-bg-blue:focus { background-color: $blue; }
+.hover-bg-light-blue:hover,
+.hover-bg-light-blue:focus { background-color: $light-blue; }
+.hover-bg-lightest-blue:hover,
+.hover-bg-lightest-blue:focus { background-color: $lightest-blue; }
+.hover-bg-washed-blue:hover,
+.hover-bg-washed-blue:focus { background-color: $washed-blue; }
+.hover-bg-washed-green:hover,
+.hover-bg-washed-green:focus { background-color: $washed-green; }
+.hover-bg-washed-yellow:hover,
+.hover-bg-washed-yellow:focus { background-color: $washed-yellow; }
+.hover-bg-washed-red:hover,
+.hover-bg-washed-red:focus { background-color: $washed-red; }
+.hover-bg-inherit:hover,
+.hover-bg-inherit:focus { background-color: inherit; }

data/app/assets/stylesheets/scss/_skins.scss

@@ -0,0 +1,143 @@
+
+// Converted Variables
+
+
+// Custom Media Query Variables
+
+
+/*
+
+   SKINS
+   Docs: http://tachyons.io/docs/themes/skins/
+
+   Classes for setting foreground and background colors on elements.
+   If you haven't declared a border color, but set border on an element, it will
+   be set to the current text color.
+
+*/
+
+/* Text colors */
+
+.black-90 {         color: $black-90; }
+.black-80 {         color: $black-80; }
+.black-70 {         color: $black-70; }
+.black-60 {         color: $black-60; }
+.black-50 {         color: $black-50; }
+.black-40 {         color: $black-40; }
+.black-30 {         color: $black-30; }
+.black-20 {         color: $black-20; }
+.black-10 {         color: $black-10; }
+.black-05 {         color: $black-05; }
+
+.white-90 {         color: $white-90; }
+.white-80 {         color: $white-80; }
+.white-70 {         color: $white-70; }
+.white-60 {         color: $white-60; }
+.white-50 {         color: $white-50; }
+.white-40 {         color: $white-40; }
+.white-30 {         color: $white-30; }
+.white-20 {         color: $white-20; }
+.white-10 {         color: $white-10; }
+
+.black {         color: $black; }
+.near-black {    color: $near-black; }
+.dark-gray {     color: $dark-gray; }
+.mid-gray {      color: $mid-gray; }
+.gray {          color: $gray; }
+.silver  {       color: $silver; }
+.light-silver {  color: $light-silver; }
+.moon-gray {     color: $moon-gray; }
+.light-gray {    color: $light-gray; }
+.near-white {    color: $near-white; }
+.white {         color: $white; }
+
+.dark-red { color: $dark-red; }
+.red { color: $red; }
+.light-red { color: $light-red; }
+.orange { color: $orange; }
+.gold { color: $gold; }
+.yellow { color: $yellow; }
+.light-yellow { color: $light-yellow; }
+.purple { color: $purple; }
+.light-purple { color: $light-purple; }
+.dark-pink { color: $dark-pink; }
+.hot-pink { color: $hot-pink; }
+.pink { color: $pink; }
+.light-pink { color: $light-pink; }
+.dark-green { color: $dark-green; }
+.green { color: $green; }
+.light-green { color: $light-green; }
+.navy { color: $navy; }
+.dark-blue { color: $dark-blue; }
+.blue { color: $blue; }
+.light-blue { color: $light-blue; }
+.lightest-blue { color: $lightest-blue; }
+.washed-blue { color: $washed-blue; }
+.washed-green { color: $washed-green; }
+.washed-yellow { color: $washed-yellow; }
+.washed-red { color: $washed-red; }
+.color-inherit { color: inherit; }
+
+.bg-black-90 {         background-color: $black-90; }
+.bg-black-80 {         background-color: $black-80; }
+.bg-black-70 {         background-color: $black-70; }
+.bg-black-60 {         background-color: $black-60; }
+.bg-black-50 {         background-color: $black-50; }
+.bg-black-40 {         background-color: $black-40; }
+.bg-black-30 {         background-color: $black-30; }
+.bg-black-20 {         background-color: $black-20; }
+.bg-black-10 {         background-color: $black-10; }
+.bg-black-05 {         background-color: $black-05; }
+.bg-white-90 {        background-color: $white-90; }
+.bg-white-80 {        background-color: $white-80; }
+.bg-white-70 {        background-color: $white-70; }
+.bg-white-60 {        background-color: $white-60; }
+.bg-white-50 {        background-color: $white-50; }
+.bg-white-40 {        background-color: $white-40; }
+.bg-white-30 {        background-color: $white-30; }
+.bg-white-20 {        background-color: $white-20; }
+.bg-white-10 {        background-color: $white-10; }
+
+
+
+/* Background colors */
+
+.bg-black {         background-color: $black; }
+.bg-near-black {    background-color: $near-black; }
+.bg-dark-gray {     background-color: $dark-gray; }
+.bg-mid-gray {      background-color: $mid-gray; }
+.bg-gray {          background-color: $gray; }
+.bg-silver  {       background-color: $silver; }
+.bg-light-silver {  background-color: $light-silver; }
+.bg-moon-gray {     background-color: $moon-gray; }
+.bg-light-gray {    background-color: $light-gray; }
+.bg-near-white {    background-color: $near-white; }
+.bg-white {         background-color: $white; }
+.bg-transparent {   background-color: $transparent; }
+
+.bg-dark-red { background-color: $dark-red; }
+.bg-red { background-color: $red; }
+.bg-light-red { background-color: $light-red; }
+.bg-orange { background-color: $orange; }
+.bg-gold { background-color: $gold; }
+.bg-yellow { background-color: $yellow; }
+.bg-light-yellow { background-color: $light-yellow; }
+.bg-purple { background-color: $purple; }
+.bg-light-purple { background-color: $light-purple; }
+.bg-dark-pink { background-color: $dark-pink; }
+.bg-hot-pink { background-color: $hot-pink; }
+.bg-pink { background-color: $pink; }
+.bg-light-pink { background-color: $light-pink; }
+.bg-dark-green { background-color: $dark-green; }
+.bg-green { background-color: $green; }
+.bg-light-green { background-color: $light-green; }
+.bg-navy { background-color: $navy; }
+.bg-dark-blue { background-color: $dark-blue; }
+.bg-blue { background-color: $blue; }
+.bg-light-blue { background-color: $light-blue; }
+.bg-lightest-blue { background-color: $lightest-blue; }
+.bg-washed-blue { background-color: $washed-blue; }
+.bg-washed-green { background-color: $washed-green; }
+.bg-washed-yellow { background-color: $washed-yellow; }
+.bg-washed-red { background-color: $washed-red; }
+.bg-inherit { background-color: inherit; }