Split and re-ordered SCSS files for easier overrides of defaults (#4)

* Split SCSS for easier changes
* Re-ordered SCSS files for easier overrides of defaults
* Fixed padding classes with auto value
* Added theme """stub"""
This commit is contained in:
2026-05-11 13:32:00 +02:00
committed by GitHub
parent 95ffb881f9
commit 91098bc437
68 changed files with 926 additions and 786 deletions
+71 -50
View File
@@ -10,70 +10,91 @@
* -----------------------------------------------------------------------------
*/
/* Externals */
@import 'externals/reset'; // Doesn't reset checkboxes !
/* Config */
@import 'config';
/* Externals */
@import 'external/reset'; // Doesn't reset checkboxes !
/* Variables */
@import 'variables';
/* Site */
/* Site > Layouts */
@import 'site/layouts/commons'; // Sets up the page's default sizing rules
@import 'site/layouts/generic'; // Theme used for websites with a toggleable sidebar (Similar to WinUI apps)
/* Layouts */
@import 'layouts/layout_commons'; // Sets up the page's default sizing rules
@import 'layouts/layout_generic'; // Theme used for websites with a toggleable sidebar (Similar to WinUI apps)
/* Site > Styles */
@import 'site/base'; // Needs a rework, Defines some basic common broad styling/coloring rules
@import 'site/text'; // Has some hardcoded width for font-awesome icons in sidebar and headings
/* Site > Elements */
@import 'site/hr'; // Custom horizontal rulers
@import 'site/scrollbar'; // Personalizes the scrollbars (Horizontal is still unfinished !)
@import 'site/input'; // Has ugly fix for download buttons
@import 'site/table'; // Uses copied paddings for cells & ugly rounding fix
@import 'site/code'; // Uses forced borders, roundings and paddings
@import 'site/video';
/* Defaults */
/* Defaults > Text */
@import 'defaults/text/defaults-text-basics';
@import 'defaults/text/defaults-text-links';
@import 'defaults/text/defaults-text-weights';
/* Site > Misc */
@import 'site/borders'; // Applies the colors mostly, the size are in the elements !
@import 'site/backgrounds';
@import 'defaults/defaults-backgrounds'; // Defines some basic styling/coloring rules
@import 'defaults/defaults-fonts';
@import 'defaults/defaults-images';
@import 'defaults/defaults-inputs'; // Has ugly fix for download buttons
@import 'defaults/defaults-code'; // Uses forced borders, roundings and paddings
@import 'defaults/defaults-tables'; // Uses copied paddings for cells & ugly rounding fix
/* Site > Fixes */
@import 'site/mobile'; // Has !important overrides for obvious reasons
/* Site > Unsorted */
@import 'site/image';
@import 'site/wedge';
@import 'site/content'; // Uses fixed sizes and floats
@import 'site/modal';
/* Core */
@import 'core/border'; // Border rules (.border, .bt-0, ...)
@import 'core/float'; // Floating rules (.f-right, ...)
@import 'core/sizing'; // Rules for setting elements size (.w-full, ...)
@import 'core/flex'; // /!\ Needs an overhaul !!!
@import 'core/grid'; // /!\ Needs an overhaul !!!
@import 'core/text'; // Text-related rules (.t-bold, t-ucase, t-size-14, ...)
//@import 'core/containers'; // Cannot remember why it was used, if ever
@import 'core/display'; // /!\ Needs improvement !!!
@import 'core/position'; // /!\ Needs improvement !!!
@import 'core/overflow'; // Defines generic overflow rules (.o-hidden, .ox-scroll, ...)
@import 'core/lists';
@import 'core/table';
@import 'core/cursor';
@import 'core/core-grids'; // /!\ Needs an overhaul, especially for mobile !!!
/* Core > Rounding */
@import 'core/rounding/global';
@import 'core/rounding/sided';
@import 'core/rounding/corner';
/* Elements */
@import 'elements/elements-backgrounds';
@import 'elements/elements-lists';
@import 'elements/elements-wedge'; // Wedges shown in code blocks and other notifications.
@import 'elements/elements-hr'; // Custom horizontal rulers
@import 'elements/elements-video';
@import 'elements/elements-scrollbar'; // /!\ Horizontal unfinished, and thy look bad in some contexts /!\
/* Core > Spacing */
@import 'core/spacing/global';
@import 'core/spacing/axis';
@import 'core/spacing/sided';
/* Inputs */
@import 'inputs/inputs-langs';
@import 'inputs/inputs-textarea';
/* Tables */
@import 'tables/tables-modifiers';
/* Borders */
@import 'borders/border-targeting'; // Border rules (.border, .bt-0, ...)
@import 'borders/border-styles'; // Types of borders
@import 'borders/border-colors'; // Default colors for some elements (Overrides global color in border-targeting)
/* Text */
@import 'text/text-sizes';
@import 'text/text-weights';
@import 'text/text-alignment';
@import 'text/text-styling';
@import 'text/text-misc';
/* Spacing */
@import 'spacing/spacing_global';
@import 'spacing/spacing_axis';
@import 'spacing/spacing_sided';
/* Rounding */
@import 'rounding/rounding_global';
@import 'rounding/rounding_sided';
@import 'rounding/rounding_corner';
/* Overrides */
@import 'utils/utils-float'; // Floating rules (.f-right, ...)
@import 'utils/utils-cursor';
@import 'utils/utils-text';
@import 'utils/utils-display'; // /!\ Needs more classes !
@import 'utils/utils-overflow'; // Defines generic overflow rules (.o-hidden, .ox-scroll, ...)
@import 'utils/utils-flex'; // /!\ Needs an overhaul !!!
@import 'utils/utils-sizing'; // Rules for setting elements size (.w-full, ...)
@import 'utils/utils-position';
@import 'utils/utils-mobile';
/* Extras */
@import 'site/splide';
@import 'extra/extra-splide'; // Picture gallery
@import 'extra/extra-np-content'; // Uses fixed sizes and floats
/* Fixes */
@import 'fixes/fixes-mobile'; // Hotfixes for mobile-related issues
@import 'fixes/fixes-buttons'; // Ugly fix for download buttons