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:
+71
-50
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user