Skip to content

Instantly share code, notes, and snippets.

@oravecz
Last active April 6, 2017 13:05
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save oravecz/778541877bfa81b40fcd7918d4b27b76 to your computer and use it in GitHub Desktop.
Save oravecz/778541877bfa81b40fcd7918d4b27b76 to your computer and use it in GitHub Desktop.
Stylestats report for publically accessible dashboard.css
$ stylestats https://static.chasecdn.com/web/2017.04.09-268/dashboard/assets/dashboard.css
StyleStats!
┌─────────────────────────────────┬───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┐
│ Paths │ https://static.chasecdn.com/web/2017.04.09-268/dashboard/assets/... │
├─────────────────────────────────┼───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤
│ Style Sheets │ 1 │
├─────────────────────────────────┼───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤
│ Style Elements │ 0 │
├─────────────────────────────────┼───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤
│ Size │ 1.7MB │
├─────────────────────────────────┼───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤
│ Data URI Size │ 1.6KB │
├─────────────────────────────────┼───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤
│ Ratio of Data URI Size │ 0.1% │
├─────────────────────────────────┼───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤
│ Gzipped Size │ 209.0KB │
├─────────────────────────────────┼───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤
│ Rules │ 12573 │
├─────────────────────────────────┼───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤
│ Selectors │ 18913 │
├─────────────────────────────────┼───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤
│ Declarations │ 28214 │
├─────────────────────────────────┼───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤
│ Simplicity │ 66.5% │
├─────────────────────────────────┼───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤
│ Average of Identifier │ 4.595 │
├─────────────────────────────────┼───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤
│ Most Identifier │ 15 │
├─────────────────────────────────┼───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤
│ Most Identifier Selector │ .profile-settings.manage-transaction-limits .manage-transaction-limits-form .stub.form.table>tbody>tr>td button.update-limit-btn:disabled>.util.accessible-text:after │
├─────────────────────────────────┼───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤
│ Average of Cohesion │ 2.244 │
├─────────────────────────────────┼───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤
│ Lowest Cohesion │ 23 │
├─────────────────────────────────┼───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤
│ Lowest Cohesion Selector │ .interstitial-modal │
├─────────────────────────────────┼───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤
│ Total Unique Font Sizes │ 117 │
├─────────────────────────────────┼───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤
│ Unique Font Sizes │ 0 │
│ │ .45 │
│ │ medium │
│ │ xx-large │
│ │ x-large │
│ │ inherit │
│ │ initial │
│ │ .3125rem │
│ │ .5rem │
│ │ .55rem │
│ │ .625rem │
│ │ .6429rem │
│ │ .65rem │
│ │ .6875rem │
│ │ .7rem │
│ │ .75rem │
│ │ .756rem │
│ │ .775rem │
│ │ .8rem │
│ │ .8125rem │
│ │ .825rem │
│ │ .85rem │
│ │ .865rem │
│ │ .875rem │
│ │ .9rem │
│ │ .938rem │
│ │ 1rem │
│ │ 1.0625rem │
│ │ 1.1rem │
│ │ 1.125rem │
│ │ 1.15rem │
│ │ 1.188rem │
│ │ 1.2rem │
│ │ 1.25rem │
│ │ 1.3rem │
│ │ 1.313rem │
│ │ 1.375rem │
│ │ 1.4rem │
│ │ 1.5rem │
│ │ 1.625rem │
│ │ 1.7rem │
│ │ 1.75rem │
│ │ 1.8rem │
│ │ 1.875rem │
│ │ 2rem │
│ │ 2.375rem │
│ │ 2.5rem │
│ │ 3rem │
│ │ .563em │
│ │ .6em │
│ │ .625em │
│ │ .6429em │
│ │ .68em │
│ │ .7em │
│ │ .75em │
│ │ .8em │
│ │ .85em │
│ │ .875em │
│ │ .88em │
│ │ .9em │
│ │ .938em │
│ │ 1em │
│ │ 1.1em │
│ │ 1.125em │
│ │ 1.15em │
│ │ 1.2em │
│ │ 1.22em │
│ │ 1.23em │
│ │ 1.25em │
│ │ 1.28em │
│ │ 1.3em │
│ │ 1.313em │
│ │ 1.35em │
│ │ 1.375em │
│ │ 1.4em │
│ │ 1.5em │
│ │ 1.6em │
│ │ 1.625em │
│ │ 1.7em │
│ │ 1.875em │
│ │ 2em │
│ │ 2.45em │
│ │ 2.5em │
│ │ 4em │
│ │ 5em │
│ │ calc(.7rem) │
│ │ 1px │
│ │ 8px │
│ │ 9px │
│ │ 10px │
│ │ 11px │
│ │ 12px │
│ │ 13px │
│ │ 14px │
│ │ 16px │
│ │ 17px │
│ │ 18px │
│ │ 19px │
│ │ 20px │
│ │ 21px │
│ │ 22px │
│ │ 24px │
│ │ 25px │
│ │ 26px │
│ │ 27px │
│ │ 28px │
│ │ 30px │
│ │ 36px │
│ │ 38px │
│ │ 42px │
│ │ 44px │
│ │ 48px │
│ │ 88px │
│ │ 45% │
│ │ 60% │
│ │ 98.5% │
│ │ 110% │
├─────────────────────────────────┼───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤
│ Total Unique Font Families │ 9 │
├─────────────────────────────────┼───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤
│ Unique Font Families │ "Open Sans" │
│ │ 'Open Sans' │
│ │ 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif │
│ │ 'Open Sans',sans-serif │
│ │ Arial,verdana,tahoma │
│ │ Open Sans │
│ │ courier │
│ │ dcefont │
│ │ video-icon │
├─────────────────────────────────┼───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤
│ Total Unique Colors │ 76 │
├─────────────────────────────────┼───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤
│ Unique Colors │ #000000 │
│ │ #0000FF │
│ │ #007A00 │
│ │ #0091FF │
│ │ #0092FF │
│ │ #0A4386 │
│ │ #0A4B86 │
│ │ #0A6FFC │
│ │ #0B6EFD │
│ │ #105CB6 │
│ │ #111111 │
│ │ #1167B7 │
│ │ #126BC5 │
│ │ #128842 │
│ │ #1F1C1D │
│ │ #232426 │
│ │ #26201C │
│ │ #2CA853 │
│ │ #2F738E │
│ │ #333333 │
│ │ #3D3734 │
│ │ #403F41 │
│ │ #404142 │
│ │ #414042 │
│ │ #424142 │
│ │ #47A447 │
│ │ #4D4D4D │
│ │ #525252 │
│ │ #56504D │
│ │ #656565 │
│ │ #666666 │
│ │ #676767 │
│ │ #6CC7FF │
│ │ #6E6E6E │
│ │ #717171 │
│ │ #757575 │
│ │ #7A7A7A │
│ │ #87CDF9 │
│ │ #8B8B8C │
│ │ #8E8E8E │
│ │ #959595 │
│ │ #969696 │
│ │ #999999 │
│ │ #9A9A9A │
│ │ #A6B7D0 │
│ │ #AAAAAA │
│ │ #B1A7A3 │
│ │ #BABABA │
│ │ #BC2556 │
│ │ #BCBCBC │
│ │ #BF2155 │
│ │ #CCCCCC │
│ │ #D2322D │
│ │ #D51459 │
│ │ #D6D6D6 │
│ │ #D9D9D9 │
│ │ #DCDCDC │
│ │ #E6E6E6 │
│ │ #EDEDED │
│ │ #F2F2F2 │
│ │ #F4F1EA │
│ │ #FC6565 │
│ │ #FF4040 │
│ │ #FFFF00 │
│ │ #FFFFFF │
│ │ GREEN │
│ │ GREY │
│ │ INHERITED │
│ │ RED │
│ │ RGBA(0,0,0,.2) │
│ │ RGBA(0,0,0,.65) │
│ │ RGBA(0,0,0,.8) │
│ │ RGBA(237,237,237,.4) │
│ │ RGBA(255,255,255,.5) │
│ │ RGBA(255,255,255,.8) │
│ │ RGBA(255,255,255,.9) │
├─────────────────────────────────┼───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤
│ Total Unique Background Images │ 10 │
├─────────────────────────────────┼───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤
│ Unique Background Images │ ../../common/assets/img/dot.png │
│ │ ../../common/assets/img/icons/customerSurveyHeader.svg │
│ │ data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIH... │
│ │ data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIH... │
│ │ img/images/loading-small.png │
│ │ img/images/loading-small@2x.png │
│ │ img/images/texture.png │
│ │ img/images/toolbarButton-menuArrows.png │
│ │ img/images/toolbarButton-menuArrows@2x.png │
│ │ img/video.png │
├─────────────────────────────────┼───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤
│ ID Selectors │ 4259 │
├─────────────────────────────────┼───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤
│ Universal Selectors │ 37 │
├─────────────────────────────────┼───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤
│ Unqualified Attribute Selectors │ 72 │
├─────────────────────────────────┼───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤
│ JavaScript Specific Selectors │ 11 │
├─────────────────────────────────┼───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤
│ Important Keywords │ 1753 │
├─────────────────────────────────┼───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤
│ Float Properties │ 378 │
├─────────────────────────────────┼───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤
│ Properties Count │ font-size: 2281 │
│ │ color: 2188 │
│ │ font-weight: 1595 │
│ │ margin-top: 1523 │
│ │ text-decoration: 1440 │
│ │ display: 1330 │
│ │ letter-spacing: 1263 │
│ │ margin-bottom: 1015 │
│ │ padding-top: 931 │
│ │ width: 924 │
├─────────────────────────────────┼───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┤
│ Media Queries │ 1513 │
└─────────────────────────────────┴───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────┘
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment