Problem/Motivation

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
Command icon Show commands

Start 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:

Comments

grimreaper created an issue. See original summary.

grimreaper’s picture

Issue summary: View changes

Proposal of new reordering

grimreaper’s picture

For 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

grimreaper’s picture

Feedback from @vmaucorps:

In text, Typography first.

grimreaper’s picture

Issue summary: View changes
grimreaper’s picture

Issue summary: View changes

I forgot border substractive

grimreaper’s picture

Issue summary: View changes

Other @vmaucorps suggestion, alignment before wrapping

grimreaper’s picture

Assigned: grimreaper » Unassigned
Status: Active » Needs review
grimreaper’s picture

Assigned: Unassigned » grimreaper

Order in file untouched.

top, bottom, start, end. Update borders options.

grimreaper’s picture

grimreaper’s picture

grimreaper’s picture

Assigned: grimreaper » Unassigned
Status: Needs review » Fixed

  • grimreaper committed 22a0d61c on 5.0.x
    Issue #3477399 by grimreaper, vmaucorps, pdureau: Fix z-index machine...

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.