timequake 1.0.3 → 1.0.8

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d691d95c9d1b0b4b0f8bd99a371ffcba6ebfb714b675c20cf45c1a8e3ed00100
-  data.tar.gz: e82b15a9d386e6e7dafb747cdfdc4206328d5422a2954a6d82843716f4f8d634
+  metadata.gz: dc6ad3f780c6be47d8dd8b092f6abb0072fcd215c90cb5294923eb6bbd6f0211
+  data.tar.gz: d8f4dec0b0e793af54e63616445fec22cb1fecafe206262d51b81005bb578202
 SHA512:
-  metadata.gz: e0deac3655e4f9bcd43f00d13355e98d505355d8bb7ba632c653c7e3ff5192a4269ce59a49d82b3905a497af20ee1edb84347db1e39659b1e646b1143a096088
-  data.tar.gz: 96881a7e7d975b4e64a9bbb59bfae23a0122219ac5328248975dd5daa5724f006f3e43be7d002a6e826be4504b91092d702aaa13c8d61805e396c85271ec6a9d
+  metadata.gz: 12a489fb2fcf13a93a4cadf6daca3e1ee83642824d942efc44c7bcfeb2f3dfb6aed6278b326ba41c4997295f6f291ed32c0b9e6c8f090e4d710e30793c6d814b
+  data.tar.gz: 3b35ca728ff971933587b66924d0a1f4f87efcf03eba8eb1c5d3549f51ae324c2ff701818f570576f2ddabda8d0a2037d27d805b5ec396a7121a0075d9f56e84

data/app/assets/javascripts/timequake.js

@@ -1,4 +1,4 @@
 //= require jquery
 //= require_tree .
 
-console.log('ODYSSEY JS CONNECTED')
+function timequakeJS() { console.log('TIMEQUAKE JS CONNECTED') };

data/app/assets/stylesheets/timequake/buttons.scss

@@ -48,7 +48,7 @@ $btn-mini-padding: 8px !default;
     }
   }
 
-  &.secondary {
+  &.btn-secondary {
     color: $secondary-btn-text-color;
     background-color: $secondary-btn-color;
     border-color: $secondary-btn-border-color;
@@ -66,7 +66,7 @@ $btn-mini-padding: 8px !default;
     }
   }
 
-  &.tertiary {
+  &.btn-tertiary {
     color: $tertiary-btn-text-color;
     background-color: $tertiary-btn-color;
     border-color: $tertiary-btn-border-color;
@@ -84,31 +84,31 @@ $btn-mini-padding: 8px !default;
     }
   }
 
