/**
* @param \AppShed\Remote\Style\CSSDocument $css
* @param \AppShed\Remote\HTML\Settings $settings
*/
public function getCSS(CSSDocument $css, Settings $settings)
{
$idSelector = $css->getIdSelector($this->getIdType() . $settings->getPrefix() . $this->getId());
$isScreen = $this instanceof Screen;
$isItem = $this instanceof Item;
$css->addRule($idSelector, 'text-align', $this->align);
$css->addRule($idSelector, 'font-family', $css->getFontValue($this->fontFamily));
if ($this->color) {
$css->addRule($idSelector, 'color', $css->getColorValue($this->color));
$css->addRule($idSelector . " button", 'color', $css->getColorValue($this->color));
$css->addRule($idSelector . " .item-icon-inner .title", 'color', $css->getColorValue($this->color));
}
$css->addRule([$idSelector, $css->getClassSelector('glow-back')], 'fill', $css->getColorValue($this->glowColor));
$css->addRule([$css->getClassSelector('android'), $idSelector, $css->getClassSelector('glow-back'), $css->getClassSelector('back-left')], 'background-color', $css->getColorValue($this->glowColor));
$css->addRule([$idSelector, $css->getClassSelector('glow-back'), $css->getClassSelector('back-right')], 'background-color', $css->getColorValue($this->glowColor));
$css->addRule([$idSelector, $css->getClassSelector('glow-back'), $css->getClassSelector('back-center')], 'background-color', $css->getColorValue($this->glowColor));
if ($this->glowColor) {
$css->addRule([$idSelector, $css->getClassSelector('glow')], 'background-color', $this->glowColor->toString(0.5));
}
$css->addRule($idSelector, 'font-size', $css->getSizeValue($this->size));
if ($this->bold === true) {
$css->addRule($idSelector, 'font-weight', 'bold');
} else {
if ($this->bold === false) {
$css->addRule($idSelector, 'font-weight', 'normal');
}
}
if ($this->italic === true) {
$css->addRule($idSelector, 'font-style', 'italic');
} else {
if ($this->italic === false) {
$css->addRule($idSelector, 'font-style', 'normal');
}
}
if ($this->underline === true) {
$css->addRule($idSelector, 'text-decoration', 'underline');
} else {
if ($this->underline === false) {
$css->addRule($idSelector, 'text-decoration', 'none');
}
}
$css->addRule($idSelector, 'border-color', $css->getColorValue($this->borderColor));
$css->addRule([$idSelector, 'textarea'], 'border-color', $css->getColorValue($this->borderColor));
$css->addRule([$idSelector, 'input'], 'border-color', $css->getColorValue($this->borderColor));
$css->addRule([$idSelector, 'select'], 'border-color', $css->getColorValue($this->borderColor));
$css->addRule([$idSelector, $css->getClassSelector('autocomplete')], 'color', $css->getColorValue($this->autoCompleteColor));
$css->addRule([$idSelector, $css->getClassSelector('autocomplete')], 'border-color', $css->getColorValue($this->autoCompleteColor));
$css->addRule([$idSelector, $css->getClassSelector('autocomplete')], 'background-color', $css->getColorValue($this->autoCompleteBackgroundColor));
$css->addRule([$idSelector, $css->getClassSelector('autocomplete'), $css->getClassSelector('completion') . $css->getPseudoClassSelector('hover')], 'color', $css->getColorValue($this->autoCompleteHighlightColor));
$css->addRule([$idSelector, $css->getClassSelector('title')], 'color', $css->getColorValue($this->titleColor));
$css->addRule([$idSelector, $css->getClassSelector('title')], 'font-size', $css->getSizeValue($this->titleSize));
$css->addRule([$idSelector, $css->getClassSelector('title')], 'font-family', $css->getFontValue($this->titleFont));
$css->addRule([$idSelector, $css->getClassSelector('text')], 'color', $css->getColorValue($this->subtitleColor));
$css->addRule([$idSelector, $css->getClassSelector('text')], 'font-size', $css->getSizeValue($this->subtitleSize));
$css->addRule([$idSelector, $css->getClassSelector('text')], 'font-family', $css->getFontValue($this->subtitleFont));
if ($isScreen) {
if ($this->galleryBackground) {
$this->galleryBackground->toCSS($css, [$idSelector . $css->getClassSelector(['screen', 'gallery']), $css->getClassSelector('items')]);
$this->galleryBackground->toCSS($css, [$idSelector . $css->getClassSelector(['screen', 'photo']), $css->getClassSelector('items')]);
}
if ($this->listBackground) {
$this->listBackground->toCSS($css, [$idSelector . $css->getClassSelector(['screen', 'list']), $css->getClassSelector('items')]);
}
if ($this->iconBackground) {
$this->iconBackground->toCSS($css, [$idSelector . $css->getClassSelector(['screen', 'icon']), $css->getClassSelector('items')]);
}
if ($this->appsBackground) {
$this->appsBackground->toCSS($css, [$idSelector . $css->getClassSelector(['screen', 'appsscreen']), $css->getClassSelector('items')]);
}
} else {
if ($this->galleryBackground) {
$this->galleryBackground->toCSS($css, [$idSelector, $css->getClassSelector(['screen', 'gallery']), $css->getClassSelector('items')]);
$this->galleryBackground->toCSS($css, [$idSelector, $css->getClassSelector(['screen', 'photo']), $css->getClassSelector('items')]);
}
if ($this->listBackground) {
$this->listBackground->toCSS($css, [$idSelector, $css->getClassSelector(['screen', 'list']), $css->getClassSelector('items')]);
}
if ($this->iconBackground) {
$this->iconBackground->toCSS($css, [$idSelector, $css->getClassSelector(['screen', 'icon']), $css->getClassSelector('items')]);
}
if ($this->appsBackground) {
$this->appsBackground->toCSS($css, [$idSelector, $css->getClassSelector(['screen', 'appsscreen']), $css->getClassSelector('items')]);
}
}
//if this is an item
if ($this->background) {
if ($isScreen) {
$this->background->toCSS($css, [$idSelector . $css->getClassSelector(['screen', 'list']), $css->getClassSelector('item')]);
} else {
if ($isItem) {
$this->background->toCSS($css, [$css->getClassSelector(['screen', 'list']), $idSelector . $css->getClassSelector('item')]);
} else {
$this->background->toCSS($css, [$idSelector, $css->getClassSelector(['screen', 'list']), $css->getClassSelector('item')]);
}
}
}
if ($this->headerTextColor) {
if ($isScreen) {
$css->addRule([$idSelector . $css->getClassSelector('screen'), $css->getClassSelector('header')], 'color', $css->getColorValue($this->headerTextColor));
$css->addRule([$css->getClassSelector('android'), $idSelector . $css->getClassSelector('screen'), $css->getClassSelector('header'), $css->getClassSelector('back')], 'stroke', $css->getColorValue($this->headerTextColor));
$css->addRule([$idSelector . $css->getClassSelector('screen'), $css->getClassSelector('header'), $css->getClassSelector('title')], 'text-shadow', "0px 1px 0px " . $css->getColorValue($this->getShadowColor($this->headerTextColor)));
} else {
$css->addRule([$idSelector, $css->getClassSelector('screen'), $css->getClassSelector('header')], 'color', $css->getColorValue($this->headerTextColor));
$css->addRule([$css->getClassSelector('android'), $idSelector, $css->getClassSelector('screen'), $css->getClassSelector('header'), $css->getClassSelector('back')], 'stroke', $css->getColorValue($this->headerTextColor));
$css->addRule([$idSelector, $css->getClassSelector('screen'), $css->getClassSelector('header'), $css->getClassSelector('title')], 'text-shadow', "0px 1px 0px " . $css->getColorValue($this->getShadowColor($this->headerTextColor)));
}
}
if ($isScreen) {
$css->addRule([$idSelector . $css->getClassSelector('screen'), $css->getClassSelector('header')], 'background-color', $css->getColorValue($this->headerColor));
} else {
$css->addRule([$idSelector, $css->getClassSelector('screen'), $css->getClassSelector('header')], 'background-color', $css->getColorValue($this->headerColor));
}
if ($this->hrAfter === true) {
$width = $this->hrWidth;
if (!$width) {
$width = 1;
}
if ($isItem) {
$css->addRule($idSelector . $css->getClassSelector('item'), 'border-bottom-width', $css->getSizeValue($width));
} else {
$css->addRule([$idSelector, $css->getClassSelector('item')], 'border-bottom-width', $css->getSizeValue($width));
}
} else {
if ($this->hrAfter === false) {
if ($isItem) {
$css->addRule($idSelector . $css->getClassSelector('item'), 'border-bottom-width', 0);
} else {
$css->addRule([$idSelector, $css->getClassSelector('item')], 'border-bottom-width', 0);
}
}
}
if ($isItem) {
$css->addRule($idSelector . $css->getClassSelector('item'), 'border-bottom-color', $css->getColorValue($this->hrColor));
} else {
$css->addRule([$idSelector, $css->getClassSelector('item')], 'border-bottom-color', $css->getColorValue($this->hrColor));
}
$css->addRule($idSelector, 'padding-top', $css->getSizeValue($this->paddingTop));
$css->addRule($idSelector, 'padding-bottom', $css->getSizeValue($this->paddingBottom));
$css->addRule($idSelector, 'padding-left', $css->getSizeValue($this->paddingLeft));
$css->addRule($idSelector, 'padding-right', $css->getSizeValue($this->paddingRight));
}
