facebookincubator / infima
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 55 files with 2,768 lines of code.
    • 0 very long files (0 lines of code)
    • 0 long files (0 lines of code)
    • 1 medium size files (252 lines of codeclsfd_ftr_w_mp_ins)
    • 5 small files (605 lines of code)
    • 49 very small files (1,911 lines of code)
0% | 0% | 9% | 21% | 69%
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
pcss0% | 0% | 11% | 17% | 71%
js0% | 0% | 0% | 44% | 55%
css0% | 0% | 0% | 0% | 100%
toml0% | 0% | 0% | 0% | 100%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
packages/core/styles/components0% | 0% | 18% | 18% | 63%
packages/core/styles/common0% | 0% | 0% | 56% | 43%
website0% | 0% | 0% | 97% | 2%
website/src/pages0% | 0% | 0% | 76% | 23%
packages/core/styles/content0% | 0% | 0% | 0% | 100%
packages/core/js0% | 0% | 0% | 0% | 100%
packages/core/styles/layout0% | 0% | 0% | 0% | 100%
packages/core/styles/utilities0% | 0% | 0% | 0% | 100%
packages/core0% | 0% | 0% | 0% | 100%
packages/postcss-preset-infima0% | 0% | 0% | 0% | 100%
packages/core/styles0% | 0% | 0% | 0% | 100%
website/src/remark0% | 0% | 0% | 0% | 100%
packages/core/styles/themes0% | 0% | 0% | 0% | 100%
ROOT0% | 0% | 0% | 0% | 100%
Longest Files (Top 50)
File# lines# units
pcss
navbar.pcss
in packages/core/styles/components
 252 -
pcss
variables.pcss
in packages/core/styles/common
 133 -
123 -
pcss
menu.pcss
in packages/core/styles/components
 123 -
pcss
button.pcss
in packages/core/styles/components
 121 -
index.js
in website/src/pages
 105 1
pcss
dropdown.pcss
in packages/core/styles/components
 85 -
pcss
breadcrumb.pcss
in packages/core/styles/components
 85 -
gulpfile.js
in packages/core
 85 10
pcss
alert.pcss
in packages/core/styles/components
 84 -
pcss
grid.pcss
in packages/core/styles/layout
 80 -
pcss
markdown.pcss
in packages/core/styles/content
 77 -
pcss
typography.pcss
in packages/core/styles/content
 74 -
pcss
footer.pcss
in packages/core/styles/components
 74 -
pcss
pagination.pcss
in packages/core/styles/components
 71 -
pcss
avatar.pcss
in packages/core/styles/components
 64 -
menu.js
in packages/core/js
 61 1
pcss
tabs.pcss
in packages/core/styles/components
 60 -
pcss
code.pcss
in packages/core/styles/content
 58 -
pcss
pills.pcss
in packages/core/styles/components
 57 -
pcss
pagination-nav.pcss
in packages/core/styles/components
 56 -
pcss
table.pcss
in packages/core/styles/content
 52 -
index.js
in packages/postcss-preset-infima
 48 -
pcss
infima.pcss
in packages/core/styles
 47 -
pcss
text.pcss
in packages/core/styles/utilities
 44 -
pcss
card.pcss
in packages/core/styles/components
 43 -
pcss
dark-mode.pcss
in packages/core/styles/common
 43 -
pcss
table-of-contents.pcss
in packages/core/styles/components
 42 -
pcss
heading.pcss
in packages/core/styles/content
 37 -
pcss
badge.pcss
in packages/core/styles/components
 35 -
pcss
hero.pcss
in packages/core/styles/components
 35 -
pcss
list.pcss
in packages/core/styles/content
 34 -
pcss
button-group.pcss
in packages/core/styles/components
 33 -
index.module.css
in website/src/pages
 32 -
pcss
custom-scrollbar.pcss
in packages/core/styles/utilities
 32 -
pcss
variables-dark.pcss
in packages/core/styles/common
 31 -
pcss
spacing.pcss
in packages/core/styles/layout
 28 -
pcss
base.pcss
in packages/core/styles/common
 28 -
dropdowns.js
in packages/core/js
 24 2
pcss
close.pcss
in packages/core/styles/components
 22 -
playground.js
in website/src/remark
 21 -
navbar.js
in packages/core/js
 21 1
pcss
image.pcss
in packages/core/styles/content
 18 -
pcss
shadow.pcss
in packages/core/styles/utilities
 17 -
radio-behavior.js
in packages/core/js
 14 1
pcss
misc.pcss
in packages/core/styles/utilities
 14 -
alerts.js
in packages/core/js
 9 1
