sul_styles 0.3.0 → 0.4.0

data/app/assets/stylesheets/_sul-icons.scss

@@ -23,10 +23,12 @@
 [data-icon]:before { content: attr(data-icon); }
 
 [data-icon]:before,
+.sul-i-arrow-down-8:before,
 .sul-i-arrow-left-3:before,
 .sul-i-arrow-left-8:before,
 .sul-i-arrow-right-3:before,
 .sul-i-arrow-right-8:before,
+.sul-i-arrow-up-8:before,
 .sul-i-book-open-4:before,
 .sul-i-bookmark-all-1:before,
 .sul-i-books-library:before,
@@ -38,7 +40,16 @@
 .sul-i-download-3:before,
 .sul-i-email:before,
 .sul-i-expand-1:before,
+.sul-i-file-acrobat:before,
+.sul-i-file-code-1:before,
+.sul-i-file-excel:before,
 .sul-i-file-music-1:before,
+.sul-i-file-picture:before,
+.sul-i-file-powerpoint:before,
+.sul-i-file-text-document:before,
+.sul-i-file-video-3:before,
+.sul-i-file-words:before,
+.sul-i-file-zipped:before,
 .sul-i-graph-bar-2:before,
 .sul-i-infomation-circle:before,
 .sul-i-key-2:before,
@@ -86,10 +97,12 @@
   font-smoothing: antialiased;
 }
 
+.sul-i-arrow-down-8:before { content: "\f13e"; }
 .sul-i-arrow-left-3:before { content: "\f108"; }
 .sul-i-arrow-left-8:before { content: "\f109"; }
 .sul-i-arrow-right-3:before { content: "\f10a"; }
 .sul-i-arrow-right-8:before { content: "\f10b"; }
+.sul-i-arrow-up-8:before { content: "\f13f"; }
 .sul-i-book-open-4:before { content: "\f10c"; }
 .sul-i-bookmark-all-1:before { content: "\f10d"; }
 .sul-i-books-library:before { content: "\f10e"; }
@@ -101,7 +114,16 @@
 .sul-i-download-3:before { content: "\f106"; }
 .sul-i-email:before { content: "\f114"; }
 .sul-i-expand-1:before { content: "\f115"; }
+.sul-i-file-acrobat:before { content: "\f13a"; }
+.sul-i-file-code-1:before { content: "\f137"; }
+.sul-i-file-excel:before { content: "\f13b"; }
 .sul-i-file-music-1:before { content: "\f116"; }
+.sul-i-file-picture:before { content: "\f136"; }
+.sul-i-file-powerpoint:before { content: "\f13d"; }
+.sul-i-file-text-document:before { content: "\f139"; }
+.sul-i-file-video-3:before { content: "\f138"; }
+.sul-i-file-words:before { content: "\f13c"; }
+.sul-i-file-zipped:before { content: "\f134"; }
 .sul-i-graph-bar-2:before { content: "\f117"; }
 .sul-i-infomation-circle:before { content: "\f104"; }
 .sul-i-key-2:before { content: "\f118"; }
@@ -136,10 +158,12 @@
 .sul-i-window-search:before { content: "\f132"; }
 .sul-i-zoom-in:before { content: "\f133"; }
 
+$font-sul-icons-arrow-down-8: "\f13e";
 $font-sul-icons-arrow-left-3: "\f108";
 $font-sul-icons-arrow-left-8: "\f109";
 $font-sul-icons-arrow-right-3: "\f10a";
 $font-sul-icons-arrow-right-8: "\f10b";
+$font-sul-icons-arrow-up-8: "\f13f";
 $font-sul-icons-book-open-4: "\f10c";
 $font-sul-icons-bookmark-all-1: "\f10d";
 $font-sul-icons-books-library: "\f10e";
@@ -151,7 +175,16 @@ $font-sul-icons-cube: "\f113";
 $font-sul-icons-download-3: "\f106";
 $font-sul-icons-email: "\f114";
 $font-sul-icons-expand-1: "\f115";
+$font-sul-icons-file-acrobat: "\f13a";
+$font-sul-icons-file-code-1: "\f137";
+$font-sul-icons-file-excel: "\f13b";
 $font-sul-icons-file-music-1: "\f116";
+$font-sul-icons-file-picture: "\f136";
+$font-sul-icons-file-powerpoint: "\f13d";
+$font-sul-icons-file-text-document: "\f139";
+$font-sul-icons-file-video-3: "\f138";
+$font-sul-icons-file-words: "\f13c";
+$font-sul-icons-file-zipped: "\f134";
 $font-sul-icons-graph-bar-2: "\f117";
 $font-sul-icons-infomation-circle: "\f104";
 $font-sul-icons-key-2: "\f118";

