verne 0.1.0 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 462cd882eeb9d82b72ecc1342a05931e7d691d77
-  data.tar.gz: d28a32731742e28fbe0a93d26d68783df0938fff
+  metadata.gz: 8e1069403e472bf836c53dda222b6f0686736023
+  data.tar.gz: 65c05cf8349737218347d4b421bfbf3a0f6dffbc
 SHA512:
-  metadata.gz: 138dbc651285368342646d4abbadf9c94a71969b3b6cacc76df9ae93c0f87866458c990535203a28e9368330ce533327d7a2550384919f027e9b88bb58c88fa5
-  data.tar.gz: f4c1dd775ca2620022a7bbd6b2d1f6ae93a8c1cde3ed639deb7fcf46b58c5238cefbd64a5ff8c963a93fb6e2f26ece3c883a0f5bae46abe65dcc2be0ca5eb9b9
+  metadata.gz: 97335f50c9bf0f7244cabffd75fbbc6de7f983451de7e5d16f3e42ca8c66bb52e9d9d51f7e2495d68a5ef09ce3dac3426badc5cc764a1ac0f57113b867900fee
+  data.tar.gz: d8b8bd2779a42819cef6ab1424359f35dab07177c60f9da4f5eaabd5c15ca3ab87f1eacc752cda7d9637a46e9b2a57f3a025b760e7e6d61dcc97f08137a0b8e0

data/app/assets/stylesheets/verne/_alert.sass

@@ -8,7 +8,6 @@
   border: none
   border-radius: $border-radius
   position: relative
-  font-weight: 600
   width: 100%
   margin-bottom: $rhythm * 3
   padding: $rhythm * 2 $rhythm * 3

data/app/assets/stylesheets/verne/_button.sass

@@ -1,5 +1,5 @@
 // Settings
-$offset: $rhythm / 2
+$offset: 0
 
 // Mixins
 @mixin button-is-colored($color)
@@ -13,20 +13,19 @@ $offset: $rhythm / 2
 
 // Elements
 %button
-  font-size: $rhythm * 4 / 1.5
   line-height: $rhythm * 3
+  font-size: $rhythm * 3
   font-weight: 400
   text-decoration: none
   text-align: center
   padding:
-    top: $rhythm + $offset
-    bottom: $rhythm * 2 - $offset
+    top: $rhythm * 2
+    bottom: $rhythm * 2
     left: $rhythm * 3
     right: $rhythm * 3
   margin: 0 0 $rhythm * 2 0
   outline: none
   display: inline-block
-  // color: white
   border: none
   transition: 0.1s all linear
   border-radius: $border-radius
@@ -50,8 +49,11 @@ $offset: $rhythm / 2
     background: $highlight-color
 
 %button-is-large
-  font-size: $rhythm * 5 / 1.5
-  line-height: $rhythm * 5
+  line-height: $rhythm * 4
+  font-size: $rhythm * 4
+  padding:
+    top: $rhythm * 3
+    bottom: $rhythm * 3
 
 %button-is-success
   @include button-is-colored($success-color)

data/app/assets/stylesheets/verne/_code.sass

@@ -1,14 +1,13 @@
 %pre, %code
-  background: transparentize($primary-color, 0.9)
   font-family: "Courier Prime", "Courier New", "Courier", sans-serif
-  border-radius: $border-radius
-  font-weight: 300
+  font-weight: 600
+
+%code
+  line-height: 1.0
 
 %pre
-  font-size: $rhythm * 4 / 1.6
+  background: transparentize($primary-color, 0.9)
+  border-radius: $border-radius
+  font-size: golden-ratio($rhythm * 3, 0)
   padding: $rhythm * 3
-  line-height: $rhythm * 4
-  margin-bottom: $rhythm * 3
-
-%code
-  padding: $rhythm / 2
+  margin-bottom: $rhythm * 3

data/app/assets/stylesheets/verne/_form.sass

@@ -5,7 +5,7 @@ $border-width: 1px
 
 // Elements
 %form
-  margin-bottom: $rhythm * 3  
+  margin-bottom: $rhythm * 3
 
 %input
   @include clearfix
@@ -16,23 +16,17 @@ $border-width: 1px
   label
     display: block
     font-weight: 700
-    line-height: $rhythm * 4 // 24px
     margin-bottom: $rhythm
-    font-size: $rhythm * 4 / 1.5 // 16px
   span
-    line-height: $rhythm * 3
     margin-bottom: $rhythm * 2
-    font-size: $rhythm * 2
-    font-weight: 500    
+    font-size: golden-ratio($rhythm * 4, -1)
     display: none
   div + span
     display: block
   input[type=text], input[type=url], input[type=number], input[type=email], input[type=password], select, textarea
     font-weight: 500
-    line-height: $rhythm * 3
     height: $rhythm * 7
     margin-bottom: $rhythm
-    font-size: $rhythm * 4 / 1.5  // 16px
     -webkit-appearance: none
     background: transparentize($primary-color, 0.9)
     box-sizing: border-box

data/app/assets/stylesheets/verne/_progress.sass

@@ -15,7 +15,7 @@
     color: white  
   > div
     background: $highlight-color
-    height: $rhythm * 6
+    height: 100%
     position: absolute
     top: 0
     border-radius: $border-radius

data/app/assets/stylesheets/verne/_reset.sass

@@ -1,6 +1,32 @@
-*
+// Derived from Eric Meyer's CSS Reset v2.0 (20110126)
+
+div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, textarea, select
+  margin: 0
+  padding: 0
+  border: 0
+  vertical-align: baseline
+  font-size: golden-ratio($rhythm * 3, 0)
+  font-weight: 300
+  color: $primary-color
+  font-family: $font-family
   box-sizing: border-box
 