pcss
forms.pcss
in packages/core/styles/components
 9 -
pcss
default-dark.pcss
in packages/core/styles/themes/default-dark
 8 -
pcss
default.pcss
in packages/core/styles/themes/default
 7 -
Files With Most Units (Top 7)
File# lines# units
gulpfile.js
in packages/core
 85 10
dropdowns.js
in packages/core/js
 24 2
index.js
in website/src/pages
 105 1
navbar.js
in packages/core/js
 21 1
alerts.js
in packages/core/js
 9 1
radio-behavior.js
in packages/core/js
 14 1
menu.js
in packages/core/js
 61 1
Files With Long Lines (Top 4)

There are 4 files with lines longer than 120 characters. In total, there are 5 long lines.

File# lines# units# long lines
pcss
navbar.pcss
in packages/core/styles/components
 252 - 2
6 - 1
pcss
breadcrumb.pcss
in packages/core/styles/components
 85 - 1
pcss
menu.pcss
in packages/core/styles/components
 123 - 1
Correlations

File Size vs. Commits (all time): 51 points

packages/core/styles/components/dropdown.pcss x: 12 commits (all time) y: 85 lines of code packages/core/styles/content/typography.pcss x: 6 commits (all time) y: 74 lines of code packages/core/styles/components/menu.pcss x: 16 commits (all time) y: 123 lines of code packages/core/styles/components/table-of-contents.pcss x: 3 commits (all time) y: 42 lines of code packages/postcss-preset-infima/index.js x: 7 commits (all time) y: 48 lines of code packages/core/styles/common/base.pcss x: 7 commits (all time) y: 28 lines of code packages/core/styles/components/button-group.pcss x: 2 commits (all time) y: 33 lines of code packages/core/styles/components/footer.pcss x: 4 commits (all time) y: 74 lines of code packages/core/styles/components/navbar.pcss x: 24 commits (all time) y: 252 lines of code packages/core/styles/components/pagination-nav.pcss x: 3 commits (all time) y: 56 lines of code packages/core/styles/content/table.pcss x: 6 commits (all time) y: 52 lines of code packages/core/styles/utilities/shadow.pcss x: 2 commits (all time) y: 17 lines of code website/docusaurus.config.js x: 11 commits (all time) y: 123 lines of code website/sidebars.js x: 1 commits (all time) y: 3 lines of code website/src/pages/index.js x: 4 commits (all time) y: 105 lines of code website/src/remark/playground.js x: 1 commits (all time) y: 21 lines of code netlify.toml x: 2 commits (all time) y: 6 lines of code packages/core/styles/common/dark-mode.pcss x: 11 commits (all time) y: 43 lines of code packages/core/js/menu.js x: 3 commits (all time) y: 61 lines of code packages/core/styles/utilities/custom-scrollbar.pcss x: 4 commits (all time) y: 32 lines of code packages/core/styles/utilities/misc.pcss x: 2 commits (all time) y: 14 lines of code packages/core/styles/layout/grid.pcss x: 4 commits (all time) y: 80 lines of code packages/core/styles/content/heading.pcss x: 4 commits (all time) y: 37 lines of code packages/core/styles/content/markdown.pcss x: 2 commits (all time) y: 77 lines of code packages/core/styles/content/image.pcss x: 2 commits (all time) y: 18 lines of code packages/core/styles/common/variables-dark.pcss x: 4 commits (all time) y: 31 lines of code packages/core/styles/common/variables.pcss x: 5 commits (all time) y: 133 lines of code packages/core/styles/components/alert.pcss x: 5 commits (all time) y: 84 lines of code packages/core/js/navbar.js x: 2 commits (all time) y: 21 lines of code packages/core/styles/components/tabs.pcss x: 3 commits (all time) y: 60 lines of code packages/core/styles/content/code.pcss x: 5 commits (all time) y: 58 lines of code packages/core/styles/components/close.pcss x: 3 commits (all time) y: 22 lines of code packages/core/styles/components/pills.pcss x: 2 commits (all time) y: 57 lines of code packages/core/styles/components/button.pcss x: 3 commits (all time) y: 121 lines of code packages/core/styles/infima.pcss x: 3 commits (all time) y: 47 lines of code packages/core/styles/components/avatar.pcss x: 2 commits (all time) y: 64 lines of code packages/core/styles/components/badge.pcss x: 2 commits (all time) y: 35 lines of code packages/core/gulpfile.js x: 3 commits (all time) y: 85 lines of code packages/core/styles/components/breadcrumb.pcss x: 1 commits (all time) y: 85 lines of code packages/core/styles/components/card.pcss x: 1 commits (all time) y: 43 lines of code packages/core/styles/components/forms.pcss x: 1 commits (all time) y: 9 lines of code packages/core/styles/components/hero.pcss x: 1 commits (all time) y: 35 lines of code packages/core/styles/components/pagination.pcss x: 1 commits (all time) y: 71 lines of code packages/core/styles/content/list.pcss x: 1 commits (all time) y: 34 lines of code packages/core/styles/layout/spacing.pcss x: 1 commits (all time) y: 28 lines of code packages/core/styles/themes/default-dark/default-dark.pcss x: 1 commits (all time) y: 8 lines of code packages/core/styles/themes/default/default.pcss x: 1 commits (all time) y: 7 lines of code packages/core/styles/utilities/text.pcss x: 1 commits (all time) y: 44 lines of code packages/core/js/dropdowns.js x: 1 commits (all time) y: 24 lines of code packages/core/js/radio-behavior.js x: 1 commits (all time) y: 14 lines of code
252.0
lines of code
  min: 3.0
  average: 53.59
  25th percentile: 22.0
  median: 43.0
  75th percentile: 74.0
  max: 252.0
