Re-order styles by the most used first like what add been done in https://www.drupal.org/project/sobki_profile_bootstrap
| Current (from MR/Sobki) | Proposed |
|---|---|
| Text - color - italics - weight - height - monospace - opacity - alignment - decoration - transform - truncate - wrapping - typography - word break Link - icon - color - offset - offset hover - opacity - opacity hover - underline - underline opacity - underline opacity hover - stretched Background - color - gradient (starterkit) - opacity Borders - border - color - opacity - radius - radius position - radius width - substractive - width - shadow Spacing - horizontal centering - margin - margin bottom - margin end - margin start - margin top - padding - padding bottom - padding end - padding start - padding top - vertical alignment Position - position values - arrange element horizontally - arrange element vertically - center element - position Sizing - height - aspect ratios - width Visibility - visibility - opacity - overflow - overflow horizontal - overflow vertical - visually hidden Display - display all - display print - display large screens - display medium screens - display small screens - display x-large screens - display xx-large screens Float - float - clearfix Flex - flex - align content - align items - align self - direction - fill - grow and shrink - justify content - order - wrap Object fit - object fit Z-index - z-index Interaction - pointer events - text selection Focus - focus ring Thumbnail - thumbnail Other - vertical rule |
Text - typography - color - weight - italics - transform - decoration - height - monospace - opacity - alignment - wrapping - word break - truncate Background - color - opacity - gradient (starterkit) Borders - border - substractive - width - color - opacity - shadow - radius - radius width - radius position Spacing - margin - margin top - margin bottom - margin start - margin end - padding - padding top - padding bottom - padding start - padding end - horizontal centering - vertical alignment Sizing - width - height - aspect ratios (or first?) Display - display all - display small screens - display medium screens - display large screens - display x-large screens - display xx-large screens - display print Float - float - clearfix Flex - flex - direction - align content - justify content - align items - align self - wrap - fill - grow and shrink - order Position - position values - position - center element - arrange element horizontally - arrange element vertically Visibility - visibility - visually hidden - opacity - overflow - overflow horizontal - overflow vertical Z-index - z-index Link - color - underline - offset - offset hover - opacity - opacity hover - underline opacity - underline opacity hover - icon - stretched Object fit - object fit Interaction - pointer events - text selection Focus - focus ring Thumbnail - thumbnail Other - vertical rule |
Show commandsStart within a Git clone of the project using the version control instructions.
Or, if you do not have SSH keys set up on git.drupalcode.org:
changes
Comments
Comment #3
grimreaperProposal of new reordering
Comment #4
grimreaperFor styles with top, bottom, start, end like margin and spacing I wonder if go to top, bottom, start, end or go like in CSS (top, right, bottom, left)?
PS:
- top
- bottom
- start
- end
OR
- top
- end
- bottom
- start
Comment #6
grimreaperFeedback from @vmaucorps:
In text, Typography first.
Comment #7
grimreaperComment #8
grimreaperI forgot border substractive
Comment #9
grimreaperOther @vmaucorps suggestion, alignment before wrapping
Comment #10
grimreaperComment #11
grimreaperOrder in file untouched.
top, bottom, start, end. Update borders options.
Comment #12
grimreaperComment #14
grimreaperComment #15
grimreaper