Skip to content

inline css styles generator(conditions support)

License

Notifications You must be signed in to change notification settings

izica/php-styles

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Install

composer require izica/php-styles

Usage

generate inline tag style

    $sStyles = (new PhpStylesInline())->opacity(0, $sContact == '')->render();
    or
    $sStyles = styles(true)->opacity(0, $sContact == '')->render();
    or
    $sStyles = styles()->inline->opacity(0, $sContact == '')->render();

insert style

    <div <?=$sStyles?>>
        <?=$sContact;?>
    </div>

generate style with class(class styles supports media query)

    $sClassname = (new PhpStyles())->media(0, 1024)->opacity(0, $sContact == '')->render();
    or
    $sClassname = styles()->media(0, 1024)->opacity(0, $sContact == '')->render();
    or
    $sClassname = styles()
        ->name('contact-images')
        ->media(0, 1024)
        ->set('display', 'flex'),
        ->set('align-items', 'center', $itemsCount > 4),
        ->set('align-items', 'flex-start', $itemsCount <= 4),
        ->set('color', '#ccc')
        ->opacity(0, $sContact == '')
        ->render();

insert style

    <div class="<?=$sClassname?>">
        <?=$sContact;?>
    </div>

Documentation

  • styles() - returns PhpStyles
  • styles(true) - returns PhpStylesInline
  • PhpStyles
    • inline() - returns PhpStylesInline
    • media(sizeFrom: number, sizeTo: number)
    • set(key: string, value: string or number, condition: bool(not required)) - returns $this(if condition == false, not set)
    • render(condition: bool(not required))- returns unique class name(if condition == false, returns empty string)
    • opacity(value, condition(not required))
    • name(className: string)
  • PhpStylesInline
    • set(key: string, value: string or number, condition: bool(not required)) - returns $this(if condition == false, not set)
    • render(condition: bool(not required))- returns unique class name(if condition == false, returns empty string)
    • opacity(value, condition(not required))