microsoft / rushstack.io-website
File Size

The distribution of size of files (measured in lines of code).

Intro
  • File size measurements show the distribution of size of files.
  • Files are classified in four categories based on their size (lines of code): 1-100 (very small files), 101-200 (small files), 201-500 (medium size files), 501-1000 (long files), 1001+(very long files).
  • It is a good practice to keep files small. Long files may become "bloaters", code that have increased to such gargantuan proportions that they are hard to work with.
Learn more...
File Size Overall
  • There are 117 files with 9,758 lines of code.
    • 1 very long files (3,881 lines of code)
    • 1 long files (600 lines of code)
    • 4 medium size files (1,009 lines of codeclsfd_ftr_w_mp_ins)
    • 11 small files (1,434 lines of code)
    • 100 very small files (2,834 lines of code)
39% | 6% | 10% | 14% | 29%
Legend:
1001+
501-1000
201-500
101-200
1-100


explore: zoomable circles | sunburst | 3D view
File Size per Extension
1001+
501-1000
201-500
101-200
1-100
yaml97% | 0% | 0% | 0% | 2%
scss0% | 12% | 20% | 22% | 44%
ts0% | 0% | 0% | 70% | 29%
js0% | 0% | 0% | 48% | 51%
html0% | 0% | 0% | 22% | 77%
yml0% | 0% | 0% | 0% | 100%
webmanifest0% | 0% | 0% | 0% | 100%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
_data97% | 0% | 0% | 0% | 2%
_sass0% | 12% | 20% | 22% | 44%
scripts0% | 0% | 0% | 69% | 30%
pages0% | 0% | 0% | 100% | 0%
_includes0% | 0% | 0% | 0% | 100%
_layouts0% | 0% | 0% | 0% | 100%
experimental0% | 0% | 0% | 0% | 100%
ROOT0% | 0% | 0% | 0% | 100%
permalinks0% | 0% | 0% | 0% | 100%
images0% | 0% | 0% | 0% | 100%
assets0% | 0% | 0% | 0% | 100%
Longest Files (Top 50)
File# lines# units
api_nav.yaml
in _data
3881 -
_variables.scss
in _sass/bootstrap
600 -
_custom-forms.scss
in _sass/bootstrap
323 -
_reboot.scss
in _sass/bootstrap
263 -
_card.scss
in _sass/bootstrap
216 -
_forms.scss
in _sass/bootstrap
207 -
_navbar.scss
in _sass/bootstrap
197 -
_carousel.scss
in _sass/bootstrap
175 -
_popover.scss
in _sass/bootstrap
150 -
_dropdown.scss
in _sass/bootstrap
133 -
_tables.scss
in _sass/bootstrap
123 -
_forms.scss
in _sass/bootstrap/mixins
115 -
_modal.scss
in _sass/bootstrap
113 -
docsite.ts
in scripts
113 4
_button-group.scss
in _sass/bootstrap
109 -
docsite.js
in scripts
104 6
people.html
in pages/overview
102 -
_input-group.scss
in _sass/bootstrap
100 -
_tooltip.scss
in _sass/bootstrap
93 -
_buttons.scss
in _sass/bootstrap
91 -
_buttons.scss
in _sass/bootstrap/mixins
86 -
_print.scss
in _sass/bootstrap
84 -
_type.scss
in _sass/bootstrap
82 -
page.html
in _layouts
80 -
_nav.scss
in _sass/bootstrap
76 -
_list-group.scss
in _sass/bootstrap
70 -
_breakpoints.scss
in _sass/bootstrap/mixins
69 -
people.yaml
in _data
64 -
test-login.js
in experimental
63 1
_syntax.scss
in _sass
62 -
_pagination.scss
in _sass/bootstrap
62 -
_caret.scss
in _sass/bootstrap/mixins
59 -
_config.yml
in root
54 -
_functions.scss
in _sass/bootstrap
54 -
_grid-framework.scss
in _sass/bootstrap/mixins
50 -
top_nav.js
in scripts
48 1
top_nav.ts
in scripts
48 1
_embed.scss
in _sass/bootstrap/utilities
44 -
_global.scss
in _sass
43 -
_borders.scss
in _sass/bootstrap/utilities
43 -
_spacing.scss
in _sass/bootstrap/utilities
43 -
_flex.scss
in _sass/bootstrap/utilities
39 -
side_nav.html
in _includes/base
37 -
_code.scss
in _sass/bootstrap
36 -
_grid.scss
in _sass/bootstrap/mixins
35 -
_gradients.scss
in _sass/bootstrap/mixins
34 -
mobile_nav.html
in permalinks
34 -
_mixins.scss
in _sass/bootstrap
30 -
_progress.scss
in _sass/bootstrap
30 -
_text.scss
in _sass/bootstrap/utilities
30 -
Files With Most Units (Top 5)
File# lines# units
docsite.js
in scripts
104 6
docsite.ts
in scripts
113 4
test-login.js
in experimental
63 1
top_nav.js
in scripts
48 1
top_nav.ts
in scripts
48 1
Files With Long Lines (Top 13)

There are 13 files with lines longer than 120 characters. In total, there are 47 long lines.

File# lines# units# long lines
_variables.scss
in _sass/bootstrap
600 - 15
svg-icons.html
in _includes
13 - 12
side_nav.html
in _includes/base
37 - 3
_functions.scss
in _sass/bootstrap
54 - 3
people.html
in pages/overview
102 - 3
styles.html
in _includes/base
4 - 2
_pagination.scss
in _sass/bootstrap
62 - 2
_buttons.scss
in _sass/bootstrap/mixins
86 - 2
disqus.html
in _includes
14 - 1
_syntax.scss
in _sass
62 - 1
_alert.scss
in _sass/bootstrap
28 - 1
_custom-forms.scss
in _sass/bootstrap
323 - 1
_gradients.scss
in _sass/bootstrap/mixins
34 - 1