+article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
+  display: block
+
+ol, ul
+  list-style: none
+
+blockquote, q
+  quotes: none
+  &:before, &:after
+    content: ''
+    content: none
+
+table
+  border-collapse: collapse
+  border-spacing: 0
+
 html, body
   margin: 0
   padding: 0
@@ -9,4 +35,5 @@ html, body
   background: $background-color
 
 html
-  font-size: $scale
+  font-size: $scale
+  line-height: 1.618

data/app/assets/stylesheets/verne/_typography.sass

@@ -1,110 +1,78 @@
+// Mixins
 @mixin baseline-adjust($offset)
   position: relative
   top: $offset
 
-@mixin ss-standard
-  font-family: "SSStandard"
-  font-style: normal
-  font-weight: normal
-  text-decoration: none
-  text-rendering: optimizeLegibility
-  white-space: nowrap
-  -moz-font-feature-settings: "liga=1"
-  -moz-font-feature-settings: "liga"
-  -ms-font-feature-settings: "liga" 1
-  -o-font-feature-settings: "liga"
-  font-feature-settings: "liga"
-  -webkit-font-smoothing: antialiased
-
-body, input, select, textarea, button
-  font-family: $font-family
-  color: $primary-color
-  text-align: left
-
-h1, h2, h3, h4, h5, h6, p, span, label, input, blockquote, li
-  margin: 0
-  padding: 0
-
-*
-  line-height: $rhythm * 4
-  font-size: $rhythm * 4 / 1.5 // 16px
-  font-weight: 300
+// Elements
+%copy
   color: $primary-color
+  margin-bottom: $rhythm
+  &, & *
+    font-size: golden-ratio($rhythm * 3, 0)
 
-b, strong
-  font-weight: 600
-
-a
-  color: $highlight-color
-  text-decoration: none
-  border-bottom: 1px solid $highlight-color
-
-.dropdown-menu
-  a
-    line-height: $rhythm * 4
-    font-size: 14px
-
-cite
-  line-height: $rhythm * 3
-  font-size: $rhythm * 3 / 1.5 // 12px
-  text-transform: uppercase
-  display: block
-  font-style: normal
-  font-weight: 600
-
-p, li, h4, h5
-  margin-bottom: $rhythm * 2
+%primary-header, %secondary-header, %tertiary-header, %quaternary-header
+  margin-bottom: $rhythm
+  text-rendering: optimizeLegibility
 
-blockquote, q
+%primary-header
   color: $primary-color
-  $offset: $rhythm / 2
-  line-height: $rhythm * 6 // 36px
-  font-size: ($rhythm * 5) * 0.8 // 24px
-  border-left: $rhythm solid $highlight-color
-  font-style: italic
-  font-weight: 300
-  display: block
-  margin: 0 0 $rhythm * 2 0
-  padding:
-    top: $rhythm * 2 + $offset
-    bottom: $rhythm * 3 - $offset
-    left: $rhythm * 4
-    right: $rhythm * 12
-
-h1
   &, & *
-    line-height: $rhythm * 12 // 72px
-    margin-bottom: $rhythm * 3
-    font-size: $rhythm * 12 // 72px
+    font-size: golden-ratio($rhythm * 3, 3)
     font-weight: 900
-    color: $primary-color
 
-h2
-  line-height: $rhythm * 8 // 48px
-  margin-bottom: $rhythm * 5
-  font-size: ($rhythm * 8) * 0.8 // 40px
-  font-weight: 300
+%secondary-header
   color: $highlight-color
+  &, & *
+    font-size: golden-ratio($rhythm * 3, 2)
+    font-weight: 300
 
-h3
+%tertiary-header
+  color: $primary-color
   &, & *
-    line-height: $rhythm * 5 // 30px
-    margin-bottom: $rhythm * 2
-    font-size: ($rhythm * 5) * 0.8 // 24px
+    font-size: golden-ratio($rhythm * 3, 1)
     font-weight: 700
-  color: $primary-color
 
-h4
-  font-weight: 700
+%quaternary-header
   color: $highlight-color
-
-h5
   &, & *
-    line-height: $rhythm * 5 // 30px
-    font-size: ($rhythm * 5) / 1.5 // 20px
-
-table
-  th
+    font-size: golden-ratio($rhythm * 3, 0)
     font-weight: 700
-  td
-    font-weight: 300
+
+// Modifiers
+%copy-is-large
+  font-size: golden-ratio($rhythm * 3, 1)
+
+// Defaults
+// b, strong
+//   font-weight: 600
+
+// a
+//   color: $highlight-color
+//   text-decoration: none
+//   border-bottom: 1px solid $highlight-color
+
+// cite
+//   line-height: $rhythm * 3
+//   font-size: $rhythm * 3 / 1.5 // 12px
+//   text-transform: uppercase
+//   display: block
+//   font-style: normal
+//   font-weight: 600
+
+// p, li
+//   margin-bottom: $rhythm * 2
+
+// blockquote, q
+//   color: $primary-color
+//   $offset: $rhythm / 2
+//   font-size: ($rhythm * 5) * 0.8 // 24px
+//   border-left: $rhythm solid $highlight-color
+//   font-style: italic
+//   font-weight: 300
+//   display: block
+//   margin: 0 0 $rhythm * 2 0
+//   padding:
+//     top: $rhythm * 2 + $offset
+//     bottom: $rhythm * 3 - $offset
+//     left: $rhythm * 4
+//     right: $rhythm * 12

data/lib/verne/version.rb

@@ -1,3 +1,3 @@
 module Verne
-  VERSION = '0.1.0'
+  VERSION = '0.2.0'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: verne
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.2.0
 platform: ruby
 authors:
 - Devon Tivona