Merge pull request #72 from 540co/realease/1.5.0

Realease/1.5.0
540co · May 16, 2019 · b8c60f1 · b8c60f1
2 parents 543cbc1 + 195e99d
commit b8c60f1
Show file tree

Hide file tree

Showing 14 changed files with 972 additions and 33 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -4,8 +4,31 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
 and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
 
+## [1.5.0](https://github.com/540co/govicons/releases/tag/1.5.0) - 2019-05-16
+
+### Added
+
+- SVG Sprites
+
+### Fixed
+
+- SASS .sr-only mixin support for "_screen-reader.scss".
+- SASS .pull-left and .pull-right for "_border-pulled.scss".
+
+## [1.4.1](https://github.com/540co/govicons/releases/tag/1.4.1) - 2018-08-25
+
+### Fixed
+
+- SASS file reference name "_screen_reader.scss" to "_screen-reader.scss" (Replace underscore with hyphen)
+
+### Changed
+
+- Fix typos in demo site.
+
 ## [1.4.0](https://github.com/540co/govicons/releases/tag/v1.4.0) - 2018-02-25
+
 ### Added
+
 - This CHANGELOG file to hopefully serve as an evolving example of a
   standardized open source project CHANGELOG.
 - Wiki page for how to use icons on desktop apps
@@ -15,37 +38,48 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 - Accessibility support for screen readers
 
 ### Changed
+
 - Fix typos in demo site.
 
 
 ## [1.3.0](https://github.com/540co/govicons/releases/tag/v1.3.0) - 2016-10-24
+
 ### Added
+
 - Adding barcode, ruler, construction, fingerprint, nuclear-plant, radioactive, biohazard, microscope, dna, road-sign, road, road-barricade, submarine, radar, reticle-dot, reticle-crosshair, dogtags, medal-circle, medal-star, 18f-logo icons
 
 ## [1.2.0](https://github.com/540co/govicons/releases/tag/1.2.0) - 2016-03-17
+
 ### Added
+
 - New NPM package `govicons`
 
 ### Changed
+
 - Fix typos in LICENSE section of README
 
 ## [1.1.0](https://github.com/540co/govicons/releases/tag/1.1.0) - 2017-12-07
+
 ### Added
+
 - Adding statue-of-liberty, liberty-bell, users, user-politician, shield-o, us-shield, missile, satellite, drone, security-camera, textile, leaf, recycle, mobile-phone, us-flag-straight icons
 - WOFF File Format 2.0 (.woff2) for web fonts
 
 ### Changed
+
 - Fix typos in README
 
 ### Fixed
+
 - The "us-flag" icon should be named "us-flag-wavy"
 - The "capital" icon should be named "capitol"
 - The "clock" icon should be named "clock-o"
 - The "ship" icon should be named "ship-front"
 - SASS reference link in bower json
 
-
 ## [1.0.0](https://github.com/540co/govicons/releases/tag/1.0.0) - 2015-11-28
+
 ### Added
+
 - 80 government themed icons
 - Initial CSS, SASS, and LESS framework
diff --git a/README.md b/README.md
@@ -16,6 +16,16 @@ Gov Icons is a icon font and CSS toolkit with 129 government themed icons, for e
 
 ## Getting started
 
+#### Quick Start CDN
+
+Load and insert from CDN link.
+
+```html
+  <link rel="stylesheet" href="https://unpkg.com/govicons@latest/css/govicons.min.css">
+```
+
+#### Usage
+
 - Download and place the entire `govicons` directory into your project
 - In the `<head>` of your html, reference the location to your govicons.min.css
 
@@ -26,25 +36,32 @@ Gov Icons is a icon font and CSS toolkit with 129 government themed icons, for e
 #### Install with bower
 
 ```shell
-$ bower install govicons
+bower install govicons
 ```
 
 #### Install with npm
 
 ```shell
-$ npm install govicons
+npm install govicons
 ```
 
 #### Explore
+
 Get started and learn how to use Gov Icons at <http://govicons.io>!
 
 ## Change Log
