README

composer require izica/php-styles

用法

生成内联标签样式

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

插入样式

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

生成带类（支持媒体查询的类样式）的样式

    $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();

插入样式

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

文档

• styles() - 返回 PhpStyles
• styles(true) - 返回 PhpStylesInline
• PhpStyles
  • inline() - 返回 PhpStylesInline
  • media(sizeFrom: number, sizeTo: number)
  • set(key: string, value: string or number, condition: bool(not required)) - 返回 $this(if condition == false, not set)
  • render(condition: bool(not required))- 返回唯一类名(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)) - 返回 $this(if condition == false, not set)
  • render(condition: bool(not required))- 返回唯一类名(if condition == false, returns empty string)
  • opacity(value, condition(not required))