Bundles structure & sizes
Rosetta
zoom: double click
enlarge: shift + double click
drag: click and move
index.scss
index.scss
index.scss
index.scss
index.scss
index.scss
help-text.scss
reset.scss
rosetta-hs.scss
rosetta.scss
index.scss
breakpoints.scss
colors.scss
render.scss
Cross dependencies
Orphans
_breakpoints
_colors
_spacing
_typography
_alignment
_box-shadow
_colors
_radius
_spacing
_typography
_width
_display
_flexbox
_grid
_position
_theme-modes
_wrapper
_article
_badge
_block
_box
_button
_icon
_image
_logo
_table
_toggle
_card
_heading
_navigation
_rich-text
_slideshow
_social-icons
_tabs
_ebook-previewer
_fold
_footer
_module
_related-ebooks
_share
_subscription
_topbar
_file
_general
_index
_input
_label
_radio
_select
_switch
_textarea
_base
_index
_index
_color
_utils
_breakpoints
_builders
_colors
_forms
_layout
_media
_spacing
_utils
_index
Duplicated imports
This graph shows cross components dependencies and help you run project without unneeded relations and orphans.
For example, global components bundle should not have any dependencies, since by the name it already included in all areas. Also components that not included in any resulted CSS file probably redundant.
- standalone file
- partial file
Components sizes
10kB
_button.scss
6.7kB
_colors.scss
4.7kB
_spacing.scss
4.5kB
_colors.scss
4.3kB
_typography.scss
4.3kB
_builders.scss
4.2kB
_general.scss
4.1kB
_typography.scss
3.9kB
_grid.scss
3.6kB
_slideshow.scss
3.1kB
_switch.scss
3.1kB
_utils.scss
2.9kB
_tabs.scss
2.8kB
_topbar.scss
2.5kB
_forms.scss
1.6kB
_article.scss
1.6kB
_spacing.scss
1.5kB
_alignment.scss
1.4kB
_color.scss
1.4kB
_social-icons.scss
1.3kB
_icon.scss
1.3kB
_toggle.scss
1.2kB
_base.scss
1.2kB
_table.scss
1.2kB
_layout.scss
1.1kB
_label.scss
1.0kB
_flexbox.scss
860B
_heading.scss
840B
_box-shadow.scss
840B
_breakpoints.scss
810B
_theme-modes.scss
790B
_radius.scss
750B
_badge.scss
690B
_navigation.scss
650B
reset.scss
580B
_select.scss
530B
_width.scss
490B
_media.scss
470B
help-text.scss
450B
_display.scss
410B
_utils.scss
390B
breakpoints.scss
390B
_position.scss
310B
_box.scss
300B
_related-ebooks.scss
300B
_spacing.scss
250B
_module.scss
250B
_textarea.scss
240B
rosetta.scss
200B
rosetta-hs.scss
200B
_image.scss
200B
_breakpoints.scss
200B
_footer.scss
190B
_logo.scss
180B
index.scss
170B
index.scss
170B
_index.scss
160B
index.scss
150B
_block.scss
150B
index.scss
140B
index.scss
140B
_input.scss
120B
index.scss
120B
_radio.scss
120B
_wrapper.scss
110B
_index.scss
67B
index.scss
45B
colors.scss
38B
_index.scss
28B
render.scss
16B
_index.scss
7.0B
_colors.scss
6.0B
_ebook-previewer.scss
5.0B
_rich-text.scss
5.0B
_fold.scss
5.0B
_share.scss
2.0B
_subscription.scss
1.0B
_file.scss
0.0B
_card.scss
Note that this is approximation of size. Some components could contain includes that may change size of compiled component dramatically.