0 24.0
commits (all time)
min: 1.0 | average: 3.88 | 25th percentile: 1.0 | median: 3.0 | 75th percentile: 4.0 | max: 24.0

File Size vs. Contributors (all time): 51 points

packages/core/styles/components/dropdown.pcss x: 3 contributors (all time) y: 85 lines of code packages/core/styles/content/typography.pcss x: 3 contributors (all time) y: 74 lines of code packages/core/styles/components/menu.pcss x: 4 contributors (all time) y: 123 lines of code packages/core/styles/components/table-of-contents.pcss x: 2 contributors (all time) y: 42 lines of code packages/postcss-preset-infima/index.js x: 6 contributors (all time) y: 48 lines of code packages/core/styles/common/base.pcss x: 4 contributors (all time) y: 28 lines of code packages/core/styles/components/button-group.pcss x: 2 contributors (all time) y: 33 lines of code packages/core/styles/components/navbar.pcss x: 3 contributors (all time) y: 252 lines of code packages/core/styles/components/pagination-nav.pcss x: 3 contributors (all time) y: 56 lines of code packages/core/styles/content/table.pcss x: 4 contributors (all time) y: 52 lines of code packages/core/styles/utilities/shadow.pcss x: 2 contributors (all time) y: 17 lines of code website/docusaurus.config.js x: 6 contributors (all time) y: 123 lines of code website/sidebars.js x: 1 contributors (all time) y: 3 lines of code website/src/pages/index.js x: 4 contributors (all time) y: 105 lines of code website/src/remark/playground.js x: 1 contributors (all time) y: 21 lines of code netlify.toml x: 2 contributors (all time) y: 6 lines of code packages/core/styles/common/dark-mode.pcss x: 3 contributors (all time) y: 43 lines of code packages/core/js/menu.js x: 2 contributors (all time) y: 61 lines of code packages/core/styles/utilities/custom-scrollbar.pcss x: 3 contributors (all time) y: 32 lines of code packages/core/styles/utilities/misc.pcss x: 1 contributors (all time) y: 14 lines of code packages/core/styles/layout/grid.pcss x: 3 contributors (all time) y: 80 lines of code packages/core/styles/content/heading.pcss x: 3 contributors (all time) y: 37 lines of code packages/core/styles/content/markdown.pcss x: 2 contributors (all time) y: 77 lines of code packages/core/styles/content/image.pcss x: 2 contributors (all time) y: 18 lines of code packages/core/styles/common/variables-dark.pcss x: 3 contributors (all time) y: 31 lines of code packages/core/styles/common/variables.pcss x: 3 contributors (all time) y: 133 lines of code packages/core/styles/components/alert.pcss x: 3 contributors (all time) y: 84 lines of code packages/core/js/navbar.js x: 2 contributors (all time) y: 21 lines of code packages/core/styles/components/tabs.pcss x: 3 contributors (all time) y: 60 lines of code packages/core/styles/content/code.pcss x: 3 contributors (all time) y: 58 lines of code packages/core/styles/components/close.pcss x: 2 contributors (all time) y: 22 lines of code packages/core/styles/components/pills.pcss x: 2 contributors (all time) y: 57 lines of code packages/core/styles/components/button.pcss x: 2 contributors (all time) y: 121 lines of code packages/core/styles/infima.pcss x: 2 contributors (all time) y: 47 lines of code packages/core/styles/components/avatar.pcss x: 2 contributors (all time) y: 64 lines of code packages/core/styles/components/badge.pcss x: 2 contributors (all time) y: 35 lines of code packages/core/styles/components/breadcrumb.pcss x: 1 contributors (all time) y: 85 lines of code packages/core/styles/components/card.pcss x: 1 contributors (all time) y: 43 lines of code packages/core/styles/components/forms.pcss x: 1 contributors (all time) y: 9 lines of code packages/core/styles/components/hero.pcss x: 1 contributors (all time) y: 35 lines of code packages/core/styles/components/pagination.pcss x: 1 contributors (all time) y: 71 lines of code packages/core/styles/content/list.pcss x: 1 contributors (all time) y: 34 lines of code packages/core/styles/layout/spacing.pcss x: 1 contributors (all time) y: 28 lines of code packages/core/styles/themes/default-dark/default-dark.pcss x: 1 contributors (all time) y: 8 lines of code packages/core/styles/themes/default/default.pcss x: 1 contributors (all time) y: 7 lines of code packages/core/styles/utilities/text.pcss x: 1 contributors (all time) y: 44 lines of code packages/core/js/dropdowns.js x: 1 contributors (all time) y: 24 lines of code
252.0
lines of code
  min: 3.0
  average: 53.59
  25th percentile: 22.0
  median: 43.0
  75th percentile: 74.0
  max: 252.0
