RubyGems - vital - Versions diffs - 1.2.1 → 2.0.0 - Mend

vital 1.2.1 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (40) hide show

checksums.yaml +4 -4
data/.gitignore +0 -4
data/.ruby-version +1 -1
data/CHANGELOG.md +12 -0
data/Gemfile.lock +2 -22
data/README.md +4 -19
data/Rakefile +0 -16
data/dist/css/vital.css +427 -262
data/dist/css/vital.css.map +2 -2
data/dist/css/vital.min.css +1 -1
data/dist/css/vital.min.css.map +2 -2
data/lib/vital/version.rb +1 -1
data/package.json +1 -1
data/sass/vital/_all.sass +10 -0
data/sass/vital/_base.sass +4 -15
data/sass/vital/_buttons.sass +4 -3
data/sass/vital/_forms.sass +17 -50
data/sass/vital/_grid.sass +0 -13
data/sass/vital/_header.sass +183 -108
data/sass/vital/_helpers.sass +122 -46
data/sass/vital/_icons.sass +13 -68
data/sass/vital/_loaders.sass +0 -29
data/sass/vital/_mixins.sass +120 -0
data/sass/vital/_notice.sass +3 -2
data/sass/vital/_variables.sass +100 -79
data/sass/vital/layouts/_background_cards.sass +44 -0
data/sass/vital/layouts/_bordered_lists.sass +13 -0
data/sass/vital/layouts/_feed_cards.sass +13 -0
data/sass/vital/layouts/_photo_collages.sass +31 -0
data/vital.gemspec +0 -1
metadata +7 -25
data/dist/fonts/icons.eot +0 -0
data/dist/fonts/icons.svg +0 -50
data/dist/fonts/icons.ttf +0 -0
data/dist/fonts/icons.woff +0 -0
data/fontcustom.yml +0 -24
data/fonts/icons.eot +0 -0
data/fonts/icons.svg +0 -50
data/fonts/icons.ttf +0 -0
data/fonts/icons.woff +0 -0

data/sass/vital/_notice.sass CHANGED Viewed

@@ -7,7 +7,8 @@
   text-align: center
   .section
     position: relative
-    padding-right: 3em
+    padding: 1em
+    padding-right: 4em
   i.icon-close-outline
     cursor: pointer
     font-size: 2em
@@ -17,4 +18,4 @@
     top: 0
     &:hover
       &:before
-        content: $font-icons-icon-close
+        background-image: url($icon-close)

data/sass/vital/_variables.sass CHANGED Viewed

@@ -2,133 +2,154 @@
 // Fonts
-$vital-sass-asset-helper:      false !default
+$vital-sass-asset-helper:             false !default
-$font:                         "Helvetica Neue", Helvetica, Sans-Serif !default
-$code:                         "Monaco", Menlo, Courier !default
-$icons:                        "icons", helvetica, Sans-Serif !default
+$font:                                "Helvetica Neue", Helvetica, Sans-Serif !default
+$code:                                "Monaco", Menlo, Courier !default
+$icons:                               "icons", helvetica, Sans-Serif !default
 // App Colors
-$header:                       #FFF !default
-$notice:                       #FFE0A3 !default
-$body:                         #FAFAFA !default
-$page:                         #FFF !default
+$notice:                              #FFE0A3 !default
+$body:                                #FAFAFA !default
+$page:                                #FFF !default
 // Base Colors
