cf-icons - npm Package Compare versions
Comparing version 3.2.0 to 3.2.1
| { | ||
| "name": "cf-icons", | ||
| "version": "3.2.0", | ||
| "version": "3.2.1", | ||
| "description": "Capital Framework icons", | ||
@@ -5,0 +5,0 @@ "main": "src/capital-framework.js", |
269
usage.md
@@ -10,2 +10,21 @@ The cf-icon component provides the custom icon font for Capital Framework. | ||
| ## Table of contents | ||
| - [Variables](#variables) | ||
| - [Settings](#settings) | ||
| - [The basics](#the-basics) | ||
| - [Helper classes](#helper-classes) | ||
| - [Icon sizes](#Icon-sizes) | ||
| - [Mixins](#mixins) | ||
| - [Modified icons](#modified-icons) | ||
| - [Animated icons](#animated-icons) | ||
| - [Icons](#icons) | ||
| - [Navigation icons](#navigation-icons) | ||
| - [Status icons](#status-icons) | ||
| - [Social icons](#social-icons) | ||
| - [Document icons](#document-icons) | ||
| - [Financial product icons](#financial-product-icons) | ||
| - [Web icons](#web-icons) | ||
| - [Icon character variables](#icon-character-variables) | ||
| ## Variables | ||
@@ -25,3 +44,3 @@ | ||
| #### IE7 Support | ||
| #### IE7 support | ||
@@ -31,5 +50,9 @@ IE7 support is added by using dynamic properties (CSS expressions). | ||
| To turn off IE7 support for performance reasons, | ||
| simply set @cf-icon-ie7-support to false. | ||
| simply set | ||
| ``` | ||
| @cf-icon-ie7-support: false; | ||
| ``` | ||
| ## The basics | ||
@@ -51,6 +74,8 @@ | ||
| ## Helper classes for icon sizes | ||
| ## Helpers | ||
| ### Large icon size | ||
| ### Icon sizes | ||
| #### Large icon size | ||
| <span class="cf-icon cf-icon-money cf-icon__lg"></span> | ||
@@ -62,3 +87,3 @@ | ||
| ### 2x icon size | ||
| #### 2x icon size | ||
@@ -71,3 +96,3 @@ <span class="cf-icon cf-icon-money cf-icon__2x"></span> | ||
| ### 3x icon size | ||
| #### 3x icon size | ||
@@ -80,3 +105,3 @@ <span class="cf-icon cf-icon-money cf-icon__3x"></span> | ||
| ### 4x icon size | ||
| #### 4x icon size | ||
@@ -89,3 +114,3 @@ <span class="cf-icon cf-icon-money cf-icon__4x"></span> | ||
| ### 5x icon size | ||
| #### 5x icon size | ||
@@ -98,7 +123,7 @@ <span class="cf-icon cf-icon-money cf-icon__5x"></span> | ||
| ## Mixin classes | ||
| ### Mixins | ||
| MIT Licensed by Font Awesome | ||
| ### Icon rotation mixin | ||
| #### Icon rotation mixin | ||
@@ -109,6 +134,6 @@ ``` | ||
| First parameter is @degrees. | ||
| Second parameter is @rotation | ||
| First parameter is `@degrees`. | ||
| Second parameter is `@rotation`. | ||
| ### Icon flip mixin | ||
| #### Icon flip mixin | ||
@@ -124,7 +149,7 @@ ``` | ||
| ## Helper classes for modified icons | ||
| ### Modified icons | ||
| MIT Licensed by Font Awesome | ||
| ### Bordered icons | ||
| #### Bordered icons | ||
@@ -137,5 +162,5 @@ <span class="cf-icon cf-icon-update cf-icon__border"></span> | ||
| Border color set by @cf-icon-border-color | ||
| Border color set by `@cf-icon-border-color` | ||
| ### Rotated icons | ||
| #### Rotated icons | ||
@@ -152,3 +177,3 @@ <span class="cf-icon cf-icon-update cf-icon__rotate-90"></span> | ||
| ### Flipped icons | ||
| #### Flipped icons | ||
@@ -163,7 +188,8 @@ <span class="cf-icon cf-icon-update cf-icon__flip-horizontal"></span> | ||
| ## Helper classes for animated icons | ||
| ### Animated icons | ||
| MIT Licensed by Font Awesome | ||
| ### Spinning icons | ||
| #### Spinning icons | ||
| <span class="cf-icon cf-icon-update cf-icon__spin"></span> | ||
@@ -175,3 +201,4 @@ | ||
| ### Pulsing icons | ||
| #### Pulsing icons | ||
| <span class="cf-icon cf-icon-update cf-icon__pulse"></span> | ||
@@ -183,3 +210,3 @@ | ||
| ### Flipped icons | ||
| #### Flipped icons | ||
@@ -194,6 +221,8 @@ <span class="cf-icon cf-icon-phone cf-icon__flip-horizontal"></span> | ||
| ## Navigation Icons | ||
| ## Icons | ||
| ### left | ||
| ### Navigation icons | ||
| #### Left | ||
| <span class="cf-icon cf-icon-left"></span> | ||
@@ -207,3 +236,4 @@ <span class="cf-icon cf-icon-left-round"></span> | ||
| ### right | ||
| #### Right | ||
| <span class="cf-icon cf-icon-right"></span> | ||
@@ -218,3 +248,3 @@ <span class="cf-icon cf-icon-right-round"></span> | ||
| ### up | ||
| #### Up | ||
@@ -229,3 +259,3 @@ <span class="cf-icon cf-icon-up"></span> | ||
| ### down | ||
| #### Down | ||
@@ -240,3 +270,3 @@ <span class="cf-icon cf-icon-down"></span> | ||
| ### arrow-left | ||
| #### Arrow left | ||
@@ -251,3 +281,3 @@ <span class="cf-icon cf-icon-arrow-left"></span> | ||
| ### arrow-right | ||
| #### Arrow right | ||
@@ -262,3 +292,3 @@ <span class="cf-icon cf-icon-arrow-right"></span> | ||
| ### arrow-up | ||
| #### Arrow up | ||
@@ -273,3 +303,3 @@ <span class="cf-icon cf-icon-arrow-up"></span> | ||
| ### arrow-down | ||
| #### Arrow down | ||
@@ -284,5 +314,5 @@ <span class="cf-icon cf-icon-arrow-down"></span> | ||
| ## Status Icon | ||
| ### Status icons | ||
| ### approved | ||
| #### Approved | ||
@@ -297,3 +327,3 @@ <span class="cf-icon cf-icon-approved"></span> | ||
| ### error | ||
| #### Error | ||
@@ -308,3 +338,3 @@ <span class="cf-icon cf-icon-error"></span> | ||
| ### help | ||
| #### Help | ||
@@ -319,3 +349,3 @@ <span class="cf-icon cf-icon-help"></span> | ||
| ### delete | ||
| #### Delete | ||
@@ -330,3 +360,3 @@ <span class="cf-icon cf-icon-delete"></span> | ||
| ### plus | ||
| #### Plus | ||
@@ -341,3 +371,3 @@ <span class="cf-icon cf-icon-plus"></span> | ||
| ### minus | ||
| #### Minus | ||
@@ -352,3 +382,3 @@ <span class="cf-icon cf-icon-minus"></span> | ||
| ### update | ||
| #### Update | ||
@@ -362,6 +392,7 @@ <span class="cf-icon cf-icon-update"></span> | ||
| ``` | ||
| ## Social Icons | ||
| ### youtube | ||
| ### Social icons | ||
| #### YouTube | ||
| <span class="cf-icon cf-icon-youtube"></span> | ||
@@ -375,3 +406,3 @@ <span class="cf-icon cf-icon-youtube-square"></span> | ||
@@ -386,3 +417,3 @@ <span class="cf-icon cf-icon-linkedin"></span> | ||
@@ -397,3 +428,3 @@ <span class="cf-icon cf-icon-facebook"></span> | ||
| ### flickr | ||
| #### Flickr | ||
@@ -408,3 +439,3 @@ <span class="cf-icon cf-icon-flickr"></span> | ||
| ### plus | ||
@@ -419,3 +450,3 @@ <span class="cf-icon cf-icon-twitter"></span> | ||
| ### github | ||
| #### GitHub | ||
@@ -430,3 +461,3 @@ <span class="cf-icon cf-icon-github"></span> | ||
| ### email-social | ||
@@ -441,5 +472,5 @@ <span class="cf-icon cf-icon-email-social"></span> | ||
| ## Document icons | ||
| ### Document icons | ||
| ### document | ||
| #### Document | ||
@@ -454,3 +485,3 @@ <span class="cf-icon cf-icon-document"></span> | ||
@@ -464,3 +495,3 @@ <span class="cf-icon cf-icon-pdf"></span> | ||
| ### upload | ||
| #### Upload | ||
@@ -475,3 +506,3 @@ <span class="cf-icon cf-icon-upload"></span> | ||
| ### download | ||
| #### Download | ||
@@ -486,3 +517,3 @@ <span class="cf-icon cf-icon-download"></span> | ||
| ### copy | ||
| #### Copy | ||
@@ -497,3 +528,3 @@ <span class="cf-icon cf-icon-copy"></span> | ||
| ### edit | ||
| #### Edit | ||
@@ -508,3 +539,3 @@ <span class="cf-icon cf-icon-edit"></span> | ||
| ### attach | ||
| #### Attach | ||
@@ -519,3 +550,3 @@ <span class="cf-icon cf-icon-attach"></span> | ||
@@ -530,3 +561,3 @@ <span class="cf-icon cf-icon-print"></span> | ||
| ### save | ||
| #### Save | ||
@@ -541,3 +572,3 @@ <span class="cf-icon cf-icon-save"></span> | ||
| ### appendix | ||
| #### Appendix | ||
@@ -552,3 +583,3 @@ <span class="cf-icon cf-icon-appendix"></span> | ||
| ### supplement | ||
| #### Supplement | ||
@@ -563,3 +594,3 @@ <span class="cf-icon cf-icon-supplement"></span> | ||
| ### rss | ||
| #### RSS | ||
@@ -574,5 +605,5 @@ <span class="cf-icon cf-icon-rss"></span> | ||
| ## Financial product icons | ||
| ### Financial product icons | ||
| ### bank-account | ||
| #### Bank account | ||
@@ -587,3 +618,3 @@ <span class="cf-icon cf-icon-bank-account"></span> | ||
| ### credit-card | ||
| #### Credit card | ||
@@ -598,3 +629,3 @@ <span class="cf-icon cf-icon-credit-card"></span> | ||
| ### loan | ||
| #### Loan | ||
@@ -609,3 +640,3 @@ <span class="cf-icon cf-icon-loan"></span> | ||
| ### money-transfer | ||
| #### Money transfer | ||
@@ -620,3 +651,3 @@ <span class="cf-icon cf-icon-money-transfer"></span> | ||
| ### mortgage | ||
| #### Mortgage | ||
@@ -631,3 +662,3 @@ <span class="cf-icon cf-icon-mortgage"></span> | ||
| ### debt-collection | ||
| #### Debt collection | ||
@@ -642,3 +673,3 @@ <span class="cf-icon cf-icon-debt-collection"></span> | ||
| ### credit-report | ||
| #### Credit report | ||
@@ -653,3 +684,3 @@ <span class="cf-icon cf-icon-credit-report"></span> | ||
| ### money | ||
| #### Money | ||
@@ -664,3 +695,3 @@ <span class="cf-icon cf-icon-money"></span> | ||
| ### quick-cash | ||
| #### Quick cash | ||
@@ -675,3 +706,3 @@ <span class="cf-icon cf-icon-quick-cash"></span> | ||
| ### contract | ||
| #### Contract | ||
@@ -686,3 +717,3 @@ <span class="cf-icon cf-icon-contract"></span> | ||
| ### complaint | ||
| #### Complaint | ||
@@ -697,3 +728,3 @@ <span class="cf-icon cf-icon-complaint"></span> | ||
| ### getting-credit-card | ||
| #### Getting a credit card | ||
@@ -708,3 +739,3 @@ <span class="cf-icon cf-icon-getting-credit-card"></span> | ||
| ### buying-car | ||
| #### Buying a car | ||
@@ -719,3 +750,3 @@ <span class="cf-icon cf-icon-buying-car"></span> | ||
| ### paying-college | ||
| #### Paying for college | ||
@@ -730,3 +761,3 @@ <span class="cf-icon cf-icon-paying-college"></span> | ||
| ### owning-home | ||
| #### Owning a home | ||
@@ -741,3 +772,3 @@ <span class="cf-icon cf-icon-owning-home"></span> | ||
| ### debt | ||
| #### Debt | ||
@@ -752,3 +783,3 @@ <span class="cf-icon cf-icon-debt"></span> | ||
| ### building-credit | ||
| #### Building credit | ||
@@ -763,3 +794,3 @@ <span class="cf-icon cf-icon-building-credit"></span> | ||
| ### prepaid-cards | ||
| #### Prepaid cards | ||
@@ -774,3 +805,3 @@ <span class="cf-icon cf-icon-prepaid-cards"></span> | ||
| ### payday-loan | ||
| #### Payday loan | ||
@@ -785,3 +816,3 @@ <span class="cf-icon cf-icon-payday-loan"></span> | ||
| ### retirement | ||
| #### Retirement | ||
@@ -797,5 +828,5 @@ <span class="cf-icon cf-icon-retirement"></span> | ||
| ## Web icons | ||
| ### Web icons | ||
| ### user | ||
| #### User | ||
@@ -810,3 +841,3 @@ <span class="cf-icon cf-icon-user"></span> | ||
| ### wifi | ||
| #### WiFi | ||
@@ -821,3 +852,3 @@ <span class="cf-icon cf-icon-wifi"></span> | ||
| ### search | ||
| #### Search | ||
@@ -832,3 +863,3 @@ <span class="cf-icon cf-icon-search"></span> | ||
| ### share | ||
| #### Share | ||
@@ -843,3 +874,3 @@ <span class="cf-icon cf-icon-share"></span> | ||
| ### link | ||
| #### Link | ||
@@ -854,3 +885,3 @@ <span class="cf-icon cf-icon-link"></span> | ||
| ### external-link | ||
| #### External link | ||
@@ -865,3 +896,3 @@ <span class="cf-icon cf-icon-external-link"></span> | ||
| ### audio-mute | ||
| #### Audio mute | ||
@@ -876,3 +907,3 @@ <span class="cf-icon cf-icon-audio-mute"></span> | ||
| ### audio-low | ||
| #### Audio low | ||
@@ -887,3 +918,3 @@ <span class="cf-icon cf-icon-audio-low"></span> | ||
| ### audio-medium | ||
| #### Audio medium | ||
@@ -898,3 +929,3 @@ <span class="cf-icon cf-icon-audio-medium"></span> | ||
| ### audio-max | ||
| #### Audio max | ||
@@ -909,3 +940,3 @@ <span class="cf-icon cf-icon-audio-max"></span> | ||
| ### favorite | ||
| #### Favorite | ||
@@ -920,3 +951,3 @@ <span class="cf-icon cf-icon-favorite"></span> | ||
| ### unfavorite | ||
| #### Unfavorite | ||
@@ -931,3 +962,3 @@ <span class="cf-icon cf-icon-unfavorite"></span> | ||
| ### bookmark | ||
| #### Bookmark | ||
@@ -942,3 +973,3 @@ <span class="cf-icon cf-icon-bookmark"></span> | ||
| ### unbookmark | ||
| #### Unbookmark | ||
@@ -953,3 +984,3 @@ <span class="cf-icon cf-icon-unbookmark"></span> | ||
| ### settings | ||
| #### Settings | ||
@@ -964,3 +995,3 @@ <span class="cf-icon cf-icon-settings"></span> | ||
| ### menu | ||
| #### Menu | ||
@@ -975,3 +1006,3 @@ <span class="cf-icon cf-icon-menu"></span> | ||
| ### lock | ||
| #### Lock | ||
@@ -986,3 +1017,3 @@ <span class="cf-icon cf-icon-lock"></span> | ||
| ### unlock | ||
| #### Unlock | ||
@@ -997,3 +1028,3 @@ <span class="cf-icon cf-icon-unlock"></span> | ||
| ### clock | ||
| #### Clock | ||
@@ -1008,3 +1039,3 @@ <span class="cf-icon cf-icon-clock"></span> | ||
| ### chart | ||
| #### Chart | ||
@@ -1019,3 +1050,3 @@ <span class="cf-icon cf-icon-chart"></span> | ||
| ### play | ||
| #### Play | ||
@@ -1030,3 +1061,3 @@ <span class="cf-icon cf-icon-play"></span> | ||
| ### history | ||
| #### History | ||
@@ -1041,3 +1072,3 @@ <span class="cf-icon cf-icon-history"></span> | ||
| ### table of contents | ||
| #### Table of contents | ||
@@ -1052,3 +1083,3 @@ <span class="cf-icon cf-icon-table-of-contents"></span> | ||
| ### newspaper | ||
| #### Newspaper | ||
@@ -1063,3 +1094,3 @@ <span class="cf-icon cf-icon-newspaper"></span> | ||
| ### microphone | ||
| #### Microphone | ||
@@ -1074,3 +1105,3 @@ <span class="cf-icon cf-icon-microphone"></span> | ||
| ### bullhorn | ||
| #### Bullhorn | ||
@@ -1085,3 +1116,3 @@ <span class="cf-icon cf-icon-bullhorn"></span> | ||
| ### double-quote | ||
| #### Double quote | ||
@@ -1096,3 +1127,3 @@ <span class="cf-icon cf-icon-double-quote"></span> | ||
| ### speech-bubble | ||
| #### Speech bubble | ||
@@ -1107,3 +1138,3 @@ <span class="cf-icon cf-icon-speech-bubble"></span> | ||
| ### information | ||
| #### Information | ||
@@ -1118,3 +1149,3 @@ <span class="cf-icon cf-icon-information"></span> | ||
| ### lightbulb | ||
| #### Lightbulb | ||
@@ -1129,3 +1160,3 @@ <span class="cf-icon cf-icon-lightbulb"></span> | ||
| ### dialogue | ||
| #### Dialogue | ||
@@ -1140,3 +1171,3 @@ <span class="cf-icon cf-icon-dialogue"></span> | ||
| ### date | ||
| #### Date | ||
@@ -1151,3 +1182,3 @@ <span class="cf-icon cf-icon-date"></span> | ||
| ### closing-quote | ||
| #### Closing quote | ||
@@ -1162,3 +1193,3 @@ <span class="cf-icon cf-icon-closing-quote"></span> | ||
| ### livestream | ||
| #### Livestream | ||
@@ -1173,3 +1204,3 @@ <span class="cf-icon cf-icon-livestream"></span> | ||
| ### parents | ||
| #### Parents | ||
@@ -1184,3 +1215,3 @@ <span class="cf-icon cf-icon-parents"></span> | ||
| ### servicemembers | ||
| #### Servicemembers | ||
@@ -1201,3 +1232,3 @@ <span class="cf-icon cf-icon-servicemembers"></span> | ||
| ``` | ||
| ```less | ||
| .download-icon:after { | ||
@@ -1204,0 +1235,0 @@ .cf-icon(); |
Sorry, the diff of this file is not supported yet
Improved metrics
- Total package byte prevSize
- increased by0.22%
749856