0 6.0
contributors (all time)
min: 1.0 | average: 2.29 | 25th percentile: 1.0 | median: 2.0 | 75th percentile: 3.0 | max: 6.0

File Size vs. Commits (30 days): 18 points

packages/core/styles/components/dropdown.pcss x: 2 commits (30d) y: 85 lines of code packages/core/styles/content/typography.pcss x: 1 commits (30d) y: 74 lines of code packages/core/styles/components/menu.pcss x: 2 commits (30d) y: 123 lines of code packages/core/styles/components/table-of-contents.pcss x: 1 commits (30d) y: 42 lines of code packages/postcss-preset-infima/index.js x: 3 commits (30d) y: 48 lines of code packages/core/styles/common/base.pcss x: 1 commits (30d) y: 28 lines of code packages/core/styles/components/button-group.pcss x: 1 commits (30d) y: 33 lines of code packages/core/styles/components/navbar.pcss x: 1 commits (30d) y: 252 lines of code packages/core/styles/components/pagination-nav.pcss x: 1 commits (30d) y: 56 lines of code packages/core/styles/content/table.pcss x: 3 commits (30d) y: 52 lines of code packages/core/styles/utilities/shadow.pcss x: 1 commits (30d) y: 17 lines of code website/docusaurus.config.js x: 1 commits (30d) y: 123 lines of code website/sidebars.js x: 1 commits (30d) y: 3 lines of code website/src/pages/index.js x: 2 commits (30d) y: 105 lines of code website/src/remark/playground.js x: 1 commits (30d) y: 21 lines of code netlify.toml x: 1 commits (30d) y: 6 lines of code packages/core/styles/common/dark-mode.pcss x: 1 commits (30d) y: 43 lines of code
252.0
lines of code
  min: 3.0
  average: 65.83
  25th percentile: 26.25
  median: 50.0
  75th percentile: 90.0
  max: 252.0
0 3.0
commits (30d)
min: 1.0 | average: 1.39 | 25th percentile: 1.0 | median: 1.0 | 75th percentile: 2.0 | max: 3.0

File Size vs. Contributors (30 days): 18 points

packages/core/styles/components/dropdown.pcss x: 2 contributors (30d) y: 85 lines of code packages/core/styles/content/typography.pcss x: 1 contributors (30d) y: 74 lines of code packages/core/styles/components/menu.pcss x: 2 contributors (30d) y: 123 lines of code packages/core/styles/components/table-of-contents.pcss x: 1 contributors (30d) y: 42 lines of code packages/postcss-preset-infima/index.js x: 3 contributors (30d) y: 48 lines of code packages/core/styles/common/base.pcss x: 1 contributors (30d) y: 28 lines of code packages/core/styles/components/button-group.pcss x: 1 contributors (30d) y: 33 lines of code packages/core/styles/components/navbar.pcss x: 1 contributors (30d) y: 252 lines of code packages/core/styles/components/pagination-nav.pcss x: 1 contributors (30d) y: 56 lines of code packages/core/styles/content/table.pcss x: 3 contributors (30d) y: 52 lines of code packages/core/styles/utilities/shadow.pcss x: 1 contributors (30d) y: 17 lines of code website/docusaurus.config.js x: 1 contributors (30d) y: 123 lines of code website/sidebars.js x: 1 contributors (30d) y: 3 lines of code website/src/pages/index.js x: 2 contributors (30d) y: 105 lines of code website/src/remark/playground.js x: 1 contributors (30d) y: 21 lines of code netlify.toml x: 1 contributors (30d) y: 6 lines of code packages/core/styles/common/dark-mode.pcss x: 1 contributors (30d) y: 43 lines of code
252.0
lines of code
  min: 3.0
  average: 65.83
  25th percentile: 26.25
  median: 50.0
  75th percentile: 90.0
  max: 252.0