-$white:                        #FFF !default
-$gray-lightest:                #F9F9F9 !default
-$gray-lighter:                 #EEE !default
-$gray-light:                   #BBB !default
-$gray-medium:                  #999 !default
-$gray:                         #666 !default
-$gray-dark:                    #333 !default
-$black:                        #000 !default
-$red:                          #C9282E !default
-$red-bright:                   #FF0008 !default
-$orange:                       #E16E00 !default
-$yellow:                       #D5B778 !default
-$green:                        #6BAF56 !default
-$blue:                         #5A9FC8 !default
+$white:                               #FFF !default
+$black:                               #000 !default
-// Background Colors
+$gray-dark:                           #333 !default
+$gray:                                #666 !default
+$gray-medium:                         #999 !default
+$gray-light:                          #BBB !default
+$gray-lighter:                        #EEE !default
+$gray-lightest:                       #F9F9F9 !default
-$bg-gray-lgihter:              $gray-lighter !default
-$bg-transparent:               rgba(0,0,0,0.1) !default
-$bg-tab:                       $gray-light !default
+$red-dark:                            #AA2227 !default
+$red:                                 #C9282E !default
+$red-bright:                          #FF0008 !default
-// Gradated Background Colors
+$orange:                              #E16E00 !default
+$orange-bright:                       #F97908 !default
+$yellow:                              #D5B778 !default
+$yellow-bright:                       #F1CE86 !default
+$green:                               #6BAF56 !default
+$green-bright:                        #85DB6A !default
-$bg-red:                       linear-gradient(to bottom right, #C9282E, #A60052) !default
-$bg-red-fallback:              #A8002D !default
+$blue:                                #5A9FC8 !default
+$blue-bright:                         #66B7E7 !default
-$bg-black:                     linear-gradient(to bottom right, #222, #333) !default
-$bg-black-fallback:            #252525 !default
+// Background Colors
-$bg-green:                     linear-gradient(to bottom right, #73B558, #45D093) !default
-$bg-green-fallback:            #52BB5C !default
+$bg-gray-lgihter:                     $gray-lighter !default
+$bg-transparent:                      rgba(0,0,0,0.1) !default
+$bg-tab:                              $gray-light !default
-$bg-gray:                      linear-gradient(to bottom right, #888, #CCC) !default
-$bg-gray-fallback:             #9A9A9A !default
+// Gradated Background Colors
-$bg-blue:                      linear-gradient(to bottom right, #25639A, #1F9CEA) !default
-$bg-blue-fallback:             #1C6AB9 !default
+$bg-default:                          linear-gradient(to bottom right, #4B99CB, #91E1B9) !default
+$bg-default-fallback:                 #4B99CB !default
+$bg-red:                              linear-gradient(to bottom right, #C9282E, #A60052) !default
+$bg-red-fallback:                     #A8002D !default
+$bg-orange:                           linear-gradient(to bottom right, #EE495C, #F09259) !default
+$bg-orange-fallback:                  #EE495C !default
+$bg-green:                            linear-gradient(to bottom right, #73B558, #45D093) !default
+$bg-green-fallback:                   #52BB5C !default
+$bg-blue:                             linear-gradient(to bottom right, #25639A, #1F9CEA) !default
+$bg-blue-fallback:                    #1C6AB9 !default
+$bg-black:                            linear-gradient(to bottom right, #222, #333) !default
+$bg-black-fallback:                   #252525 !default
+$bg-gray:                             linear-gradient(to bottom right, #888, #CCC) !default
+$bg-gray-fallback:                    #9A9A9A !default
+$bg-gray-medium:                      linear-gradient(to bottom right, #666, #777) !default
+$bg-gray-medium-fallback:             #666 !default
+$bg-gray-light:                       linear-gradient(to bottom right, #DDD, #EEE) !default
+$bg-gray-light-fallback:              #DDD !default
+$bg-gray-lighter:                     linear-gradient(to bottom right, #EEE, #f9f9f9) !default
+$bg-gray-lighter-fallback:            #EEE !default
+$bg-gray-lightest:                    linear-gradient(to bottom right, #F9F9F9, #FFF) !default
+$bg-gray-lightest-fallback:           #F9F9F9 !default
 // Hover
-$link:                         $red !default
-$hover:                        $red-bright !default
-$focus:                        rgba(255,0,0,0.2) !default
+$link:                                $red !default
+$hover:                               $red-bright !default
+$focus:                               rgba(255,0,0,0.2) !default
 // Header
-$header-height:                4.25em !default
-$header-link-hover:            #F5F5F5 !default
+$header-background-color:             #FFF !default
+$header-dropdown-menu-padding:        1.24em 1.3em !default
+$header-dropdown-submenu-padding:     0.7em 1.5em !default
+$header-height:                       4.25em !default
+$header-link-hover:                   #EEE !default
+$header-link:                         #333 !default
+$header-menu-background-color-dark:   #222 !default
+$header-menu-background-color:        #FFF !default
+$header-menu-border-color-dark:       #111 !default
+$header-menu-border-color:            #EEE !default
+$header-menu-line-height:             1.82 !default
+$header:                              #FFF !default
 // Typography
-$text:                         #444 !default
-$bold:                         500 !default
+$text:                                #444 !default
+$bold:                                500 !default
 // Transitions
-$standard-animation-speed:     200ms !default
-$all:                          all $standard-animation-speed ease-in-out !default
-$color:                        color $standard-animation-speed ease-in-out !default
+$standard-animation-speed:            200ms !default
+$all:                                 all $standard-animation-speed ease-in-out !default
+$color:                               color $standard-animation-speed ease-in-out !default
 // GPU Trickery
-$translate:                    translateZ(0) !default
+$translate:                           translateZ(0) !default
 // Radius
-$radius:                       0.15em !default
-$round:                        99em !default
+$radius:                              0.15em !default
+$round:                               99em !default
 // Grid
-$grid-padding:                 2% !default
+$grid-padding:                        2% !default
 // Loaders
-$loader-large:                 48px !default
-$loader:                       32px !default
-$loader-small:                 16px !default
-$loader-smallest:              9px !default
+$loader-large:                        48px !default
+$loader:                              32px !default
+$loader-small:                        16px !default
+$loader-smallest:                     9px !default
 // Forms
-$size:                         1em !default
-$border-width:                 1px !default
-$input-left-right-padding:     0.5em !default
-$input-checkbox-checked:       $link !default
-$input-background-color:       #FFF !default
-$input-height:                 2.7em !default
+$size:                                1em !default
+$border-width:                        1px !default
+$input-left-right-padding:            0.5em !default
+$input-checkbox-checked:              $link !default
+$input-background-color:              #FFF !default
+$input-background-color-hover:        #F8F8F8 !default
+$input-height:                        2.7em !default
 // Breakpoints
-$desktop-large:                1680px !default
-$desktop:                      1440px !default
-$laptop:                       1280px !default
-$tablet:                       1080px !default
-$phablet:                      860px !default
-$phablet-handheld:             780px !default
-$handheld:                     667px !default
-$handheld-portrait:            334px !default
+$desktop-large:                       1680px !default
+$desktop:                             1440px !default
+$laptop:                              1280px !default
+$tablet:                              1080px !default
+$phablet:                             860px !default
+$phablet-handheld:                    780px !default
+$handheld:                            667px !default
+$handheld-portrait:                   334px !default
 // Characters
-$non-breaking-space:           '\00a0' !default
-// Mixins
-@mixin appearance-none
-  -moz-appearance:             none
-  -o-appearance:               none
-  -ms-appearance:              none
-  -webkit-appearance:          none
-  appearance:                  none
+$non-breaking-space:                  '\00a0' !default
 // Vectors

data/sass/vital/layouts/_background_cards.sass ADDED Viewed

@@ -0,0 +1,44 @@
+// Background cards
+.boxed-image,
+.boxed-action,
+.boxed-meta
+  position: absolute
+.boxed-image,
+.boxed-action
+  top: 0
+  left: 0
+  right: 0
+  bottom: 0
+.boxed-image
+  @include background-size(cover)
+.boxed-meta
+  bottom: 0
+  z-index: 1
+.boxed-action
+  opacity: 0
+  padding: 20% 0 0
+  z-index: 2
+.boxed
+  padding-top: 80%
+  position: relative
+  text-align: center
+  &:hover
+    .boxed-action
+      background: rgba(255, 255, 255, .7)
+      opacity: 1
+      transition: $all
+@media screen and (max-width: $tablet)
+  .boxed-backgrounds
+    [class*='col-']
+      width: 50%
+    .clear
+      display: none
+@media screen and (max-width: $handheld)
+  .boxed-backgrounds
+    [class*='col-']
+      width: 100%

data/sass/vital/layouts/_bordered_lists.sass ADDED Viewed

@@ -0,0 +1,13 @@
+// Lists
+.bordered-list
+  margin: 0
+  a
+    display: block
+    padding: 1em
+  li
+    border-top: 1px solid #eee
+    &:first-child
+      border-top: 0
+  .here
+    background: #fff

data/sass/vital/layouts/_feed_cards.sass ADDED Viewed

@@ -0,0 +1,13 @@
+// Post cards
+.feed-card
+  background: #FFF
+  box-shadow: 0 .1em .2em rgba(0, 0, 0, .05)
+  padding: 1em
+  margin: 0.3em
+  img
+    border-radius: 0
+    height: auto
+    width: 100%
+  *
+    margin: 0.2em 0

data/sass/vital/layouts/_photo_collages.sass ADDED Viewed

@@ -0,0 +1,31 @@
+// Photo collages
+.boxed-text
+  position: relative
+  [class*='bg-']
+    @include background-size(cover)
+  .boxed-text-outer
+    position: relative
+    top: 0
+    padding-bottom: 30%
+  .boxed-text-content
+    position: absolute
+    top: 0
+    left: 0
+    right: 0
+    bottom: 0
+    padding: 1em
+    color: #FFF
+    *
+      margin: 0
+    &:after
+      content: ''
+    &:hover
+      background: rgba(0,0,0,0.3)
+      transition: $all
+@media screen and (max-width: $handheld)
+  .boxed-text
+    .filler
+      padding-bottom: 80%

data/vital.gemspec CHANGED Viewed

@@ -18,6 +18,5 @@ Gem::Specification.new do |spec|
   spec.add_dependency 'sass', '>= 3.4'
   spec.add_development_dependency 'bundler', '~> 1.11'
-  spec.add_development_dependency 'fontcustom', '>= 1.3'
   spec.add_development_dependency 'rake', '~> 10.0'
 end

metadata CHANGED Viewed

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: vital
 version: !ruby/object:Gem::Version
-  version: 1.2.1
+  version: 2.0.0
 platform: ruby
 authors:
 - Body Taing
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2016-11-09 00:00:00.000000000 Z
+date: 2017-02-07 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -39,20 +39,6 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '1.11'
-- !ruby/object:Gem::Dependency
-  name: fontcustom
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '1.3'
-  type: :development
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '1.3'
 - !ruby/object:Gem::Dependency
   name: rake
   requirement: !ruby/object:Gem::Requirement
@@ -90,15 +76,6 @@ files:
 - dist/css/vital.css.map
 - dist/css/vital.min.css
 - dist/css/vital.min.css.map
-- dist/fonts/icons.eot
-- dist/fonts/icons.svg
-- dist/fonts/icons.ttf
-- dist/fonts/icons.woff
-- fontcustom.yml
-- fonts/icons.eot
-- fonts/icons.svg
-- fonts/icons.ttf
-- fonts/icons.woff
 - lib/vital.rb
 - lib/vital/engine.rb
 - lib/vital/version.rb
@@ -132,6 +109,7 @@ files:
 - sass/vital/_heroes.sass
 - sass/vital/_icons.sass
 - sass/vital/_loaders.sass
+- sass/vital/_mixins.sass
 - sass/vital/_normalize.sass
 - sass/vital/_notice.sass
 - sass/vital/_pagination.sass
@@ -140,6 +118,10 @@ files:
 - sass/vital/_tables.sass
 - sass/vital/_tabs.sass
 - sass/vital/_variables.sass
+- sass/vital/layouts/_background_cards.sass
+- sass/vital/layouts/_bordered_lists.sass
+- sass/vital/layouts/_feed_cards.sass
+- sass/vital/layouts/_photo_collages.sass
 - vital.gemspec
 homepage: https://doximity.github.io/vital/
 licenses: []

data/dist/fonts/icons.eot DELETED Viewed

Binary file

data/dist/fonts/icons.svg DELETED Viewed

@@ -1,50 +0,0 @@
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
-<!--
-2016-6-17: Created with FontForge (http://fontforge.org)
--->
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
-<metadata>
-Created by FontForge 20160407 at Fri Jun 17 12:02:19 2016
- By Body Taing
-Copyright (c) 2016, Body Taing
-</metadata>
-<defs>
-<font id="icons" horiz-adv-x="512" >
-  <font-face
-    font-family="icons"
-    font-weight="400"
-    font-stretch="normal"
-    units-per-em="512"
-    panose-1="2 0 5 3 0 0 0 0 0 0"
-    ascent="448"
-    descent="-64"
-    bbox="0 -64 512 448"
-    underline-thickness="25.6"
-    underline-position="-51.2"
-    unicode-range="U+0020-F107"
-  />
-    <missing-glyph />
-    <glyph glyph-name="space" unicode=" " horiz-adv-x="200"
- />
-    <glyph glyph-name="uniF103" unicode="&#xf103;"
-d="M437 373c100 -100 100 -262 0 -362s-262 -100 -362 0s-100 262 0 362s262 100 362 0zM374 88l-104 104l104 104l-14 14l-104 -104l-104 104l-14 -15l103 -103l-103 -103l14 -15l104 104l104 -104z" />
-    <glyph glyph-name="uniF105" unicode="&#xf105;"
-d="M437 373c100 -100 100 -262 0 -362s-262 -100 -362 0s-100 262 0 362s262 100 362 0zM422 26c92 92 92 241 0 332s-241 92 -332 0s-92 -241 0 -332s241 -91 332 0zM360 310l14 -14l-104 -104l104 -104l-14 -14l-104 104l-104 -104l-14 15l103 103l-103 103l14 15
-l104 -104z" />
-    <glyph glyph-name="uniF101" unicode="&#xf101;" horiz-adv-x="257"
-d="M91 100c-3 -3 -7 -5 -11 -5s-7 3 -10 6l-70 69l22 22l59 -58l155 156l21 -23z" />
-    <glyph glyph-name="uniF106" unicode="&#xf106;"
-d="M0 357h512v-21h-512v21zM0 203h512v-20h-512v20zM0 50h512v-21h-512v21z" />
-    <glyph glyph-name="uniF104" unicode="&#xf104;" horiz-adv-x="236"
-d="M222 311l14 -14l-104 -104l104 -104l-14 -14l-104 103l-104 -103l-14 15l103 103l-103 103l14 15l104 -104z" />
-    <glyph glyph-name="uniF100" unicode="&#xf100;" horiz-adv-x="274"
-d="M0 235h274l-137 213l-137 -213zM274 150h-274l137 -213l137 213z" />
-    <glyph glyph-name="uniF107" unicode="&#xf107;" horiz-adv-x="507"
-d="M463 176c24 0 44 -20 44 -44c0 -25 -20 -45 -44 -45c-19 0 -36 12 -42 29h-47c-6 0 -12 4 -14 10l-15 44l-46 -161c-2 -6 -8 -10 -14 -10h-1c-7 0 -13 4 -14 11l-47 285l-42 -168c-2 -6 -8 -11 -15 -11l-166 16s146 12 149 12c1 0 5 -1 6 2c0 2 0 1 0 1l56 225
-c2 7 7 12 15 12s13 -6 14 -13l49 -291l41 144c2 6 8 10 14 10v0c6 0 12 -4 14 -10l27 -79h36c6 18 22 31 42 31z" />
-    <glyph glyph-name="uniF102" unicode="&#xf102;"
-d="M256 448c141 0 256 -115 256 -256s-115 -256 -256 -256s-256 115 -256 256s115 256 256 256zM256 428c-130 0 -236 -106 -236 -236s106 -236 236 -236s236 106 236 236s-106 236 -236 236zM387 345c3 1 7 -1 9 -3c4 -4 4 -10 0 -14l-113 -122c2 -4 4 -9 4 -14
-c0 -8 -3 -15 -8 -20l42 -79c3 -5 1 -11 -4 -14s-11 -1 -14 4l-42 79c-2 0 -3 -1 -5 -1c-17 0 -31 14 -31 31s14 31 31 31c4 0 8 -1 12 -3l113 122c2 2 4 3 6 3z" />
-  </font>
-</defs></svg>