foundation_apps_styles 1.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (70) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +9 -0
  3. data/Gemfile +4 -0
  4. data/LICENSE.txt +21 -0
  5. data/README.md +41 -0
  6. data/Rakefile +13 -0
  7. data/bin/console +14 -0
  8. data/bin/setup +7 -0
  9. data/foundation_apps_styles.gemspec +24 -0
  10. data/lib/foundation_apps_styles.rb +6 -0
  11. data/lib/foundation_apps_styles/version.rb +3 -0
  12. data/vendor/assets/iconic/account.svg +44 -0
  13. data/vendor/assets/iconic/action.svg +38 -0
  14. data/vendor/assets/iconic/ban.svg +17 -0
  15. data/vendor/assets/iconic/bell.svg +22 -0
  16. data/vendor/assets/iconic/bookmark.svg +14 -0
  17. data/vendor/assets/iconic/cart.svg +35 -0
  18. data/vendor/assets/iconic/chevron.svg +28 -0
  19. data/vendor/assets/iconic/circle-check.svg +25 -0
  20. data/vendor/assets/iconic/circle-x.svg +25 -0
  21. data/vendor/assets/iconic/cog.svg +17 -0
  22. data/vendor/assets/iconic/comment-square.svg +14 -0
  23. data/vendor/assets/iconic/dashboard.svg +38 -0
  24. data/vendor/assets/iconic/document.svg +28 -0
  25. data/vendor/assets/iconic/envelope.svg +44 -0
  26. data/vendor/assets/iconic/flag.svg +24 -0
  27. data/vendor/assets/iconic/home.svg +28 -0
  28. data/vendor/assets/iconic/lock.svg +55 -0
  29. data/vendor/assets/iconic/magnifying-glass.svg +26 -0
  30. data/vendor/assets/iconic/person.svg +62 -0
  31. data/vendor/assets/iconic/reload.svg +19 -0
  32. data/vendor/assets/iconic/share-boxed.svg +17 -0
  33. data/vendor/assets/iconic/star.svg +14 -0
  34. data/vendor/assets/iconic/thumb.svg +38 -0
  35. data/vendor/assets/iconic/zoom.svg +56 -0
  36. data/vendor/assets/stylesheets/_global.scss +131 -0
  37. data/vendor/assets/stylesheets/_includes.scss +33 -0
  38. data/vendor/assets/stylesheets/_settings.scss +614 -0
  39. data/vendor/assets/stylesheets/components/_accordion.scss +72 -0
  40. data/vendor/assets/stylesheets/components/_action-sheet.scss +265 -0
  41. data/vendor/assets/stylesheets/components/_block-list.scss +360 -0
  42. data/vendor/assets/stylesheets/components/_button-group.scss +197 -0
  43. data/vendor/assets/stylesheets/components/_button.scss +205 -0
  44. data/vendor/assets/stylesheets/components/_card.scss +93 -0
  45. data/vendor/assets/stylesheets/components/_extras.scss +54 -0
  46. data/vendor/assets/stylesheets/components/_forms.scss +460 -0
  47. data/vendor/assets/stylesheets/components/_grid.scss +422 -0
  48. data/vendor/assets/stylesheets/components/_iconic.scss +95 -0
  49. data/vendor/assets/stylesheets/components/_label.scss +134 -0
  50. data/vendor/assets/stylesheets/components/_list.scss +19 -0
  51. data/vendor/assets/stylesheets/components/_menu-bar.scss +382 -0
  52. data/vendor/assets/stylesheets/components/_modal.scss +129 -0
  53. data/vendor/assets/stylesheets/components/_motion.scss +525 -0
  54. data/vendor/assets/stylesheets/components/_notification.scss +207 -0
  55. data/vendor/assets/stylesheets/components/_off-canvas.scss +169 -0
  56. data/vendor/assets/stylesheets/components/_panel.scss +134 -0
  57. data/vendor/assets/stylesheets/components/_popup.scss +68 -0
  58. data/vendor/assets/stylesheets/components/_switch.scss +134 -0
  59. data/vendor/assets/stylesheets/components/_tabs.scss +100 -0
  60. data/vendor/assets/stylesheets/components/_title-bar.scss +135 -0
  61. data/vendor/assets/stylesheets/components/_typography.scss +345 -0
  62. data/vendor/assets/stylesheets/components/_utilities.scss +160 -0
  63. data/vendor/assets/stylesheets/foundation-apps.css +6146 -0
  64. data/vendor/assets/stylesheets/foundation.scss +50 -0
  65. data/vendor/assets/stylesheets/helpers/_breakpoints.scss +154 -0
  66. data/vendor/assets/stylesheets/helpers/_functions.scss +343 -0
  67. data/vendor/assets/stylesheets/helpers/_images.scss +19 -0
  68. data/vendor/assets/stylesheets/helpers/_mixins.scss +123 -0
  69. data/vendor/assets/stylesheets/vendor/_normalize.scss +424 -0
  70. metadata +140 -0
