Organize your CSS properties however you dang like

organize-your-css-properties.css

.class {
    /* GENERAL */
    display: #;
    content: ”;
    
    /* SIZING */
    width: #;
    min-width: #;
    max-width: #;
    height: #;
    min-height: #;
    max-height: #;
    padding: #;
    overflow: #;
    box-sizing: #;
    
    /* POSITIONING */
    position: #;
    top/right/bottom/left/z-index: #;
    margin: #;
    transform: #;
    
    /* STYLING */
    border: #;
    background: #;
    opacity: #;
    list-style/appearence: #;
    filter: #;
    
    /* TYPOGRAPHY */
    font-family: #;
    font-size: #;
    font-weight: #;
    text-transform: #;
    text-decoration: #;
    text-align: #;
    color: #;
    
    /* UX */
    visibility: #;
    pointer-events: #;
    user-select: #;
    cursor: #;
    
    /* EFFECTS */
    transition/animation: #;
}