data/app/assets/stylesheets/styleguide/styleguide.scss

@@ -3,6 +3,10 @@
 */
 @import '../sul-styles';
 
+@import '../sul-icons-rails';
+@import '../sul-icons-aliases';
+@import '../sul-icons/helpers';
+
 @mixin flexcontainer {
   display: flex;
   flex-flow: row wrap;  
@@ -48,5 +52,4 @@ body {
 
 .icon-example {
   color: $color-black-80;
-  font-size: 40px;
 }

data/app/assets/stylesheets/sul-icons/_helpers.scss

@@ -0,0 +1,15 @@
+// Helper classes to be used alongside sul-icons
+
+// Icon Sizes
+// -------------------------
+
+/* makes the font 33% larger relative to the icon container */
+.sul-i-lg {
+  font-size: (4em / 3);
+  line-height: (3em / 4);
+  vertical-align: -15%;
+}
+.sul-i-2x { font-size: 2em; }
+.sul-i-3x { font-size: 3em; }
+.sul-i-4x { font-size: 4em; }
+.sul-i-5x { font-size: 5em; }

data/app/assets/stylesheets/sul-icons/build.scss

@@ -0,0 +1,2 @@
+@import 'helpers';
+@import '../sul-icons';

data/app/assets/stylesheets/sul-styles.scss

@@ -1,5 +1,3 @@
 
 @import 'sul-styles/su_web_colors';
 @import 'sul-styles/su_primary_colors';
-@import 'sul-icons-rails';
-@import 'sul-icons-aliases';

data/app/controllers/sul_styles/style_guide_controller.rb

@@ -13,19 +13,7 @@ module SulStyles
     end
 
     def colors
-      @colors = []
-      @colors << parse_colors("#{SulStyles::Engine.root}/app/assets/stylesheet"\
-      's/sul-styles/su_primary_colors.scss')
-      @colors << parse_colors("#{SulStyles::Engine.root}/app/assets/stylesheet"\
-        's/sul-styles/su_web_colors.scss')
-    end
-
-    def parse_colors(file_name)
-      file = File.read(file_name)
-      {
-        title: file.match(/(?<=\/\*\n)(.*)(?=\*\/)/m).to_s,
-        colors: file.scan(/^\$.*;$/).map { |c| c.split(':') }
-      }
+      @colors = SULStyles::Colors.new.all
     end
 
     def parse_icons(file_name)

data/app/views/layouts/styleguide.html.erb

@@ -9,10 +9,10 @@
 <div class='navigation'>
   <ul>
     <li>
-      <%= link_to 'Colors', 'colors' %>
+      <%= link_to 'Colors', colors_path %>
     </li>
     <li>
-      <%= link_to 'Icons', 'icons' %>
+      <%= link_to 'Icons', icons_path %>
     </li>
   </ul>
 </div>

data/app/views/sul_styles/style_guide/colors.html.erb

@@ -1,16 +1,16 @@
 <h2>Colors</h2>
 <% @colors.each do |color_group| %>
-  <h3><%= color_group[:title] %></h3>
+  <h3><%= color_group.title %></h3>
   <div class='color-sample-container'>
-    <% color_group[:colors].each do |color| %>
+    <% color_group.colors.each do |color| %>
       <div class='color-sample'>
-        <div class='color-swatch' style='background-color: <%= color[1] %>'>
+        <div class='color-swatch' style='background-color: <%= color.value %>'>
         </div>
         <div class='color-variable-name'>
-          <%= color[0] %>
+          <%= color.variable %>
         </div>
         <div class='color-name'>
-          <%= color[1] %>
+          <%= color.value %>;
         </div>
       </div>
     <% end %>

data/app/views/sul_styles/style_guide/icons.html.erb

@@ -4,7 +4,7 @@ Icons are created using the Streamline icon sets. For maintainability, icons kee
   <div class='icon-container'>
     <% icon_group[:icons].each do |icon| %>
       <div class='icon-example-container'>
-        <%= content_tag(:div, '', class: "#{icon[0]} icon-example") %>
+        <%= content_tag(:div, '', class: "#{icon[0]} icon-example sul-i-2x") %>
         <div class='icon-example-name'>
           <%= icon[0] %>
         </div>

data/config/deploy/development.rb

@@ -0,0 +1,6 @@
+set :deploy_host, ask('Server', 'e.g. server.stanford.edu')
+
+server fetch(:deploy_host), user: fetch(:user), roles: %w{web db app}
+
+Capistrano::OneTimeKey.generate_one_time_key!
+set :rails_env, 'development'

data/config/deploy/production.rb

@@ -0,0 +1,6 @@
+set :deploy_host, ask('Server', 'e.g. server.stanford.edu')
+
+server fetch(:deploy_host), user: fetch(:user), roles: %w{web db app}
+
+Capistrano::OneTimeKey.generate_one_time_key!
+set :rails_env, 'development'

data/config/deploy/staging.rb

@@ -0,0 +1,6 @@
+set :deploy_host, ask('Server', 'e.g. server.stanford.edu')
+
+server fetch(:deploy_host), user: fetch(:user), roles: %w{web db app}
+
+Capistrano::OneTimeKey.generate_one_time_key!
+set :rails_env, 'development'

data/config/deploy.rb

@@ -0,0 +1,21 @@
+# config valid only for current version of Capistrano
+lock '3.4.0'
+
+set :application, 'sul_styles'
+
+# Default branch is :master
+# ask :branch, `git rev-parse --abbrev-ref HEAD`.chomp
+ask :user, proc { `whoami`.chomp }.call
+set :home_directory, "/opt/app/#{fetch(:user)}"
+
+# Default deploy_to directory is /var/www/my_app_name
+set :deploy_to, "#{fetch(:home_directory)}/#{fetch(:application)}"
+
+# Default value for :scm is :git
+# set :scm, :git
+
+# Default value for :format is :pretty
+# set :format, :pretty
+
+# Default value for :log_level is :debug
+set :log_level, :info

data/dist/0.3.0/sul-icons.css

@@ -0,0 +1,222 @@
+@font-face {
+  font-family: "sul-icons";
+  src: url("sul-icons.eot");
+  src: url("sul-icons.eot?#iefix") format("embedded-opentype"), url("sul-icons.woff") format("woff"), url("sul-icons.ttf") format("truetype"), url("sul-icons.svg#sul-icons") format("svg");
+  font-weight: normal;
+  font-style: normal; }
+@media screen and (-webkit-min-device-pixel-ratio: 0) {
+  @font-face {
+    font-family: "sul-icons";
+    src: url("sul-icons.svg#sul-icons") format("svg"); } }
+[data-icon]:before {
+  content: attr(data-icon); }
+
+[data-icon]:before,
+.sul-i-arrow-left-3:before,
+.sul-i-arrow-left-8:before,
+.sul-i-arrow-right-3:before,
+.sul-i-arrow-right-8:before,
+.sul-i-book-open-4:before,
+.sul-i-bookmark-all-1:before,
+.sul-i-books-library:before,
+.sul-i-box-1:before,
+.sul-i-bubble-chat-2:before,
+.sul-i-camera-film-1:before,
+.sul-i-check-box-1:before,
+.sul-i-cube:before,
+.sul-i-download-3:before,
+.sul-i-email:before,
+.sul-i-expand-1:before,
+.sul-i-file-music-1:before,
+.sul-i-graph-bar-2:before,
+.sul-i-infomation-circle:before,
+.sul-i-key-2:before,
+.sul-i-layout-4:before,
+.sul-i-layout-none:before,
+.sul-i-link-3:before,
+.sul-i-list-bullets-1:before,
+.sul-i-map-pin-1:before,
+.sul-i-microphone-3:before,
+.sul-i-mobile-phone-2:before,
+.sul-i-mouse:before,
+.sul-i-navigation-drawer-1:before,
+.sul-i-navigation-drawer-2:before,
+.sul-i-navigation-left-2:before,
+.sul-i-network-web:before,
+.sul-i-news-article:before,
+.sul-i-newspaper:before,
+.sul-i-notebook:before,
+.sul-i-person-1:before,
+.sul-i-person-information-1:before,
+.sul-i-picture-2:before,
+.sul-i-plug-1:before,
+.sul-i-print-text:before,
+.sul-i-quote-1:before,
+.sul-i-search:before,
+.sul-i-share:before,
+.sul-i-transfer-3:before,
+.sul-i-turntable:before,
+.sul-i-view-headline:before,
+.sul-i-view-list:before,
+.sul-i-view-module-1:before,
+.sul-i-window-search:before,
+.sul-i-zoom-in:before {
+  display: inline-block;
+  font-family: "sul-icons";
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  line-height: 1;
+  text-decoration: inherit;
+  text-rendering: optimizeLegibility;
+  text-transform: none;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  font-smoothing: antialiased; }
+
+.sul-i-arrow-left-3:before {
+  content: "\f108"; }
+
+.sul-i-arrow-left-8:before {
+  content: "\f109"; }
+
+.sul-i-arrow-right-3:before {
+  content: "\f10a"; }
+
+.sul-i-arrow-right-8:before {
+  content: "\f10b"; }
+
+.sul-i-book-open-4:before {
+  content: "\f10c"; }
+
+.sul-i-bookmark-all-1:before {
+  content: "\f10d"; }
+
+.sul-i-books-library:before {
+  content: "\f10e"; }
+
+.sul-i-box-1:before {
+  content: "\f10f"; }
+
+.sul-i-bubble-chat-2:before {
+  content: "\f110"; }
+
+.sul-i-camera-film-1:before {
+  content: "\f111"; }
+
+.sul-i-check-box-1:before {
+  content: "\f112"; }
+
+.sul-i-cube:before {
+  content: "\f113"; }
+
+.sul-i-download-3:before {
+  content: "\f106"; }
+
+.sul-i-email:before {
+  content: "\f114"; }
+
+.sul-i-expand-1:before {
+  content: "\f115"; }
+
+.sul-i-file-music-1:before {
+  content: "\f116"; }
+
+.sul-i-graph-bar-2:before {
+  content: "\f117"; }
+
+.sul-i-infomation-circle:before {
+  content: "\f104"; }
+
+.sul-i-key-2:before {
+  content: "\f118"; }
+
+.sul-i-layout-4:before {
+  content: "\f119"; }
+
+.sul-i-layout-none:before {
+  content: "\f11a"; }
+
+.sul-i-link-3:before {
+  content: "\f107"; }
+
+.sul-i-list-bullets-1:before {
+  content: "\f11b"; }
+
+.sul-i-map-pin-1:before {
+  content: "\f11c"; }
+
+.sul-i-microphone-3:before {
+  content: "\f11d"; }
+
+.sul-i-mobile-phone-2:before {
+  content: "\f11e"; }
+
+.sul-i-mouse:before {
+  content: "\f11f"; }
+
+.sul-i-navigation-drawer-1:before {
+  content: "\f120"; }
+
+.sul-i-navigation-drawer-2:before {
+  content: "\f121"; }
+
+.sul-i-navigation-left-2:before {
+  content: "\f122"; }
+
+.sul-i-network-web:before {
+  content: "\f123"; }
+
+.sul-i-news-article:before {
+  content: "\f124"; }
+
+.sul-i-newspaper:before {
+  content: "\f125"; }
+
+.sul-i-notebook:before {
+  content: "\f126"; }
+
+.sul-i-person-1:before {
+  content: "\f127"; }
+
+.sul-i-person-information-1:before {
+  content: "\f128"; }
+
+.sul-i-picture-2:before {
+  content: "\f129"; }
+
+.sul-i-plug-1:before {
+  content: "\f12a"; }
+
+.sul-i-print-text:before {
+  content: "\f12b"; }
+
+.sul-i-quote-1:before {
+  content: "\f12c"; }
+
+.sul-i-search:before {
+  content: "\f12d"; }
+
+.sul-i-share:before {
+  content: "\f105"; }
+
+.sul-i-transfer-3:before {
+  content: "\f12e"; }
+
+.sul-i-turntable:before {
+  content: "\f12f"; }
+
+.sul-i-view-headline:before {
+  content: "\f130"; }
+
+.sul-i-view-list:before {
+  content: "\f131"; }
+
+.sul-i-view-module-1:before {
+  content: "\f102"; }
+
+.sul-i-window-search:before {
+  content: "\f132"; }
+
+.sul-i-zoom-in:before {
+  content: "\f133"; }

data/dist/0.3.0/sul-icons.min.css

@@ -0,0 +1 @@
+@font-face{font-family:"sul-icons";src:url("sul-icons.eot");src:url("sul-icons.eot?#iefix") format("embedded-opentype"),url("sul-icons.woff") format("woff"),url("sul-icons.ttf") format("truetype"),url("sul-icons.svg#sul-icons") format("svg");font-weight:normal;font-style:normal}@media screen and (-webkit-min-device-pixel-ratio: 0){@font-face{font-family:"sul-icons";src:url("sul-icons.svg#sul-icons") format("svg")}}[data-icon]:before{content:attr(data-icon)}[data-icon]:before,.sul-i-arrow-left-3:before,.sul-i-arrow-left-8:before,.sul-i-arrow-right-3:before,.sul-i-arrow-right-8:before,.sul-i-book-open-4:before,.sul-i-bookmark-all-1:before,.sul-i-books-library:before,.sul-i-box-1:before,.sul-i-bubble-chat-2:before,.sul-i-camera-film-1:before,.sul-i-check-box-1:before,.sul-i-cube:before,.sul-i-download-3:before,.sul-i-email:before,.sul-i-expand-1:before,.sul-i-file-music-1:before,.sul-i-graph-bar-2:before,.sul-i-infomation-circle:before,.sul-i-key-2:before,.sul-i-layout-4:before,.sul-i-layout-none:before,.sul-i-link-3:before,.sul-i-list-bullets-1:before,.sul-i-map-pin-1:before,.sul-i-microphone-3:before,.sul-i-mobile-phone-2:before,.sul-i-mouse:before,.sul-i-navigation-drawer-1:before,.sul-i-navigation-drawer-2:before,.sul-i-navigation-left-2:before,.sul-i-network-web:before,.sul-i-news-article:before,.sul-i-newspaper:before,.sul-i-notebook:before,.sul-i-person-1:before,.sul-i-person-information-1:before,.sul-i-picture-2:before,.sul-i-plug-1:before,.sul-i-print-text:before,.sul-i-quote-1:before,.sul-i-search:before,.sul-i-share:before,.sul-i-transfer-3:before,.sul-i-turntable:before,.sul-i-view-headline:before,.sul-i-view-list:before,.sul-i-view-module-1:before,.sul-i-window-search:before,.sul-i-zoom-in:before{display:inline-block;font-family:"sul-icons";font-style:normal;font-weight:normal;font-variant:normal;line-height:1;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-smoothing:antialiased}.sul-i-arrow-left-3:before{content:"\f108"}.sul-i-arrow-left-8:before{content:"\f109"}.sul-i-arrow-right-3:before{content:"\f10a"}.sul-i-arrow-right-8:before{content:"\f10b"}.sul-i-book-open-4:before{content:"\f10c"}.sul-i-bookmark-all-1:before{content:"\f10d"}.sul-i-books-library:before{content:"\f10e"}.sul-i-box-1:before{content:"\f10f"}.sul-i-bubble-chat-2:before{content:"\f110"}.sul-i-camera-film-1:before{content:"\f111"}.sul-i-check-box-1:before{content:"\f112"}.sul-i-cube:before{content:"\f113"}.sul-i-download-3:before{content:"\f106"}.sul-i-email:before{content:"\f114"}.sul-i-expand-1:before{content:"\f115"}.sul-i-file-music-1:before{content:"\f116"}.sul-i-graph-bar-2:before{content:"\f117"}.sul-i-infomation-circle:before{content:"\f104"}.sul-i-key-2:before{content:"\f118"}.sul-i-layout-4:before{content:"\f119"}.sul-i-layout-none:before{content:"\f11a"}.sul-i-link-3:before{content:"\f107"}.sul-i-list-bullets-1:before{content:"\f11b"}.sul-i-map-pin-1:before{content:"\f11c"}.sul-i-microphone-3:before{content:"\f11d"}.sul-i-mobile-phone-2:before{content:"\f11e"}.sul-i-mouse:before{content:"\f11f"}.sul-i-navigation-drawer-1:before{content:"\f120"}.sul-i-navigation-drawer-2:before{content:"\f121"}.sul-i-navigation-left-2:before{content:"\f122"}.sul-i-network-web:before{content:"\f123"}.sul-i-news-article:before{content:"\f124"}.sul-i-newspaper:before{content:"\f125"}.sul-i-notebook:before{content:"\f126"}.sul-i-person-1:before{content:"\f127"}.sul-i-person-information-1:before{content:"\f128"}.sul-i-picture-2:before{content:"\f129"}.sul-i-plug-1:before{content:"\f12a"}.sul-i-print-text:before{content:"\f12b"}.sul-i-quote-1:before{content:"\f12c"}.sul-i-search:before{content:"\f12d"}.sul-i-share:before{content:"\f105"}.sul-i-transfer-3:before{content:"\f12e"}.sul-i-turntable:before{content:"\f12f"}.sul-i-view-headline:before{content:"\f130"}.sul-i-view-list:before{content:"\f131"}.sul-i-view-module-1:before{content:"\f102"}.sul-i-window-search:before{content:"\f132"}.sul-i-zoom-in:before{content:"\f133"}