-  &.info {
+  &.btn-info {
     background-color: $info-color;
     border-color: $info-color;
     &:hover { background-color: lighten($info-color, 5%); }
   }
 
-  &.success {
+  &.btn-success {
     background-color: $success-color;
     border-color: $success-color;
     &:hover { background-color: lighten($success-color, 5%); }
   }
 
-  &.danger {
+  &.btn-danger {
     background-color: $danger-color;
     border-color: $danger-color;
     &:hover { background-color: lighten($danger-color, 5%); }
   }
 
-  &.warning {
+  &.btn-warning {
     background-color: $warning-color;
     border-color: $warning-color;
     &:hover { background-color: lighten($warning-color, 5%); }
   }
 
-  &.mini {
+  &.btn-mini {
     min-width: $btn-mini-min-width;
     padding: $btn-mini-padding;
   }

data/app/assets/stylesheets/timequake/colors.scss

@@ -35,9 +35,16 @@ $warning-color: #EAC435 !default;
 .violet { color: $violet !important; }
 .teal { color: $teal !important; }
 .copy-color { color: $copy-color !important; }
+.primary { color: $primary-color !important; }
+.secondary { color: $secondary-color !important; }
+.tertiary { color: $tertiary-color !important; }
 .primary-color { color: $primary-color !important; }
 .secondary-color { color: $secondary-color !important; }
 .tertiary-color { color: $tertiary-color !important; }
+.success { color: $success-color !important; }
+.info { color: $info-color !important; }
+.danger { color: $danger-color !important; }
+.warning { color: $warning-color !important; }
 
 .black-bg { background-color: $black !important; }
 .gray-bg { background-color: $gray !important; }
@@ -53,6 +60,13 @@ $warning-color: #EAC435 !default;
 .indigo-bg { background-color: $indigo !important; }
 .violet-bg { background-color: $violet !important; }
 .teal-bg { background-color: $teal !important; }
+.primary-bg { background-color: $primary-color !important; }
+.secondary-bg { background-color: $secondary-color !important; }
+.tertiary-bg { background-color: $tertiary-color !important; }
 .primary-color-bg { background-color: $primary-color !important; }
 .secondary-color-bg { background-color: $secondary-color !important; }
 .tertiary-color-bg { background-color: $tertiary-color !important; }
+.success-bg { background-color: $success-color !important; }
+.info-bg { background-color: $info-color !important; }
+.danger-bg { background-color: $danger-color !important; }
+.warning-bg { background-color: $warning-color !important; }

data/app/assets/stylesheets/timequake/forms.scss

@@ -11,6 +11,10 @@ $label-font: $form-font !default;
 $input-font-size: $copy-font-size !default;
 $label-font-size: $copy-font-size !default;
 $file-font-size: 14px !default;
+$checkbox-width: 16px !default;
+$checkbox-margin-bottom: 8px !default;
+$radio-width: 13px !default;
+$radio-margin-bottom: 8px !default;
 
 form {
   input,
@@ -39,6 +43,16 @@ form {
 
   input[type='submit'] { height: auto; }
 
+  input[type='checkbox'] {
+    width: $checkbox-width;
+    margin-bottom: $checkbox-margin-bottom;
+  }
+
+  input[type='radio'] {
+    width: $radio-width;
+    margin-bottom: $radio-margin-bottom;
+  }
+
   label {
     display: inline-block;
     margin-bottom: $label-margin-bottom;

data/app/assets/stylesheets/timequake/modals.scss

@@ -2,9 +2,7 @@ $modal-bg-color: $white !default;
 $modal-max-width: 1200px !default;
 $modal-content-padding: 20px !default;
 $modal-border-radius: 5px !default;
-$modal-border-color: $white !default;
-$modal-border-width: 5px !default;
-$modal-border-style: solid !default;
+$modal-border: 5px solid $white !default;
 $modal-close-size: 30px !default;
 $modal-close-color: $copy-color !default;
 $modal-close-transform: rotate(45deg) !default;
@@ -19,7 +17,7 @@ $modal-close-transform: rotate(45deg) !default;
   display: flex;
   justify-content: center;
   align-items: center;
-  z-index: 0;
+  z-index: -1;
   opacity: 0;
   transition: 500ms all;
 
@@ -39,9 +37,7 @@ $modal-close-transform: rotate(45deg) !default;
     background: $modal-bg-color;
     border-radius: $modal-border-radius;
     padding: $modal-content-padding;
-    border-width: $modal-border-width;
-    border-style: $modal-border-style;
-    border-color: $modal-border-color;
+    border: $modal-border;
     max-width: $modal-max-width;
 
     .modal-close {

data/app/assets/stylesheets/timequake/typography.scss

@@ -9,6 +9,8 @@ $heading-3-font-size: 1.17rem !default;
 $heading-4-font-size: 1.12rem !default;
 $heading-5-font-size: .83rem !default;
 $heading-6-font-size: .75rem !default;
+$heading-margin: 0 0 .5rem 0 !default;
+$copy-margin: 0 0 .5rem 0 !default;
 $btn-font: $copy-font !default;
 
 html {
@@ -19,7 +21,7 @@ html {
 .copy {
   font-family: $copy-font;
   color: $copy-color;
-  margin: 0 0 .5rem 0;
+  margin: $copy-margin;
   font-size: $copy-font-size;
 }
 
@@ -31,7 +33,7 @@ html {
 .heading-5,
 .heading-6, {
   font-family: $heading-font;
-  margin: 0 0 .5rem 0;
+  margin: $heading-margin;
 }
 
 .heading-1 { font-size: $heading-1-font-size; }

data/app/assets/stylesheets/timequake/universal.scss

@@ -1,8 +1,16 @@
 $main-overflow: hidden !default;
-$section-padding: 2rem 0 !default;
+$section-padding-desktop: 2rem 0 !default;
+$section-padding-mobile: 1rem 0 !default;
 
 main { overflow: $main-overflow; }
-section { padding: $section-padding; }
+
+section {
+  padding: $section-padding-mobile;
+
+  @include breakpoint('large') {
+    padding: $section-padding-desktop;
+  }
+}
 
 a {
   color: inherit;

data/lib/generators/timequake/templates/timequake_overrides.scss

@@ -36,12 +36,14 @@ $heading-font: sans-serif;
 
 $body-font-size: 16px;
 $copy-font-size: 16px;
-$heading-1-font-size: 2rem !default;
-$heading-2-font-size: 1.5rem !default;
-$heading-3-font-size: 1.17rem !default;
-$heading-4-font-size: 1.12rem !default;
-$heading-5-font-size: .83rem !default;
-$heading-6-font-size: .75rem !default;
+$heading-1-font-size: 2rem;
+$heading-2-font-size: 1.5rem;
+$heading-3-font-size: 1.17rem;
+$heading-4-font-size: 1.12rem;
+$heading-5-font-size: .83rem;
+$heading-6-font-size: .75rem;
+$heading-margin: 0 0 .5rem 0;
+$copy-margin: 0 0 .5rem 0;
 
 // BUTTONS
 $btn-min-width: 145px;
@@ -77,15 +79,17 @@ $label-font: $form-font;
 $input-font-size: $copy-font-size;
 $label-font-size: $copy-font-size;
 $file-font-size: 14px;
+$checkbox-width: 16px;
+$checkbox-margin-bottom: 8px;
+$radio-width: 13px;
+$radio-margin-bottom: 8px;
 
 // MODALS
 $modal-bg-color: $white;
 $modal-max-width: 1200px;
 $modal-content-padding: 20px;
 $modal-border-radius: 5px;
-$modal-border-color: $white;
-$modal-border-width: 5px;
-$modal-border-style: solid;
+$modal-border: 5px solid $white;
 $modal-close-size: 30px;
 $modal-close-color: $copy-color;
 $modal-close-transform: rotate(45deg);
@@ -94,7 +98,7 @@ $modal-close-transform: rotate(45deg);
 $table-border: none;
 $border-collapse: collapse;
 $tr-border: 1px solid $light-gray;
-$td-border: none !default;
+$td-border: none;
 $tr-bg: $light-gray;
 $td-padding: 5px;
 $table-font: $copy-font;
@@ -102,6 +106,7 @@ $table-font-size: $copy-font-size;
 
 //UNIVERSAL
 $main-overflow: hidden;
-$section-padding: 2rem 0;
+$section-padding-desktop: 2rem 0;
+$section-padding-mobile: 1rem 0;
 
 @import 'timequake/index';

data/lib/timequake/version.rb

@@ -1,3 +1,3 @@
 module Timequake
-  VERSION = "1.0.3"
+  VERSION = "1.0.8"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: timequake
 version: !ruby/object:Gem::Version
-  version: 1.0.3
+  version: 1.0.8
 platform: ruby
 authors:
 - George Morris
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2020-07-23 00:00:00.000000000 Z
+date: 2020-08-19 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jquery-rails