项目作者: izica

项目描述 :
inline css styles generator(conditions support)
高级语言: PHP
项目地址: git://github.com/izica/php-styles.git
创建时间: 2018-06-17T14:19:43Z
项目社区:https://github.com/izica/php-styles

开源协议:MIT License

下载


Install

  1. composer require izica/php-styles

Usage

generate inline tag style

  1. $sStyles = (new PhpStylesInline())->opacity(0, $sContact == '')->render();
  2. or
  3. $sStyles = styles(true)->opacity(0, $sContact == '')->render();
  4. or
  5. $sStyles = styles()->inline->opacity(0, $sContact == '')->render();

insert style

  1. <div <?=$sStyles?>>
  2. <?=$sContact;?>
  3. </div>

generate style with class(class styles supports media query)

  1. $sClassname = (new PhpStyles())->media(0, 1024)->opacity(0, $sContact == '')->render();
  2. or
  3. $sClassname = styles()->media(0, 1024)->opacity(0, $sContact == '')->render();
  4. or
  5. $sClassname = styles()
  6. ->name('contact-images')
  7. ->media(0, 1024)
  8. ->set('display', 'flex'),
  9. ->set('align-items', 'center', $itemsCount > 4),
  10. ->set('align-items', 'flex-start', $itemsCount <= 4),
  11. ->set('color', '#ccc')
  12. ->opacity(0, $sContact == '')
  13. ->render();

insert style

  1. <div class="<?=$sClassname?>">
  2. <?=$sContact;?>
  3. </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))