0 3.0
contributors (30d)
min: 1.0 | average: 1.39 | 25th percentile: 1.0 | median: 1.0 | 75th percentile: 2.0 | max: 3.0

File Size vs. Commits (90 days): 18 points

packages/core/styles/components/dropdown.pcss x: 2 commits (90d) y: 85 lines of code packages/core/styles/content/typography.pcss x: 1 commits (90d) y: 74 lines of code packages/core/styles/components/menu.pcss x: 3 commits (90d) y: 123 lines of code packages/core/styles/components/table-of-contents.pcss x: 1 commits (90d) y: 42 lines of code packages/postcss-preset-infima/index.js x: 3 commits (90d) y: 48 lines of code packages/core/styles/common/base.pcss x: 1 commits (90d) y: 28 lines of code packages/core/styles/components/button-group.pcss x: 1 commits (90d) y: 33 lines of code packages/core/styles/components/navbar.pcss x: 1 commits (90d) y: 252 lines of code packages/core/styles/components/pagination-nav.pcss x: 1 commits (90d) y: 56 lines of code packages/core/styles/content/table.pcss x: 3 commits (90d) y: 52 lines of code packages/core/styles/utilities/shadow.pcss x: 1 commits (90d) y: 17 lines of code website/docusaurus.config.js x: 1 commits (90d) y: 123 lines of code website/sidebars.js x: 1 commits (90d) y: 3 lines of code website/src/pages/index.js x: 2 commits (90d) y: 105 lines of code website/src/remark/playground.js x: 1 commits (90d) y: 21 lines of code netlify.toml x: 1 commits (90d) y: 6 lines of code packages/core/styles/common/dark-mode.pcss x: 1 commits (90d) y: 43 lines of code
252.0
lines of code
  min: 3.0
  average: 65.83
  25th percentile: 26.25
  median: 50.0
  75th percentile: 90.0
  max: 252.0
0 3.0
commits (90d)
min: 1.0 | average: 1.44 | 25th percentile: 1.0 | median: 1.0 | 75th percentile: 2.0 | max: 3.0

File Size vs. Contributors (90 days): 18 points

packages/core/styles/components/dropdown.pcss x: 2 contributors (90d) y: 85 lines of code packages/core/styles/content/typography.pcss x: 1 contributors (90d) y: 74 lines of code packages/core/styles/components/menu.pcss x: 3 contributors (90d) y: 123 lines of code packages/core/styles/components/table-of-contents.pcss x: 1 contributors (90d) y: 42 lines of code packages/postcss-preset-infima/index.js x: 3 contributors (90d) y: 48 lines of code packages/core/styles/common/base.pcss x: 1 contributors (90d) y: 28 lines of code packages/core/styles/components/button-group.pcss x: 1 contributors (90d) y: 33 lines of code packages/core/styles/components/navbar.pcss x: 1 contributors (90d) y: 252 lines of code packages/core/styles/components/pagination-nav.pcss x: 1 contributors (90d) y: 56 lines of code packages/core/styles/content/table.pcss x: 3 contributors (90d) y: 52 lines of code packages/core/styles/utilities/shadow.pcss x: 1 contributors (90d) y: 17 lines of code website/docusaurus.config.js x: 1 contributors (90d) y: 123 lines of code website/sidebars.js x: 1 contributors (90d) y: 3 lines of code website/src/pages/index.js x: 2 contributors (90d) y: 105 lines of code website/src/remark/playground.js x: 1 contributors (90d) y: 21 lines of code netlify.toml x: 1 contributors (90d) y: 6 lines of code packages/core/styles/common/dark-mode.pcss x: 1 contributors (90d) y: 43 lines of code
252.0
lines of code
  min: 3.0
  average: 65.83
  25th percentile: 26.25
  median: 50.0
  75th percentile: 90.0
  max: 252.0
0 3.0
contributors (90d)
min: 1.0 | average: 1.44 | 25th percentile: 1.0 | median: 1.0 | 75th percentile: 2.0 | max: 3.0