@@ -0,0 +1,7 @@
1
+ ---
2
+ SHA1:
3
+ metadata.gz: d231eb01e128ef612f3cc1a594bfb631b4e37661
4
+ data.tar.gz: 04b1ae2a175daba84e124d51862ddbbdf99ae5b6
5
+ SHA512:
6
+ metadata.gz: dd364f90024f112270c0b75c81090ef9858dd025a2cf580ef7a2fd5239fa855da32b85beb9686daeb12db2bb248761f862a36c400969ee0c4d645de8f913d8d6
7
+ data.tar.gz: 42acd8fcbb625c297148d25ecfdb6be511f30441614a5610ba6c9467f686be14053f0022dff0306fa57357c65269c78d60cb0dd73ee0944cb0287a26046c35a5
@@ -0,0 +1,9 @@
1
+ /.bundle/
2
+ /.yardoc
3
+ /Gemfile.lock
4
+ /_yardoc/
5
+ /coverage/
6
+ /doc/
7
+ /pkg/
8
+ /spec/reports/
9
+ /tmp/
data/Gemfile ADDED
@@ -0,0 +1,4 @@
1
+ source 'https://rubygems.org'
2
+
3
+ # Specify your gem's dependencies in foundation-apps-styles.gemspec
4
+ gemspec
@@ -0,0 +1,21 @@
1
+ The MIT License (MIT)
2
+
3
+ Copyright (c) 2015 Eumir Gaspar
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in
13
+ all copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21
+ THE SOFTWARE.
@@ -0,0 +1,41 @@
1
+ # Foundation::Apps::Styles
2
+
3
+ Welcome to your new gem! In this directory, you'll find the files you need to be able to package up your Ruby library into a gem. Put your Ruby code in the file `lib/foundation/apps/styles`. To experiment with that code, run `bin/console` for an interactive prompt.
4
+
5
+ TODO: Delete this and the text above, and describe your gem
6
+
7
+ ## Installation
8
+
9
+ Add this line to your application's Gemfile:
10
+
11
+ ```ruby
12
+ gem 'foundation_apps_styles'
13
+ ```
14
+
15
+ And then execute:
16
+
17
+ $ bundle
18
+
19
+ Or install it yourself as:
20
+
21
+ $ gem install foundation_apps_styles
22
+
23
+ ## Usage
24
+
25
+ TODO: Write usage instructions here
26
+
27
+ ## Development
28
+
29
+ After checking out the repo, run `bin/setup` to install dependencies. You can also run `bin/console` for an interactive prompt that will allow you to experiment.
30
+
31
+ To install this gem onto your local machine, run `bundle exec rake install`. To release a new version, update the version number in `version.rb`, and then run `bundle exec rake release`, which will create a git tag for the version, push git commits and tags, and push the `.gem` file to [rubygems.org](https://rubygems.org).
32
+
33
+ ## Contributing
34
+
35
+ Bug reports and pull requests are welcome on GitHub at https://github.com/[USERNAME]/foundation_apps_styles.
36
+
37
+
38
+ ## License
39
+
40
+ The gem is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).
41
+
@@ -0,0 +1,13 @@
1
+ require "bundler/gem_tasks"
2
+
3
+ desc 'Download latest foundation-apps styles and assets'
4
+ task :update do
5
+ FileUtils.mkdir_p 'tmp'
6
+ system 'git clone https://github.com/zurb/foundation-apps.git tmp'
7
+ FileUtils.rm_rf ['scss', 'iconic', 'docs']
8
+ FileUtils.cp_r 'tmp/scss', '.'
9
+ FileUtils.cp_r 'tmp/iconic', '.'
10
+ FileUtils.cp_r 'tmp/docs', '.'
11
+
12
+ FileUtils.rm_rf 'tmp'
13
+ end
@@ -0,0 +1,14 @@
1
+ #!/usr/bin/env ruby
2
+
3
+ require "bundler/setup"
4
+ require "foundation_apps_styles"
5
+
6
+ # You can add fixtures and/or initialization code here to make experimenting
7
+ # with your gem easier. You can also use a different console, if you like.
8
+
9
+ # (If you use this, don't forget to add pry to your Gemfile!)
10
+ # require "pry"
11
+ # Pry.start
12
+
13
+ require "irb"
14
+ IRB.start
@@ -0,0 +1,7 @@
1
+ #!/bin/bash
2
+ set -euo pipefail
3
+ IFS=$'\n\t'
4
+
5
+ bundle install
6
+
7
+ # Do any other automated setup that you need to do here
@@ -0,0 +1,24 @@
1
+ # coding: utf-8
2
+ lib = File.expand_path('../lib', __FILE__)
3
+ $LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
4
+ require 'foundation_apps_styles/version'
5
+
6
+ Gem::Specification.new do |spec|
7
+ spec.name = "foundation_apps_styles"
8
+ spec.version = FoundationAppsStyles::VERSION
9
+ spec.authors = ["Steve Talcott Smith and Eumir Gaspar"]
10
+ spec.email = ["steve+eumir@aelogica.com"]
11
+
12
+ spec.summary = %q{Foundation for Apps without the JS}
13
+ spec.description = %q{Foundation for Apps without the JS}
14
+ spec.homepage = "https://github.com/aelogica/foundation_apps_styles"
15
+ spec.license = "MIT"
16
+
17
+ spec.files = `git ls-files -z`.split("\x0").reject { |f| f.match(%r{^(test|spec|features)/}) }
18
+ spec.bindir = "exe"
19
+ spec.executables = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
20
+ spec.require_paths = ["lib"]
21
+
22
+ spec.add_development_dependency "bundler", "~> 1.10"
23
+ spec.add_development_dependency "rake", "~> 10.0"
24
+ end
@@ -0,0 +1,6 @@
1
+ require 'foundation_apps_styles/version'
2
+
3
+ module FoundationAppsStyles
4
+ class Engine < Rails::Engine
5
+ end
6
+ end
@@ -0,0 +1,3 @@
1
+ module FoundationAppsStyles
2
+ VERSION = '1.1.0' # follows the latest foundation for apps version
3
+ end
@@ -0,0 +1,44 @@
1
+ <svg version="1.1" xmlns="http://www.w3.org/2000/svg" data-icon="account" width="128" height="128" class="iconic iconic-account" viewBox="0 0 128 128">
2
+ <g><title>Sign In &amp; Out</title></g>
3
+ <g data-width="128" data-height="128" class="iconic-lg iconic-container" display="inline">
4
+ <g class="iconic-account-login">
5
+ <path stroke="#000" stroke-width="8" stroke-linecap="square" stroke-miterlimit="10" class="iconic-account-login-entrance iconic-property-accent iconic-property-stroke" d="M46 4h78v120h-78" fill="none"/>
6
+ <path stroke="#000" stroke-width="8" stroke-linecap="square" stroke-miterlimit="10" class="iconic-account-login-arrow iconic-account-login-arrow-line iconic-property-stroke" d="M4 64h76" fill="none"/>
7
+ <path d="M90.7 63.2l-21.4-12.4c-.7-.4-1.3-.1-1.3.7v25c0 .8.6 1.2 1.3.7l21.4-12.5c.7-.4.7-1 0-1.5z" class="iconic-account-login-arrow iconic-account-login-arrow-head iconic-property-fill"/>
8
+ </g>
9
+ <g class="iconic-account-logout" display="none">
10
+ <path stroke="#000" stroke-width="8" stroke-linecap="square" stroke-miterlimit="10" class="iconic-account-logout-entrance iconic-property-accent iconic-property-stroke" d="M46 4h78v120h-78" fill="none"/>
11
+ <path stroke="#000" stroke-width="8" stroke-linecap="square" stroke-miterlimit="10" class="iconic-account-logout-arrow iconic-account-logout-arrow-line iconic-property-stroke" d="M88 64h-76" fill="none"/>
12
+ <path d="M1.3 64.8l21.4 12.5c.7.4 1.3.1 1.3-.7v-25c0-.8-.6-1.2-1.3-.7l-21.4 12.3c-.7.5-.7 1.1 0 1.6z" class="iconic-account-logout-arrow iconic-account-logout-arrow-head iconic-property-fill"/>
13
+ </g>
14
+ </g>
15
+ <g data-width="32" data-height="31" class="iconic-md iconic-container" display="none" transform="scale(4)">
16
+ <g class="iconic-account-login">
17
+ <path stroke="#000" stroke-width="3" stroke-linecap="square" stroke-miterlimit="10" class="iconic-account-login-entrance iconic-property-accent iconic-property-stroke" d="M12.5 1.5h18v28h-18" fill="none"/>
18
+ <path stroke="#000" stroke-width="3" stroke-linecap="square" stroke-miterlimit="10" class="iconic-account-login-arrow iconic-account-login-arrow-line iconic-property-stroke" d="M1.5 15.5h14.5" fill="none"/>
19
+ <path d="M20.6 15.8l-5.2 3.9c-.2.2-.4.1-.4-.2v-8c0-.3.2-.4.4-.2l5.2 3.9c.2.2.2.4 0 .6z" class="iconic-account-login-arrow iconic-account-login-arrow-head iconic-property-fill"/>
20
+ </g>
21
+ <g class="iconic-account-logout" display="none">
22
+ <path stroke="#000" stroke-width="3" stroke-linecap="square" stroke-miterlimit="10" class="iconic-account-logout-entrance iconic-property-accent iconic-property-stroke" d="M12.5 1.5h18v28h-18" fill="none"/>
23
+ <path stroke="#000" stroke-width="3" stroke-linecap="square" stroke-miterlimit="10" class="iconic-account-logout-arrow iconic-account-logout-arrow-line iconic-property-stroke" d="M19.5 15.5h-14.5" fill="none"/>
24
+ <path d="M.4 15.2l5.2-3.9c.2-.2.4-.1.4.2v8c0 .3-.2.4-.4.2l-5.2-3.9c-.2-.2-.2-.4 0-.6z" class="iconic-account-logout-arrow iconic-account-logout-arrow-head iconic-property-fill"/>
25
+ </g>
26
+ </g>
27
+ <g data-width="16" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8)">
28
+ <g class="iconic-account-login">
29
+ <path stroke="#000" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" class="iconic-account-login-entrance iconic-property-accent iconic-property-stroke" d="M7 1h8v14h-8" fill="none"/>
30
+ <path stroke="#000" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" class="iconic-account-login-arrow iconic-account-login-arrow-line iconic-property-stroke" d="M1 8h9" fill="none"/>
31
+ <path class="iconic-account-login-arrow iconic-account-login-arrow-head iconic-property-fill" d="M12 8l-4-4v8z"/>
32
+ </g>
33
+ <g class="iconic-account-logout" display="none">
34
+ <path stroke="#000" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" class="iconic-account-logout-entrance iconic-property-accent iconic-property-stroke" d="M7 1h8v14h-8" fill="none"/>
35
+ <path stroke="#000" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" class="iconic-account-logout-arrow iconic-account-logout-arrow-line iconic-property-stroke" d="M11 8h-9" fill="none"/>
36
+ <path class="iconic-account-logout-arrow iconic-account-logout-arrow-head iconic-property-fill" d="M0 8l4 4v-8z"/>
37
+ </g>
38
+ </g>
39
+ <script class="iconic-api" type="application/ecmascript">
40
+ //<![CDATA[
41
+ var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["account"]=iconicApis["account"]||function(t){var i=function(i){t.setAttribute("data-state",i);var e,n=t.querySelectorAll(".iconic-account-login"),o=t.querySelectorAll(".iconic-account-logout");if("logout"===i){for(e=0;e<n.length;e++)n[e].setAttribute("display","none");for(e=0;e<o.length;e++)o[e].setAttribute("display","inline")}else{for(e=0;e<n.length;e++)n[e].setAttribute("display","inline");for(e=0;e<o.length;e++)o[e].setAttribute("display","none")}},e=function(){var e=t.getAttribute("data-state");e&&i(e)};return{update:e,setState:i}};
42
+ //]]>
43
+ </script>
44
+ </svg>
@@ -0,0 +1,38 @@
1
+ <svg version="1.1" xmlns="http://www.w3.org/2000/svg" data-icon="action" width="128" height="128" class="iconic iconic-action" viewBox="0 0 128 128">
2
+ <g><title>Action</title></g>
3
+ <g data-width="128" data-height="96" class="iconic-lg iconic-container" display="inline" transform="translate(0 16)">
4
+ <g class="iconic-action-undo">
5
+ <path d="M30 59c0-27.1 21.9-49 49-49s49 21.9 49 49c0-32.6-26.4-59-59-59s-59 26.4-59 59v11h20v-11z" class="iconic-action-undo-stem iconic-property-fill"/>
6
+ <path d="M19.2 94.7l-18.4-29.4c-.4-.7-.1-1.3.7-1.3h37c.8 0 1.1.6.7 1.3l-18.4 29.4c-.4.7-1.2.7-1.6 0z" class="iconic-action-undo-arrowhead iconic-property-fill"/>
7
+ </g>
8
+ <g class="iconic-action-redo" display="none">
9
+ <path d="M98 59c0-27.1-21.9-49-49-49s-49 21.9-49 49c0-32.6 26.4-59 59-59s59 26.4 59 59v11h-20v-11z" class="iconic-action-redo-stem iconic-property-fill"/>
10
+ <path d="M108.8 94.7l18.4-29.5c.4-.7.1-1.3-.7-1.3h-37c-.8 0-1.1.6-.7 1.3l18.4 29.5c.4.7 1.2.7 1.6 0z" class="iconic-action-redo-arrowhead iconic-property-fill"/>
11
+ </g>
12
+ </g>
13
+ <g data-width="32" data-height="24" class="iconic-md iconic-container" display="none" transform="scale(4) translate(0 4)">
14
+ <g class="iconic-action-undo">
15
+ <path d="M9 14.5c0-6.4 5.1-11.5 11.5-11.5 6 0 10.9 4.7 11.4 10.5-.6-7.5-6.8-13.5-14.4-13.5-8 0-14.5 6.5-14.5 14.5v2.5h6v-2.5z" class="iconic-action-undo-stem iconic-property-fill"/>
16
+ <path d="M6.3 23.6l5.4-7.2c.2-.2.1-.4-.2-.4h-11c-.3 0-.4.2-.2.4l5.4 7.2c.2.2.4.2.6 0z" class="iconic-action-undo-arrowhead iconic-property-fill"/>
17
+ </g>
18
+ <g class="iconic-action-redo" display="none">
19
+ <path d="M23 14.5c0-6.4-5.1-11.5-11.5-11.5-6 0-10.9 4.7-11.5 10.5.6-7.5 6.9-13.5 14.5-13.5 8 0 14.5 6.5 14.5 14.5v2.5h-6v-2.5z" class="iconic-action-redo-stem iconic-property-fill"/>
20
+ <path d="M25.7 23.6l-5.4-7.2c-.2-.2-.1-.4.2-.4h11c.3 0 .4.2.2.4l-5.4 7.2c-.2.2-.4.2-.6 0z" class="iconic-action-redo-arrowhead iconic-property-fill"/>
21
+ </g>
22
+ </g>
23
+ <g data-width="16" data-height="12" class="iconic-sm iconic-container" display="none" transform="scale(8) translate(0 2)">
24
+ <g class="iconic-action-undo">
25
+ <path d="M2 9v-2c0-3.9 3.1-7 7-7s7 3.1 7 7c0-2.8-2.2-5-5-5s-5 2.2-5 5v2h-4z" class="iconic-action-undo-stem iconic-property-fill"/>
26
+ <path class="iconic-action-undo-arrowhead iconic-property-fill" d="M0 8l4 4 4-4z"/>
27
+ </g>
28
+ <g class="iconic-action-redo" display="none">
29
+ <path d="M10 9v-2c0-2.8-2.2-5-5-5s-5 2.2-5 5c0-3.9 3.1-7 7-7s7 3.1 7 7v2h-4z" class="iconic-action-redo-stem iconic-property-fill"/>
30
+ <path class="iconic-action-redo-arrowhead iconic-property-fill" d="M8 8l4 4 4-4z"/>
31
+ </g>
32
+ </g>
33
+ <script class="iconic-api" type="application/ecmascript">
34
+ //<![CDATA[
35
+ var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["action"]=iconicApis["action"]||function(t){var i=function(i){t.setAttribute("data-state",i);var n,e,o=t.querySelectorAll(".iconic-action-undo"),c=t.querySelectorAll(".iconic-action-redo");n=e="none","redo"===i?e="inline":n="inline";for(var a=0;a<o.length;a++)o[a].setAttribute("display",n),c[a].setAttribute("display",e)},n=function(){var n=t.getAttribute("data-state");n&&i(n)};return{update:n,setState:i}};
36
+ //]]>
37
+ </script>
38
+ </svg>
@@ -0,0 +1,17 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-ban" width="128" height="128" viewBox="0 0 128 128">
2
+ <g class="iconic-metadata">
3
+ <title>Ban</title>
4
+ </g>
5
+ <g class="iconic-ban-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
6
+ <path stroke="#000" stroke-width="8" class="iconic-ban-strike iconic-property-accent iconic-property-stroke" d="M107.841 20.159l-87.674 87.674" fill="none" />
7
+ <circle stroke="#000" stroke-width="8" cx="64" cy="64" r="60" class="iconic-ban-circle iconic-property-stroke" fill="none" />
8
+ </g>
9
+ <g class="iconic-ban-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
10
+ <path stroke="#000" stroke-width="3" class="iconic-ban-strike iconic-property-accent iconic-property-stroke" d="M26.59 5.41l-21.197 21.197" fill="none" />
11
+ <circle stroke="#000" stroke-width="3" cx="16" cy="16" r="14.5" class="iconic-ban-circle iconic-property-stroke" fill="none" />
12
+ </g>
13
+ <g class="iconic-ban-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
14
+ <path stroke="#000" stroke-width="2" stroke-linejoin="round" class="iconic-ban-strike iconic-property-accent iconic-property-stroke" d="M13 3l-10 10" fill="none" />
15
+ <circle stroke="#000" stroke-width="2" stroke-linejoin="round" cx="8" cy="8" r="7" class="iconic-ban-circle iconic-property-stroke" fill="none" />
16
+ </g>
17
+ </svg>
@@ -0,0 +1,22 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-bell" width="128" height="128" viewBox="0 0 128 128">
2
+ <g class="iconic-metadata">
3
+ <title>Bell</title>
4
+ </g>
5
+ <g class="iconic-bell-lg iconic-container iconic-lg" data-width="112" data-height="128" display="inline" transform="translate(8)">
6
+ <circle cx="56" cy="6" r="6" class="iconic-bell-crown iconic-property-fill" />
7
+ <path d="M100 82.033c-14.828-10.22-16-24.339-16-39.934v-4.098c0-15.464-12.536-28-28-28s-28 12.536-28 28v4.098c0 15.595-1.172 29.714-16 39.934-7.414 5.11-12 12.169-12 19.967v2h112v-2c0-7.798-4.586-14.857-12-19.967z" class="iconic-bell-body iconic-property-fill"
8
+ />
9
+ <path d="M41.174 106c-.751 1.854-1.174 3.877-1.174 6 0 8.836 7.163 16 16 16s16-7.163 16-16c0-2.123-.423-4.146-1.174-6h-29.652z" class="iconic-bell-clapper iconic-property-accent iconic-property-fill" />
10
+ </g>
11
+ <g class="iconic-bell-md iconic-container iconic-md" data-width="28" data-height="32" display="none" transform="scale(4) translate(2)">
12
+ <path d="M10 28c0 2.209 1.791 4 4 4s4-1.791 4-4h-8z" class="iconic-bell-clapper iconic-property-force-fill iconic-property-accent iconic-property-fill" />
13
+ <circle cx="14" cy="2" r="2" class="iconic-bell-crown iconic-property-force-fill iconic-property-fill" />
14
+ <path d="M27.972 25.622c-.139-1.798-1.24-3.42-2.972-4.614-3.707-2.555-4-6.085-4-9.984v-1.025c0-3.866-3.134-7-7-7s-7 3.134-7 7v1.025c0 3.899-.293 7.429-4 9.984-1.732 1.194-2.834 2.816-2.972 4.614h-.007v.094c-.005.095-.021.188-.021.284h.021v1h27.979v-1.378h-.028z"
15
+ class="iconic-bell-body iconic-property-fill" />
16
+ </g>
17
+ <g class="iconic-bell-sm iconic-container iconic-sm" data-width="14" data-height="16" display="none" transform="scale(8) translate(1)">
18
+ <path d="M5 14c0 1.105.895 2 2 2s2-.895 2-2h-4z" class="iconic-bell-clapper iconic-property-force-fill iconic-property-accent iconic-property-fill" />
19
+ <circle cx="7" cy="1" r="1" class="iconic-bell-crown iconic-property-force-fill iconic-property-fill" />
20
+ <path d="M0 13c0-1.04.509-1.981 1.333-2.662 1.648-1.363 1.667-3.245 1.667-5.325v-.013c0-2.209 1.791-4 4-4s4 1.791 4 4v.013c0 2.079.019 3.962 1.667 5.325.824.681 1.333 1.623 1.333 2.662h-14z" class="iconic-bell-body iconic-property-fill" />
21
+ </g>
22
+ </svg>
@@ -0,0 +1,14 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-bookmark" width="128" height="128" viewBox="0 0 128 128">
2
+ <g class="iconic-metadata">
3
+ <title>Bookmark</title>
4
+ </g>
5
+ <g class="iconic-bookmark-lg iconic-container iconic-lg" data-width="44" data-height="128" display="inline" transform="translate(42)">
6
+ <path class="iconic-property-fill" d="M0 0v128l22-14.247 22 14.247v-128z" />
7
+ </g>
8
+ <g class="iconic-bookmark-md iconic-container iconic-md" data-width="14" data-height="32" display="none" transform="scale(4) translate(9)">
9
+ <path d="M0 .5v31c0 .276.182.37.407.209l6.186-4.419c.225-.161.589-.161.814 0l6.186 4.419c.225.161.407.067.407-.209v-31c0-.276-.224-.5-.5-.5h-13c-.276 0-.5.224-.5.5z" class="iconic-property-fill" />
10
+ </g>
11
+ <g class="iconic-bookmark-sm iconic-container iconic-sm" data-width="8" data-height="16" display="none" transform="scale(8) translate(4)">
12
+ <path d="M0 .25v15.5c0 .138.079.171.177.073l3.646-3.646c.098-.098.256-.098.354 0l3.646 3.646c.098.098.177.065.177-.073v-15.5c0-.138-.112-.25-.25-.25h-7.5c-.138 0-.25.112-.25.25z" class="iconic-property-fill" />
13
+ </g>
14
+ </svg>
@@ -0,0 +1,35 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-cart" width="128" height="128" viewBox="0 0 128 128">
2
+ <g class="iconic-metadata">
3
+ <title>Cart</title>
4
+ </g>
5
+ <defs>
6
+ <clipPath id="iconic-size-lg-cart-clip-0">
7
+ <path d="M0 0v106h22.695c-2.835-1.992-4.695-5.28-4.695-9 0-6.065 4.935-11 11-11s11 4.935 11 11c0 3.72-1.861 7.008-4.695 9h61.391c-2.835-1.992-4.695-5.28-4.695-9 0-6.065 4.935-11 11-11s11 4.935 11 11c0 3.72-1.861 7.008-4.695 9h18.695v-106h-128z" />
8
+ </clipPath>
9
+ <clipPath id="iconic-size-md-cart-clip-0">
10
+ <path d="M0 0v28h5.058c-.651-.636-1.058-1.52-1.058-2.5 0-1.93 1.57-3.5 3.5-3.5s3.5 1.57 3.5 3.5c0 .98-.407 1.864-1.058 2.5h14.116c-.651-.636-1.058-1.52-1.058-2.5 0-1.93 1.57-3.5 3.5-3.5s3.5 1.57 3.5 3.5c0 .98-.407 1.864-1.058 2.5h3.058v-28h-32z" />
11
+ </clipPath>
12
+ </defs>
13
+ <g class="iconic-cart-lg iconic-container iconic-lg" data-width="128" data-height="106" display="inline" transform="translate(0 11)">
14
+ <path d="M31.176 65.115l-14.352-50.231c-.455-1.593.519-2.885 2.176-2.885h106c1.657 0 2.719 1.313 2.371 2.933l-10.743 50.133c-.347 1.62-1.972 2.933-3.629 2.933h-78c-1.657 0-3.369-1.291-3.824-2.885z" class="iconic-cart-basket iconic-property-fill" />
15
+ <circle cx="29" cy="97" r="9" class="iconic-cart-wheel iconic-cart-wheel-back iconic-property-fill" />
16
+ <circle cx="103" cy="97" r="9" class="iconic-cart-wheel iconic-cart-wheel-front iconic-property-fill" />
17
+ <path clip-path="url(#iconic-size-lg-cart-clip-0)" stroke="#000" stroke-width="4" d="M106 92h-81.25c-.414 0-.621-.31-.462-.692l9.423-22.615c.159-.382.196-1.015.081-1.413l-18.585-64.559c-.115-.398-.543-.721-.957-.721h-11.25" class="iconic-cart-body iconic-property-stroke"
18
+ fill="none" />
19
+ <circle cx="3" cy="3" r="3" class="iconic-cart-handle iconic-property-fill" />
20
+ </g>
21
+ <g class="iconic-cart-md iconic-container iconic-md" data-width="32" data-height="28" display="none" transform="scale(4) translate(0 2)">
22
+ <path d="M8.742 17.034l-3.485-13.068c-.142-.534.19-.966.742-.966h25c.552 0 .912.439.804.981l-2.608 13.039c-.108.542-.644.981-1.196.981h-18c-.552 0-1.115-.433-1.258-.966z" class="iconic-cart-basket iconic-property-fill" />
23
+ <circle cx="7.5" cy="25.5" r="2.5" class="iconic-cart-wheel iconic-cart-wheel-back iconic-property-fill" />
24
+ <circle cx="26.5" cy="25.5" r="2.5" class="iconic-cart-wheel iconic-cart-wheel-front iconic-property-fill" />
25
+ <path clip-path="url(#iconic-size-md-cart-clip-0)" stroke="#000" d="M27 24.5h-20c-.276 0-.42-.209-.321-.467l2.141-5.567c.099-.258.124-.683.055-.951l-4.251-16.531c-.069-.267-.348-.484-.625-.484h-3" class="iconic-cart-body iconic-property-stroke" fill="none"
26
+ />
27
+ <circle cx="1" cy="1" r="1" class="iconic-cart-handle iconic-property-fill" />
28
+ </g>
29
+ <g class="iconic-cart-sm iconic-container iconic-sm" data-width="16" data-height="14" display="none" transform="scale(8) translate(0 1)">
30
+ <circle cx="3.5" cy="12.5" r="1.5" class="iconic-cart-wheel iconic-cart-wheel-back iconic-property-fill" />
31
+ <circle cx="13.5" cy="12.5" r="1.5" class="iconic-cart-wheel iconic-cart-wheel-front iconic-property-fill" />
32
+ <path d="M3.929 8.505l-.858-6.005c-.039-.273.153-.495.429-.495l12-.004c.276 0 .468.221.429.495l-.859 6.01c-.039.273-.295.495-.571.495h-10c-.276 0-.532-.222-.571-.495z" class="iconic-cart-basket iconic-property-fill" />
33
+ <path stroke="#000" stroke-linecap="square" d="M.5.5h2.25c.138 0 .274.109.302.244l1.395 6.511c.029.135.03.354.003.49l-.902 4.51c-.027.135.063.245.201.245h9.75" class="iconic-cart-body iconic-property-stroke" fill="none" />
34
+ </g>
35
+ </svg>
@@ -0,0 +1,28 @@
1
+ <svg version="1.1" xmlns="http://www.w3.org/2000/svg" data-icon="chevron" width="128" height="128" class="iconic iconic-chevron" viewBox="0 0 128 128">
2
+ <g><title>Chevron</title></g>
3
+ <defs>
4
+ <clipPath id="iconic-size-lg-chevron-clip-0">
5
+ <path d="M0 0h88v128h-88z"/>
6
+ </clipPath>
7
+ <clipPath id="iconic-size-md-chevron-clip-0">
8
+ <path d="M0 0h26v32h-26z"/>
9
+ </clipPath>
10
+ <clipPath id="iconic-size-sm-chevron-clip-0">
11
+ <path d="M0 0h14v16h-14z"/>
12
+ </clipPath>
13
+ </defs>
14
+ <g data-width="128" data-height="128" class="iconic-lg iconic-container" display="inline" transform="translate(12)">
15
+ <path clip-path="url(#iconic-size-lg-chevron-clip-0)" stroke="#000" stroke-width="16" stroke-linecap="square" stroke-miterlimit="10" class="iconic-property-stroke" d="M-8-20l84 84-84 84" fill="none"/>
16
+ </g>
17
+ <g data-width="32" data-height="32" class="iconic-md iconic-container" display="none" transform="scale(4) translate(1)">
18
+ <path clip-path="url(#iconic-size-md-chevron-clip-0)" stroke="#000" stroke-width="6" stroke-linecap="square" stroke-miterlimit="10" class="iconic-property-stroke" d="M-1-6l22 22-22 22" fill="none"/>
19
+ </g>
20
+ <g data-width="16" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8)">
21
+ <path clip-path="url(#iconic-size-sm-chevron-clip-0)" stroke="#000" stroke-width="4" stroke-linecap="square" stroke-miterlimit="10" class="iconic-property-stroke" d="M1.7-1.3l9.3 9.3-13.1 13.1" fill="none"/>
22
+ </g>
23
+ <script class="iconic-api" type="application/ecmascript">
24
+ //<![CDATA[
25
+ var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["chevron"]=iconicApis["chevron"]||function(t){function e(e){t.setAttribute("data-direction",e);var n=0;switch(e){case"top":n=270;break;case"left":n=180;break;case"bottom":n=90;break;default:n=0}r.setAttribute("transform","rotate("+n+" 64 64) translate(12) "),a.setAttribute("transform","scale(4) rotate("+n+" 16 16) translate(1)"),i.setAttribute("transform","scale(8) rotate("+n+" 8 8)")}var r=t.querySelector(".iconic-lg"),a=t.querySelector(".iconic-md"),i=t.querySelector(".iconic-sm"),n=function(){var r=t.getAttribute("data-direction")||"";e(r)};return{update:n,setDirection:e}};
26
+ //]]>
27
+ </script>
28
+ </svg>
@@ -0,0 +1,25 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-circle-check" width="128" height="128" viewBox="0 0 128 128">
2
+ <g class="iconic-metadata">
3
+ <title>Circle Check</title>
4
+ </g>
5
+ <defs>
6
+ <clipPath id="iconic-size-lg-circle-check-clip-0">
7
+ <path d="M0 0v128h128v-128h-128zm54.196 92.201l-23.853-23.853 5.657-5.657 17.891 17.891 39.813-44.23 5.946 5.352-45.453 50.498z" />
8
+ </clipPath>
9
+ <clipPath id="iconic-size-md-circle-check-clip-0">
10
+ <path d="M0 0v32h32v-32h-32zm13.052 24.173l-6.173-6.173 2.121-2.121 3.948 3.948 9.951-10.946 2.22 2.018-12.067 13.274z" />
11
+ </clipPath>
12
+ <clipPath id="iconic-size-sm-circle-check-clip-0">
13
+ <path d="M0 0v16h16v-16h-16zm7 11.414l-3.414-3.414 1.414-1.414 2 2 4-4 1.414 1.414-5.414 5.414z" />
14
+ </clipPath>
15
+ </defs>
16
+ <g class="iconic-circle-check-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
17
+ <circle cx="64" cy="64" r="64" clip-path="url(#iconic-size-lg-circle-check-clip-0)" class="iconic-circle-check-body iconic-property-fill" />
18
+ </g>
19
+ <g class="iconic-circle-check-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
20
+ <circle cx="16" cy="16" r="16" clip-path="url(#iconic-size-md-circle-check-clip-0)" class="iconic-circle-check-body iconic-property-fill" />
21
+ </g>
22
+ <g class="iconic-circle-check-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
23
+ <circle cx="8" cy="8" r="8" clip-path="url(#iconic-size-sm-circle-check-clip-0)" class="iconic-circle-check-body iconic-property-fill" />
24
+ </g>
25
+ </svg>
@@ -0,0 +1,25 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-circle-x" width="128" height="128" viewBox="0 0 128 128">
2
+ <g class="iconic-metadata">
3
+ <title>Circle X</title>
4
+ </g>
5
+ <defs>
6
+ <clipPath id="iconic-size-lg-circle-x-clip-0">
7
+ <path d="M0 0v128h128v-128h-128zm90.657 85l-5.657 5.657-21-21-21 21-5.657-5.657 21-21-21-21 5.657-5.657 21 21 21-21 5.657 5.657-21 21 21 21z" />
8
+ </clipPath>
9
+ <clipPath id="iconic-size-md-circle-x-clip-0">
10
+ <path d="M0 0v32h32v-32h-32zm23.121 21l-2.121 2.121-5-5-5 5-2.121-2.121 5-5-5-5 2.121-2.121 5 5 5-5 2.121 2.121-5 5 5 5z" />
11
+ </clipPath>
12
+ <clipPath id="iconic-size-sm-circle-x-clip-0">
13
+ <path d="M0 0v16h16v-16h-16zm11.414 10l-1.414 1.414-2-2-2 2-1.414-1.414 2-2-2-2 1.414-1.414 2 2 2-2 1.414 1.414-2 2 2 2z" />
14
+ </clipPath>
15
+ </defs>
16
+ <g class="iconic-circle-x-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
17
+ <circle cx="64" cy="64" r="64" clip-path="url(#iconic-size-lg-circle-x-clip-0)" class="iconic-circle-x-body iconic-property-fill" />
18
+ </g>
19
+ <g class="iconic-circle-x-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
20
+ <circle cx="16" cy="16" r="16" clip-path="url(#iconic-size-md-circle-x-clip-0)" class="iconic-circle-x-body iconic-property-fill" />
21
+ </g>
22
+ <g class="iconic-circle-x-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
23
+ <circle cx="8" cy="8" r="8" clip-path="url(#iconic-size-sm-circle-x-clip-0)" class="iconic-circle-x-body iconic-property-fill" />
24
+ </g>
25
+ </svg>
@@ -0,0 +1,17 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-cog" width="128" height="128" viewBox="0 0 128 128">
2
+ <g class="iconic-metadata">
3
+ <title>Cog</title>
4
+ </g>
5
+ <g class="iconic-cog-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
6
+ <path d="M128 73.875v-19.875l-14.323-3.581c-1.156-4.239-2.841-8.257-4.979-11.986l7.539-12.706-14.054-14.054-12.666 7.599c-3.731-2.133-7.751-3.814-11.992-4.966l-3.651-14.308h-19.875l-3.581 14.323c-4.239 1.156-8.257 2.841-11.986 4.978l-12.706-7.539-14.054 14.054 7.599 12.666c-2.133 3.731-3.814 7.751-4.966 11.992l-14.308 3.651v19.875l14.323 3.581c1.156 4.239 2.841 8.257 4.979 11.986l-7.539 12.706 14.054 14.054 12.666-7.599c3.731 2.133 7.751 3.814 11.992 4.966l3.651 14.308h19.875l3.581-14.323c4.239-1.156 8.257-2.841 11.986-4.979l12.705 7.539 14.054-14.054-7.599-12.666c2.133-3.731 3.814-7.751 4.966-11.992l14.308-3.651zm-64 24.125c-18.778 0-34-15.222-34-34s15.222-34 34-34 34 15.222 34 34-15.222 34-34 34z"
7
+ class="iconic-cog-body iconic-property-fill" />
8
+ </g>
9
+ <g class="iconic-cog-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
10
+ <path d="M32 17.969v-3.969l-3.96-1.32c-.278-1.01-.675-1.969-1.183-2.86l1.849-3.742-2.806-2.807-3.73 1.865c-.891-.507-1.851-.903-2.861-1.18l-1.339-3.957h-3.969l-1.32 3.96c-1.01.278-1.969.675-2.86 1.183l-3.742-1.849-2.806 2.806 1.865 3.73c-.507.891-.903 1.851-1.18 2.861l-3.957 1.339v3.969l3.96 1.32c.278 1.01.675 1.969 1.183 2.86l-1.849 3.742 2.806 2.806 3.73-1.865c.891.507 1.851.903 2.861 1.18l1.34 3.957h3.969l1.32-3.96c1.01-.278 1.969-.675 2.86-1.183l3.742 1.849 2.806-2.806-1.865-3.73c.507-.891.903-1.851 1.18-2.861l3.957-1.34zm-16 5.031c-3.866 0-7-3.134-7-7s3.134-7 7-7 7 3.134 7 7-3.134 7-7 7z"
11
+ class="iconic-cog-body iconic-property-fill" />
12
+ </g>
13
+ <g class="iconic-cog-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
14
+ <path d="M16 8.984v-1.984l-1.971-.986c-.099-.3-.221-.59-.362-.869l.833-2.146-1.5-1.5-2.146.833c-.279-.141-.568-.263-.869-.362l-1.001-1.971h-1.984l-.986 1.971c-.3.099-.59.221-.869.362l-2.146-.833-1.5 1.5.833 2.146c-.141.279-.263.568-.362.869l-1.971 1.001v1.984l1.971.986c.099.3.221.59.362.868l-.833 2.146 1.5 1.5 2.146-.833c.279.141.568.263.869.362l1.001 1.971h1.984l.986-1.971c.3-.099.59-.221.869-.362l2.146.833 1.5-1.5-.833-2.146c.141-.279.263-.568.362-.869l1.971-1.001zm-8 2.016c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z"
15
+ class="iconic-cog-body iconic-property-fill" />
16
+ </g>
17
+ </svg>