mirrors/wagtail
mirrors/wagtail
0
0
Fork 0
mirror of https://github.com/wagtail/wagtail.git synced 2024-11-29 01:22:07 +01:00
Code Issues Releases Wiki Activity

Remove more unused class name prefixes

Browse Source
This commit is contained in:
Thibaud Colas 2023-12-12 17:53:33 +00:00
parent 77af0541be
commit 0865b9d716
1 changed files with 13 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
client/scss/core.scss
View File

@ -9,34 +9,25 @@ REFERENCE
* Classes should be written using BEM, which we modify to include a prefix.
* Every BEM block should have its own file.
┌────────────┬────────────────────────┬──────────────┬────────┐
│ Folder │ Contents │ ITCSS level │ Prefix │
├────────────┼────────────────────────┼──────────────┼────────┤
│ settings │ variables, maps, fonts │ 1 Settings │ │
│ tools │ mixins, functions │ 2 Tools │ │
│ generic │ resets │ 3 Generic │ │
│ elements │ elements, no classes │ 4 Elements │ │
│ objects │ Unused │ 5 Objects │ │
│ components │ classes │ 6 Components │ c- │
│ │ BEM blocks │ │ │
│ overrides │ classes │ 7 Trumps │ u- │
│ │ overrides, utilities │ │ │
└────────────┴────────────────────────┴──────────────┴────────┘
┌────────────┬────────────────────────┬──────────────┬
│ Folder │ Contents │ ITCSS level │
├────────────┼────────────────────────┼──────────────┼
│ settings │ variables, maps, fonts │ 1 Settings │
│ tools │ mixins, functions │ 2 Tools │
│ generic │ resets │ 3 Generic │
│ elements │ elements, no classes │ 4 Elements │
│ objects │ Unused │ 5 Objects │
│ components │ classes │ 6 Components │
│ │ BEM blocks │ │
│ overrides │ classes │ 7 Trumps │
│ │ overrides, utilities │ │
└────────────┴────────────────────────┴──────────────┘
SCSS: https://sass-lang.com/guide
ITCSS: https://www.creativebloq.com/web-design/manage-large-css-projects-itcss-101517528
Sass 7-1 pattern: https://gist.github.com/rveitch/84cea9650092119527bc
BEM: https://getbem.com/
OTHER PREFIXES
┌────────┬─────────┐
│ Prefix │ Purpose │
├────────┼─────────┤
│ is- │ state │
└────────┴─────────┘
==============================================================================*/
/* Legacy vendor styles. Do not add new styles here. */
@ -78,7 +69,6 @@ These are base styles for bare HTML elements.
@import 'elements/typography';
@import 'elements/forms';
/* COMPONENTS
These are classes for components.
* These classes (unless legacy) are prefixed with `.c-`.