From 245f2c4d8ac3161c0ac5e572b72a81720dd4a59f Mon Sep 17 00:00:00 2001 From: Mark Ostrander Date: Wed, 1 May 2019 08:42:54 -0400 Subject: [PATCH 1/7] Add mixin support for sr-only class --- scss/_mixins.scss | 42 ++++++++++++++++++++++++++++++++++++++---- 1 file changed, 38 insertions(+), 4 deletions(-) diff --git a/scss/_mixins.scss b/scss/_mixins.scss index 5d37255..0ada43c 100644 --- 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; + } +} \ No newline at end of file From 19a7fdf263405894c10298a260edc9b5139f5c6d Mon Sep 17 00:00:00 2001 From: Mark Ostrander Date: Wed, 1 May 2019 09:05:24 -0400 Subject: [PATCH 2/7] Add pull left-right support --- less/bordered-pulled.less | 45 ++++++++++++++++++++++++++++++++++++++ less/bordered.less | 8 ------- less/govicons.less | 4 ++-- scss/_bordered-pulled.scss | 45 ++++++++++++++++++++++++++++++++++++++ scss/_bordered.scss | 8 ------- scss/govicons.scss | 4 ++-- 6 files changed, 94 insertions(+), 20 deletions(-) create mode 100644 less/bordered-pulled.less delete mode 100644 less/bordered.less create mode 100644 scss/_bordered-pulled.scss delete mode 100644 scss/_bordered.scss diff --git a/less/bordered-pulled.less b/less/bordered-pulled.less new file mode 100644 index 0000000..2ab4fd1 --- /dev/null +++ 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; + } +} \ No newline at end of file diff --git a/less/bordered.less b/less/bordered.less deleted file mode 100644 index 3753314..0000000 --- a/less/bordered.less +++ /dev/null @@ -1,8 +0,0 @@ -// Bordered & Pulled -// ------------------------- - -.@{gi-css-prefix}-border { - padding: .2em .25em .15em; - border: solid .08em @gi-border-color; - border-radius: .1em; -} diff --git a/less/govicons.less b/less/govicons.less index f7d3ba0..e7e3e44 100644 --- a/less/govicons.less +++ b/less/govicons.less @@ -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"; \ No newline at end of file diff --git a/scss/_bordered-pulled.scss b/scss/_bordered-pulled.scss new file mode 100644 index 0000000..3a03b65 --- /dev/null +++ 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; + } +} \ No newline at end of file diff --git a/scss/_bordered.scss b/scss/_bordered.scss deleted file mode 100644 index f3a10ca..0000000 --- a/scss/_bordered.scss +++ /dev/null @@ -1,8 +0,0 @@ -// Bordered & Pulled -// ------------------------- - -.#{$gi-css-prefix}-border { - padding: .2em .25em .15em; - border: solid .08em $gi-border-color; - border-radius: .1em; -} diff --git a/scss/govicons.scss b/scss/govicons.scss index 689ae90..9d10a85 100644 --- a/scss/govicons.scss +++ b/scss/govicons.scss @@ -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"; \ No newline at end of file From 5a71dc2263dc8ab6d97116f2f6d37e5e6329019f Mon Sep 17 00:00:00 2001 From: Mark Ostrander Date: Wed, 1 May 2019 09:22:08 -0400 Subject: [PATCH 3/7] Add pull right-left support to css --- css/govicons.css | 25 +++++++++++++++++++++++++ css/govicons.min.css | 2 +- 2 files changed, 26 insertions(+), 1 deletion(-) diff --git a/css/govicons.css b/css/govicons.css index c2d6fe8..a4bb2f5 100755 --- a/css/govicons.css +++ b/css/govicons.css @@ -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 index d6647bd..6471dde 100644 --- a/css/govicons.min.css +++ b/css/govicons.min.css @@ -1 +1 @@ -@font-face{font-family:'Govicons';src:url('../fonts/govicons-webfont.eot');src:url('../fonts/govicons-webfont.eot') format('embedded-opentype'),url('../fonts/govicons-webfont.ttf') format('truetype'),url('../fonts/govicons-webfont.woff') format('woff'),url('../fonts/govicons-webfont.woff2') format('woff2'),url('../fonts/govicons-webfont.svg') format('svg');font-style:normal;font-weight:normal}.gi{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font:normal normal normal 14px/1 Govicons;font-size:inherit;text-rendering:auto}.gi-lg{font-size:1.33333em;line-height:.75em;vertical-align:-15%}.gi-xs{font-size:.75em}.gi-sm{font-size:.875em}.gi-1x{font-size:1em}.gi-2x{font-size:2em}.gi-3x{font-size:3em}.gi-4x{font-size:4em}.gi-5x{font-size:5em}.gi-6x{font-size:6em}.gi-7x{font-size:7em}.gi-8x{font-size:8em}.gi-9x{font-size:9em}.gi-10x{font-size:10em}.gi-fw{width:1.25em;text-align:center}.gi-ul{padding-left:0;margin-left:2.5em;list-style-type:none}.gi-ul>li{position:relative}.gi-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.gi-border{border:solid .08em #eee;border-radius:.1em;padding:.2em .25em .15em}.gi-spin{-webkit-animation:gi-spin 2s infinite linear;animation:gi-spin 2s infinite linear}.gi-pulse{-webkit-animation:gi-spin 1s infinite steps(8);animation:gi-spin 1s infinite steps(8)}@-webkit-keyframes gi-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes gi-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.gi-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.gi-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.gi-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.gi-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}.gi-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)}:root .gi-rotate-90,:root .gi-rotate-180,:root .gi-rotate-270,:root .gi-flip-horizontal,:root .gi-flip-vertical{-webkit-filter:none;filter:none}.gi-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.gi-stack-1x,.gi-stack-2x{position:absolute;left:0;width:100%;text-align:center}.gi-stack-1x{line-height:inherit}.gi-stack-2x{font-size:2em}.gi-inverse{color:#fff}.gi-ambulance:before{content:"\e980"}.gi-factory:before{content:"\e972"}.gi-file-excel:before{content:"\e973"}.gi-file-word:before{content:"\e974"}.gi-hard-hat:before{content:"\e975"}.gi-jefferson-memorial:before{content:"\e976"}.gi-lincoln-memorial:before{content:"\e977"}.gi-metro-front:before{content:"\e978"}.gi-pallet:before{content:"\e979"}.gi-poison:before{content:"\e97a"}.gi-poison-bottle:before{content:"\e97b"}.gi-train-front:before{content:"\e97c"}.gi-wheel-barrow:before{content:"\e97d"}.gi-white-house:before{content:"\e97e"}.gi-barcode:before{content:"\e95e"}.gi-ruler:before{content:"\e95f"}.gi-construction:before{content:"\e960"}.gi-fingerprint:before{content:"\e961"}.gi-nuclear-plant:before{content:"\e962"}.gi-radioactive:before{content:"\e963"}.gi-biohazard:before{content:"\e964"}.gi-microscope:before{content:"\e965"}.gi-dna:before{content:"\e966"}.gi-road-sign:before{content:"\e967"}.gi-road:before{content:"\e968"}.gi-road-barricade:before{content:"\e969"}.gi-submarine:before{content:"\e96a"}.gi-radar:before{content:"\e96b"}.gi-reticle-dot:before{content:"\e96c"}.gi-reticle-crosshair:before{content:"\e96d"}.gi-dogtags:before{content:"\e96e"}.gi-medal-circle:before{content:"\e96f"}.gi-medal-star:before{content:"\e970"}.gi-18f:before,.gi-18F-logo:before{content:"\e971"}.gi-sol:before,.gi-statue-of-liberty:before{content:"\e95c"}.gi-liberty-bell:before{content:"\e95d"}.gi-users:before{content:"\e95a"}.gi-user-politician:before{content:"\e959"}.gi-shield-o:before{content:"\e956"}.gi-shield:before{content:"\e957"}.gi-us-shield:before{content:"\e958"}.gi-missile:before{content:"\e954"}.gi-satellite:before{content:"\e955"}.gi-drone:before{content:"\e953"}.gi-security-camera:before{content:"\e94f"}.gi-textile:before{content:"\e950"}.gi-leaf:before{content:"\e951"}.gi-recycle:before{content:"\e952"}.gi-comment:before{content:"\e90f"}.gi-comments:before{content:"\e93a"}.gi-lightbulb:before{content:"\e901"}.gi-search:before{content:"\e942"}.gi-tools:before{content:"\e90e"}.gi-book:before{content:"\e945"}.gi-script:before{content:"\e902"}.gi-clock-o:before{content:"\e903"}.gi-code:before{content:"\e904"}.gi-cloud-o:before{content:"\e905"}.gi-cloud:before{content:"\e906"}.gi-database:before{content:"\e90a"}.gi-pie-chart:before{content:"\e907"}.gi-bar-chart:before{content:"\e908"}.gi-line-chart:before{content:"\e909"}.gi-briefcase:before{content:"\e929"}.gi-medkit:before{content:"\e90c"}.gi-stethoscope:before{content:"\e90d"}.gi-heartbeat:before{content:"\e90b"}.gi-ship-front:before{content:"\e911"}.gi-bus-front:before{content:"\e914"}.gi-truck-front:before{content:"\e916"}.gi-truck:before{content:"\e917"}.gi-tank:before{content:"\e91b"}.gi-helicopter:before{content:"\e918"}.gi-airplane:before{content:"\e919"}.gi-jet:before{content:"\e91a"}.gi-gun:before{content:"\e915"}.gi-ammo:before{content:"\e910"}.gi-desktop:before{content:"\e91c"}.gi-mobile-phone:before,.gi-mobile:before{content:"\e91d"}.gi-tablet:before{content:"\e91e"}.gi-times:before{content:"\e921"}.gi-check:before{content:"\e922"}.gi-check-square-o:before{content:"\e923"}.gi-caution:before,.gi-warning:before{content:"\e924"}.gi-cert:before,.gi-ribbon:before{content:"\e925"}.gi-key:before{content:"\e926"}.gi-folder:before{content:"\e927"}.gi-folder-misc:before{content:"\e928"}.gi-table:before{content:"\e92a"}.gi-tables:before{content:"\e92b"}.gi-unlock:before{content:"\e92f"}.gi-lock:before{content:"\e930"}.gi-gear:before,.gi-cog:before{content:"\e931"}.gi-gears:before,.gi-cogs:before{content:"\e932"}.gi-money:before{content:"\e91f"}.gi-usd:before{content:"\e920"}.gi-vote:before{content:"\e94d"}.gi-us-tophat:before{content:"\e92c"}.gi-elephant:before{content:"\e92e"}.gi-donkey:before{content:"\e92d"}.gi-balance:before{content:"\e912"}.gi-gavel:before{content:"\e913"}.gi-handshake:before{content:"\e934"}.gi-user-military:before{content:"\e935"}.gi-user-suit:before{content:"\e936"}.gi-user-student:before,.gi-user-graduate:before{content:"\e94e"}.gi-user:before{content:"\e93b"}.gi-presenter:before{content:"\e93c"}.gi-file-word-o:before{content:"\e93d"}.gi-file-excel-o:before{content:"\e93e"}.gi-file-contract-o:before{content:"\e937"}.gi-file-text-o:before{content:"\e938"}.gi-file-text:before{content:"\e940"}.gi-file-o:before{content:"\e941"}.gi-file:before{content:"\e93f"}.gi-cac-o:before,.gi-id-card-o:before{content:"\e943"}.gi-cac:before,.gi-id-card:before{content:"\e944"}.gi-dc-flag:before{content:"\e939"}.gi-dc-map:before{content:"\e600"}.gi-us-flag-wavy:before{content:"\e948"}.gi-us-flag-straight:before{content:"\e95b"}.gi-us-map:before{content:"\e946"}.gi-globe:before,.gi-world:before{content:"\e947"}.gi-washington-monument:before{content:"\e94a"}.gi-capitol:before{content:"\e94b"}.gi-pentagon:before{content:"\e94c"}.gi-building:before{content:"\e949"}.gi-fedapi:before,.gi-540-fedapi:before{content:"\e933"}.gi-540:before,.gi-540-logo:before{content:"\e900"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto} \ No newline at end of file +@font-face{font-family:Govicons;src:url(fonts/govicons-webfont.eot);src:url(fonts/govicons-webfont.eot) format('embedded-opentype'),url(fonts/govicons-webfont.ttf) format('truetype'),url(fonts/govicons-webfont.woff) format('woff'),url(fonts/govicons-webfont.woff2) format('woff2'),url(fonts/govicons-webfont.svg) format('svg');font-style:normal;font-weight:400}.gi{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font:normal normal normal 14px/1 Govicons;font-size:inherit;text-rendering:auto}.gi-lg{font-size:1.33333em;line-height:.75em;vertical-align:-15%}.gi-xs{font-size:.75em}.gi-sm{font-size:.875em}.gi-1x{font-size:1em}.gi-2x{font-size:2em}.gi-3x{font-size:3em}.gi-4x{font-size:4em}.gi-5x{font-size:5em}.gi-6x{font-size:6em}.gi-7x{font-size:7em}.gi-8x{font-size:8em}.gi-9x{font-size:9em}.gi-10x{font-size:10em}.gi-fw{width:1.25em;text-align:center}.gi-ul{padding-left:0;margin-left:2.5em;list-style-type:none}.gi-ul>li{position:relative}.gi-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.gi-border{border:solid .08em #eee;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}.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}.gi-pulse{-webkit-animation:gi-spin 1s infinite steps(8);animation:gi-spin 1s infinite steps(8)}@-webkit-keyframes gi-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes gi-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.gi-rotate-90{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.gi-rotate-180{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.gi-rotate-270{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.gi-flip-horizontal{-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}.gi-flip-vertical{-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)}:root .gi-flip-horizontal,:root .gi-flip-vertical,:root .gi-rotate-180,:root .gi-rotate-270,:root .gi-rotate-90{-webkit-filter:none;filter:none}.gi-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.gi-stack-1x,.gi-stack-2x{position:absolute;left:0;width:100%;text-align:center}.gi-stack-1x{line-height:inherit}.gi-stack-2x{font-size:2em}.gi-inverse{color:#fff}.gi-ambulance:before{content:"\e980"}.gi-factory:before{content:"\e972"}.gi-file-excel:before{content:"\e973"}.gi-file-word:before{content:"\e974"}.gi-hard-hat:before{content:"\e975"}.gi-jefferson-memorial:before{content:"\e976"}.gi-lincoln-memorial:before{content:"\e977"}.gi-metro-front:before{content:"\e978"}.gi-pallet:before{content:"\e979"}.gi-poison:before{content:"\e97a"}.gi-poison-bottle:before{content:"\e97b"}.gi-train-front:before{content:"\e97c"}.gi-wheel-barrow:before{content:"\e97d"}.gi-white-house:before{content:"\e97e"}.gi-barcode:before{content:"\e95e"}.gi-ruler:before{content:"\e95f"}.gi-construction:before{content:"\e960"}.gi-fingerprint:before{content:"\e961"}.gi-nuclear-plant:before{content:"\e962"}.gi-radioactive:before{content:"\e963"}.gi-biohazard:before{content:"\e964"}.gi-microscope:before{content:"\e965"}.gi-dna:before{content:"\e966"}.gi-road-sign:before{content:"\e967"}.gi-road:before{content:"\e968"}.gi-road-barricade:before{content:"\e969"}.gi-submarine:before{content:"\e96a"}.gi-radar:before{content:"\e96b"}.gi-reticle-dot:before{content:"\e96c"}.gi-reticle-crosshair:before{content:"\e96d"}.gi-dogtags:before{content:"\e96e"}.gi-medal-circle:before{content:"\e96f"}.gi-medal-star:before{content:"\e970"}.gi-18F-logo:before,.gi-18f:before{content:"\e971"}.gi-sol:before,.gi-statue-of-liberty:before{content:"\e95c"}.gi-liberty-bell:before{content:"\e95d"}.gi-users:before{content:"\e95a"}.gi-user-politician:before{content:"\e959"}.gi-shield-o:before{content:"\e956"}.gi-shield:before{content:"\e957"}.gi-us-shield:before{content:"\e958"}.gi-missile:before{content:"\e954"}.gi-satellite:before{content:"\e955"}.gi-drone:before{content:"\e953"}.gi-security-camera:before{content:"\e94f"}.gi-textile:before{content:"\e950"}.gi-leaf:before{content:"\e951"}.gi-recycle:before{content:"\e952"}.gi-comment:before{content:"\e90f"}.gi-comments:before{content:"\e93a"}.gi-lightbulb:before{content:"\e901"}.gi-search:before{content:"\e942"}.gi-tools:before{content:"\e90e"}.gi-book:before{content:"\e945"}.gi-script:before{content:"\e902"}.gi-clock-o:before{content:"\e903"}.gi-code:before{content:"\e904"}.gi-cloud-o:before{content:"\e905"}.gi-cloud:before{content:"\e906"}.gi-database:before{content:"\e90a"}.gi-pie-chart:before{content:"\e907"}.gi-bar-chart:before{content:"\e908"}.gi-line-chart:before{content:"\e909"}.gi-briefcase:before{content:"\e929"}.gi-medkit:before{content:"\e90c"}.gi-stethoscope:before{content:"\e90d"}.gi-heartbeat:before{content:"\e90b"}.gi-ship-front:before{content:"\e911"}.gi-bus-front:before{content:"\e914"}.gi-truck-front:before{content:"\e916"}.gi-truck:before{content:"\e917"}.gi-tank:before{content:"\e91b"}.gi-helicopter:before{content:"\e918"}.gi-airplane:before{content:"\e919"}.gi-jet:before{content:"\e91a"}.gi-gun:before{content:"\e915"}.gi-ammo:before{content:"\e910"}.gi-desktop:before{content:"\e91c"}.gi-mobile-phone:before,.gi-mobile:before{content:"\e91d"}.gi-tablet:before{content:"\e91e"}.gi-times:before{content:"\e921"}.gi-check:before{content:"\e922"}.gi-check-square-o:before{content:"\e923"}.gi-caution:before,.gi-warning:before{content:"\e924"}.gi-cert:before,.gi-ribbon:before{content:"\e925"}.gi-key:before{content:"\e926"}.gi-folder:before{content:"\e927"}.gi-folder-misc:before{content:"\e928"}.gi-table:before{content:"\e92a"}.gi-tables:before{content:"\e92b"}.gi-unlock:before{content:"\e92f"}.gi-lock:before{content:"\e930"}.gi-cog:before,.gi-gear:before{content:"\e931"}.gi-cogs:before,.gi-gears:before{content:"\e932"}.gi-money:before{content:"\e91f"}.gi-usd:before{content:"\e920"}.gi-vote:before{content:"\e94d"}.gi-us-tophat:before{content:"\e92c"}.gi-elephant:before{content:"\e92e"}.gi-donkey:before{content:"\e92d"}.gi-balance:before{content:"\e912"}.gi-gavel:before{content:"\e913"}.gi-handshake:before{content:"\e934"}.gi-user-military:before{content:"\e935"}.gi-user-suit:before{content:"\e936"}.gi-user-graduate:before,.gi-user-student:before{content:"\e94e"}.gi-user:before{content:"\e93b"}.gi-presenter:before{content:"\e93c"}.gi-file-word-o:before{content:"\e93d"}.gi-file-excel-o:before{content:"\e93e"}.gi-file-contract-o:before{content:"\e937"}.gi-file-text-o:before{content:"\e938"}.gi-file-text:before{content:"\e940"}.gi-file-o:before{content:"\e941"}.gi-file:before{content:"\e93f"}.gi-cac-o:before,.gi-id-card-o:before{content:"\e943"}.gi-cac:before,.gi-id-card:before{content:"\e944"}.gi-dc-flag:before{content:"\e939"}.gi-dc-map:before{content:"\e600"}.gi-us-flag-wavy:before{content:"\e948"}.gi-us-flag-straight:before{content:"\e95b"}.gi-us-map:before{content:"\e946"}.gi-globe:before,.gi-world:before{content:"\e947"}.gi-washington-monument:before{content:"\e94a"}.gi-capitol:before{content:"\e94b"}.gi-pentagon:before{content:"\e94c"}.gi-building:before{content:"\e949"}.gi-540-fedapi:before,.gi-fedapi:before{content:"\e933"}.gi-540-logo:before,.gi-540:before{content:"\e900"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto} \ No newline at end of file From 55626f3850b070466d5a34bc03fade9e5f119bda Mon Sep 17 00:00:00 2001 From: Mark Ostrander Date: Wed, 1 May 2019 14:30:40 -0400 Subject: [PATCH 4/7] Add SVG sprite --- sprites/govicons.svg | 755 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 755 insertions(+) create mode 100755 sprites/govicons.svg diff --git a/sprites/govicons.svg b/sprites/govicons.svg new file mode 100755 index 0000000..4129b1c --- /dev/null +++ b/sprites/govicons.svg @@ -0,0 +1,755 @@ + From 0cf7d07103ef1b9368e9a61a902b11092ca6dd9c Mon Sep 17 00:00:00 2001 From: Mark Ostrander Date: Thu, 9 May 2019 09:52:06 -0400 Subject: [PATCH 5/7] Add related projects --- README.md | 11 +++++++++-- 1 file changed, 9 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 7ed1943..3d9848e 100644 --- a/README.md +++ b/README.md @@ -26,25 +26,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 ! ## 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) From bc99d10e1cbaa676ab0a26fe48ad6e07866b8ebb Mon Sep 17 00:00:00 2001 From: Mark Ostrander Date: Thu, 9 May 2019 11:58:32 -0400 Subject: [PATCH 6/7] Add quick start CDN --- README.md | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/README.md b/README.md index 3d9848e..407ee70 100644 --- 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 + +``` + +#### Usage + - Download and place the entire `govicons` directory into your project - In the `` of your html, reference the location to your govicons.min.css From 195e99d7317d076984cf47366a3a2631ef97a802 Mon Sep 17 00:00:00 2001 From: Mark Ostrander Date: Thu, 16 May 2019 08:34:18 -0400 Subject: [PATCH 7/7] Update versions --- CHANGELOG.md | 36 +++++++++++++++++++++++++++++++++++- bower.json | 2 +- css/govicons.css | 2 +- less/govicons.less | 2 +- package.json | 2 +- scss/govicons.scss | 2 +- 6 files changed, 40 insertions(+), 6 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 27270d0..0e24624 100644 --- 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/bower.json b/bower.json index 6ea8289..478aee5 100644 --- 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 index a4bb2f5..589014e 100755 --- 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 diff --git a/less/govicons.less b/less/govicons.less index e7e3e44..3a78ea9 100644 --- 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) */ diff --git a/package.json b/package.json index bf6e5cf..d74f80d 100644 --- 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/govicons.scss b/scss/govicons.scss index 9d10a85..211bf08 100644 --- 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) */