+
 - We'll keep track of each release in the [CHANGELOG.md](./CHANGELOG.md)
 - Looking for older versions of Gov Icons? Check the [releases](https://github.com/540co/govicons/releases).
 
 ## Contributing
+
 Please read through our [contributing guidelines](./CONTRIBUTING.md). Included are directions for opening issues.
 
+## Related Projects
+
+- [govicons-sketch](https://github.com/540co/govicons-sketch) - Gov icons as a Sketch library
+
 ## Licensing
 
 - Gov Icons licensed under [SIL OFL 1.1](http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL)

diff --git a/bower.json b/bower.json
@@ -1,7 +1,7 @@
 {
   "name": "govicons",
   "description": "Govicons - Government font and CSS toolkit",
-  "version": "1.4.1",
+  "version": "1.5.0",
   "keywords": [
     "government",
     "font",

diff --git a/css/govicons.css b/css/govicons.css
@@ -1,5 +1,5 @@
 /*
- *  Govicons v1.4.1 by @540co - https://github.com/540co/govicons - @540co
+ *  Govicons v1.5.0 by @540co - https://github.com/540co/govicons - @540co
  *  License (Font: SIL OFL 1.1, CSS: MIT License)
  */
 /* FONT PATH
@@ -91,6 +91,31 @@
   border-radius: .1em;
   padding: .2em .25em .15em;
 }
+.fa-pull-left {
+  float: left;
+}
+.fa-pull-right {
+  float: right;
+}
+.fa.fa-pull-left {
+  margin-right: .3em;
+}
+.fa.fa-pull-right {
+  margin-left: .3em;
+}
+/* Deprecated */
+.pull-right {
+  float: right;
+}
+.pull-left {
+  float: left;
+}
+.fa.pull-left {
+  margin-right: .3em;
+}
+.fa.pull-right {
+  margin-left: .3em;
+}
 .gi-spin {
   -webkit-animation: gi-spin 2s infinite linear;
   animation: gi-spin 2s infinite linear;

diff --git a/css/govicons.min.css b/css/govicons.min.css
diff --git a/less/bordered-pulled.less b/less/bordered-pulled.less
@@ -0,0 +1,45 @@
+// Bordered & Pulled
+// -------------------------
+
+.@{gi-css-prefix}-border {
+  padding: .2em .25em .15em;
+  border: solid .08em @gi-border-color;
+  border-radius: .1em;
+}
+
+.@{gi-css-prefix}-pull-left {
+  float: left;
+}
+
+.@{gi-css-prefix}-pull-right {
+  float: right;
+}
+
+.@{gi-css-prefix} {
+  &.@{gi-css-prefix}-pull-left {
+    margin-right: .3em;
+  }
+
+  &.@{gi-css-prefix}-pull-right {
+    margin-left: .3em;
+  }
+}
+
+/* Deprecated */
+.pull-right {
+  float: right;
+}
+
+.pull-left {
+  float: left;
+}
+
+.@{gi-css-prefix} {
+  &.pull-left {
+    margin-right: .3em;
+  }
+
+  &.pull-right {
+    margin-left: .3em;
+  }
+}
diff --git a/less/bordered.less b/less/bordered.less
diff --git a/less/govicons.less b/less/govicons.less
@@ -1,5 +1,5 @@
 /*!
- *  Govicons v1.4.1 by @540co - https://github.com/540co/govicons - @540co
+ *  Govicons v1.5.0 by @540co - https://github.com/540co/govicons - @540co
  *  License (Font: SIL OFL 1.1, CSS: MIT License)
  */
 
@@ -10,9 +10,9 @@
 @import "larger.less";
 @import "fixed-width.less";
 @import "list.less";
-@import "bordered.less";
+@import "bordered-pulled.less";
 @import "animated.less";
 @import "rotated-flipped.less";
 @import "stacked.less";
 @import "icons.less";
-@import "screen-reader.less";
+@import "screen-reader.less";
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "govicons",
   "description": "Govicons - Government font and CSS toolkit",
-  "version": "1.4.1",
+  "version": "1.5.0",
   "style": "css/govicons.css",
   "keywords": ["gov", "icons", "Govicons", "icon", "font", "bootstrap"],
   "homepage": "http://govicons.io/",

diff --git a/scss/_bordered-pulled.scss b/scss/_bordered-pulled.scss
@@ -0,0 +1,45 @@
+// Bordered & Pulled
+// -------------------------
+
+.#{$gi-css-prefix}-border {
+  padding: .2em .25em .15em;
+  border: solid .08em $gi-border-color;
+  border-radius: .1em;
+}
+
+.#{$gi-css-prefix}-pull-left {
+  float: left;
+}
+
+.#{$gi-css-prefix}-pull-right {
+  float: right;
+}
+
+.#{$gi-css-prefix} {
+  &.#{$gi-css-prefix}-pull-left {
+    margin-right: .3em;
+  }
+
+  &.#{$gi-css-prefix}-pull-right {
+    margin-left: .3em;
+  }
+}
+
+/* Deprecated */
+.pull-right {
+  float: right;
+}
+
+.pull-left {
+  float: left;
+}
+
+.#{$gi-css-prefix} {
+  &.pull-left {
+    margin-right: .3em;
+  }
+
+  &.pull-right {
+    margin-left: .3em;
+  }
+}
diff --git a/scss/_bordered.scss b/scss/_bordered.scss
diff --git a/scss/_mixins.scss b/scss/_mixins.scss
@@ -14,13 +14,47 @@
 @mixin gi-icon-rotate($degrees, $rotation) {
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
   -webkit-transform: rotate($degrees);
-      -ms-transform: rotate($degrees);
-          transform: rotate($degrees);
+  -ms-transform: rotate($degrees);
+  transform: rotate($degrees);
 }
 
 @mixin gi-icon-flip($horiz, $vert, $rotation) {
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
   -webkit-transform: scale($horiz, $vert);
-      -ms-transform: scale($horiz, $vert);
-          transform: scale($horiz, $vert);
+  -ms-transform: scale($horiz, $vert);
+  transform: scale($horiz, $vert);
 }
+
+// Only display content to screen readers. A la Bootstrap 4.
+//
+// See: http://a11yproject.com/posts/how-to-hide-content/
+
+@mixin sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0;
+}
+
+// Use in conjunction with .sr-only to only display content when it's focused.
+//
+// Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
+//
+// Credit: HTML5 Boilerplate
+
+@mixin sr-only-focusable {
+
+  &:active,
+  &:focus {
+    position: static;
+    width: auto;
+    height: auto;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+  }
+}
diff --git a/scss/govicons.scss b/scss/govicons.scss
@@ -1,5 +1,5 @@
 /*!
- *  Govicons v1.4.1 by @540co - https://github.com/540co/govicons - @540co
+ *  Govicons v1.5.0 by @540co - https://github.com/540co/govicons - @540co
  *  License (Font: SIL OFL 1.1, CSS: MIT License)
  */
 
@@ -10,9 +10,9 @@
 @import "larger";
 @import "fixed-width";
 @import "list";
-@import "bordered";
+@import "bordered-pulled";
 @import "animated";
 @import "rotated-flipped";
 @import "stacked";
 @import "icons";
-@import "screen-reader";
+@import "screen-reader";