Ein Beispiel, wie ich mein CSS sortiere
Code
userChrome.css
userContent.css
\about
|- _about.css
|- about_addons.css
|- about_addons_buttons.css
|- about_addons_endor.css
|- about_addons_neu.css
|- about_config.css
|- about_prefs.css
|- about_profiles.css
|- about_reader.css
- about_sync.css
\ctr
|- _ctr_chrome.css
|- _ctr_content.css
|- ac_popup_megabar_title_and_url_50percent_width.css
|- addonlists_show_addon_version_number.css
|- addons_manager_alternative_appearance.css
|- bookmark_icons_colorized.css
|- findbar_on_top.css
- tab_throbber_grey_classic.css
\eigene
|- _eigene_chrome.css
|- _eigene_content.css
|- addressbar_buttons.css
|- addressbar_fix.css
|- bookmarkpanel.css
|- clippings.css
|- downloads.css
|- ext_button.css
|- findbar.css
|- firefoxview.css
|- login.css
|- lz_menu_win10.css
|- passwords.css
|- places.css
|- reader_button.css
|- sanitize2.css
|- sanitize_dialog_fix.css
|- search_result.css
|- sidebar.css
|- tab-context.css
|- tracking.css
- translate.css
\image
|- bookmarksMenu.png
|- bookmarksToolbar.png
|- calendar.png
|- folder-item-red.png
|- folder-item.png
|- query.png
|- tabthrobber_classic_loading.png
|- tabthrobber_fx56_connecting.png
|- tag.png
|- unsortedBookmarks.png
|- download-icons.svg
|- extension3.svg
|- notification-start-animation.svg
|- tracking-protection-gray2.svg
|- tracking-protection-green2.svg
- tracking-protection-red2.svg
\proton
|- _proton.css
|- proton_bookmark_panel.css
|- proton_border_popups.css
|- proton_context_menu.css
|- proton_downloadbox.css
|- proton_hamburger_menu.css
|- proton_menubar.css
|- proton_overhang_menu.css
|- proton_tab_bar.css
|- proton_tab_colors.css
- proton_tabs_pinned.cssNicht perfekt, und ganz sicher nicht fehlerfrei, wie ich eben sehen durfte. Und Proton wurde mit v89 eingeführt, etliches davon ist noch gültig, nach 60 Versionen. Aber auch die CTR-CSS sind geringfügig angepasst. Viele enthalten nur zwei Elemente, das längste hat 225 Zeilen und betrifft die Tableiste. Und auch da wird es bald eine Trennung zwischen horizontal und vertikal geben, sonst wird es unübersichtlich. Strikte Trennung zwischen Form und Farbe.
, nicht roh) als CODE einfügen.
