Created
September 26, 2019 15:32
-
-
Save earth3300/34f2272d28c1b9d6296e92821e5ccd22 to your computer and use it in GitHub Desktop.
CSS Data (Prefilled)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <?php | |
| /** | |
| * EC01 CSS Data (Prefilled) | |
| * | |
| * Standardized, (relatively) complete data set of HTML element types, | |
| * elements, and a select list of attributes that has been prefilled. | |
| * | |
| * @link https://gist.github.com/earth3300/34f2272d28c1b9d6296e92821e5ccd22 | |
| * | |
| * File: data.css.php | |
| * Created: 2019-09-07 | |
| * Updated: 2019-09-26 | |
| * Time: 08:25 EDT | |
| * ID: ENG-ON-001 | |
| */ | |
| namespace Earth3300\EC01; | |
| /** No direct access (NDA). */ | |
| defined('NDA') || exit('NDA'); | |
| /** | |
| * The CSS Data (Prefilled) | |
| * | |
| * @return array | |
| */ | |
| class CssDataPrefilled | |
| { | |
| /** | |
| * Options | |
| * | |
| * @var array | |
| */ | |
| public $opts = []; | |
| /** | |
| * Structural Data | |
| * | |
| * Sectioning and Content | |
| * | |
| * @return array | |
| */ | |
| public function getStructuralData() | |
| { | |
| $items = [ | |
| 'media' => 'all', // can add widths here as per usual format. | |
| 'html' => [ | |
| 'use' => 1, | |
| 'type' => 'sectioning', | |
| 'position' => 'relative', | |
| 'width' => '', | |
| 'height' => '', | |
| 'max-width' => '', | |
| 'max-height' => '', | |
| 'min-width' => '240px', | |
| 'min-height' => '', | |
| 'margin' => '0 auto', | |
| 'padding' => '3px', | |
| 'display' => 'block', | |
| 'overflow' => 'initial', | |
| 'box-sizing' => 'border-box', | |
| 'box-shadow' => '', | |
| 'z-index' => 'auto', | |
| ], | |
| 'body' => [ | |
| 'use' => 1, | |
| 'type' => 'sectioning', | |
| 'position' => 'relative', | |
| 'width' => '', | |
| 'height' => '', | |
| 'max-width' => '1056px', | |
| 'max-height' => '', | |
| 'min-width' => '', | |
| 'min-height' => '', | |
| 'margin' => '', | |
| 'padding' => '', | |
| 'display' => 'block', | |
| 'overflow' => 'initial', | |
| 'box-sizing' => 'border-box', | |
| 'box-shadow' => '', | |
| 'z-index' => 'auto', | |
| 'font' => '', // 12pt/1.5 sans-serif (bootstrap) | |
| ], | |
| 'header' => [ | |
| 'use' => 0, | |
| 'type' => 'sectioning', | |
| 'position' => 'relative', | |
| 'width' => '', | |
| 'height' => '90px', | |
| 'max-width' => '', | |
| 'max-height' => '', | |
| 'min-width' => '', | |
| 'min-height' => '', | |
| 'margin' => '', | |
| 'margin-bottom' => '1em', | |
| 'padding' => '', | |
| 'display' => 'block', | |
| 'overflow' => 'initial', | |
| 'box-sizing' => 'border-box', | |
| ], | |
| 'nav' => [ | |
| 'use' => 0, | |
| 'type' => 'sectioning', | |
| 'position' => 'relative', | |
| 'width' => '', | |
| 'height' => '35px', // 48px??? | |
| 'line-height' => '35px', | |
| 'max-width' => '', | |
| 'max-height' => '', | |
| 'min-width' => '', | |
| 'min-height' => '', | |
| 'margin' => '', | |
| 'margin-bottom' => '1em', | |
| 'padding' => '', | |
| 'display' => 'block', | |
| 'overflow' => 'initial', | |
| 'box-sizing' => 'border-box', | |
| ], | |
| 'nav:fist-of-type' => [ | |
| 'use' => 1, | |
| 'type' => 'sectioning', | |
| 'position' => 'relative', | |
| 'width' => '', | |
| 'height' => '35px', // 48px??? | |
| 'line-height' => '35px', | |
| 'max-width' => '', | |
| 'max-height' => '', | |
| 'min-width' => '', | |
| 'min-height' => '', | |
| 'margin' => '', | |
| 'margin-bottom' => '1em', | |
| 'padding' => '', | |
| 'display' => 'block', | |
| 'overflow' => 'initial', | |
| 'box-sizing' => 'border-box', | |
| ], | |
| 'main' => [ | |
| 'use' => 1, | |
| 'type' => 'sectioning', | |
| 'position' => 'relative', | |
| 'width' => '', | |
| 'height' => '', | |
| 'max-width' => '', | |
| 'max-height' => '', | |
| 'min-width' => '', | |
| 'min-height' => '', | |
| 'margin' => '', | |
| 'margin-bottom' => '', | |
| 'padding' => '', | |
| 'display' => 'block', | |
| 'overflow' => 'initial', | |
| 'box-sizing' => 'border-box', | |
| 'z-index' => 'auto', | |
| ], | |
| 'article' => [ | |
| 'use' => 1, | |
| 'type' => 'sectioning', | |
| 'position' => 'relative', | |
| 'width' => '', | |
| 'height' => '', | |
| 'max-width' => '', | |
| 'max-height' => '', | |
| 'min-width' => '', | |
| 'min-height' => '', | |
| 'margin' => '', | |
| 'margin-bottom' => '1em', | |
| 'padding' => '1em', | |
| 'display' => 'block', | |
| 'overflow' => 'initial', | |
| 'box-sizing' => 'border-box', | |
| 'z-index' => 'auto', | |
| ], | |
| 'p' => [ | |
| 'use' => 1, | |
| 'type' => 'sectioning', | |
| 'position' => 'relative', | |
| 'width' => '', | |
| 'height' => '', | |
| 'max-width' => '', | |
| 'max-height' => '', | |
| 'min-width' => '', | |
| 'min-height' => '', | |
| 'margin' => '', | |
| 'margin-bottom' => '1em', | |
| 'padding' => '', | |
| 'display' => 'block', | |
| 'overflow' => 'initial', | |
| 'box-sizing' => 'border-box', | |
| 'line-height' => 'inherit', | |
| 'float' => 'left', | |
| 'text-align' => 'justify', | |
| 'text-indent' => '1.3em', | |
| 'z-index' => 'auto', | |
| ], | |
| 'a' => [ | |
| 'use' => 1, | |
| 'type' => 'sectioning', | |
| 'position' => 'relative', | |
| 'width' => '', | |
| 'height' => '', | |
| 'max-width' => '', | |
| 'max-height' => '', | |
| 'min-width' => '', | |
| 'min-height' => '', | |
| 'margin' => '', | |
| 'padding' => '', | |
| 'display' => 'inline-block', | |
| 'overflow' => '', | |
| 'box-sizing' => 'border-box', | |
| 'font-size' => 'inherit', | |
| 'line-height' => 'inherit', | |
| 'float' => '', | |
| 'text-align' => '', | |
| 'text-decoration' => 'none', | |
| 'z-index' => 'auto', | |
| ], | |
| 'h1' => [ | |
| 'use' => 1, | |
| 'type' => 'sectioning', | |
| 'font-size' => '18pt', | |
| 'margin' => '0', | |
| 'margin-bottom' => '1em', | |
| ], | |
| 'h2' => [ | |
| 'use' => 1, | |
| 'type' => 'sectioning', | |
| 'font-size' => '14pt', | |
| 'margin' => '0', | |
| 'margin-bottom' => '1em', | |
| ], | |
| 'h3' => [ | |
| 'use' => 1, | |
| 'type' => 'sectioning', | |
| 'font-size' => '13pt', | |
| 'margin' => '0', | |
| 'margin-bottom' => '1em', | |
| ], | |
| 'h4' => [ | |
| 'use' => 1, | |
| 'type' => 'sectioning', | |
| 'font-size' => 'inherit', | |
| 'margin' => '0', | |
| 'margin-bottom' => '1em', | |
| ], | |
| 'h5' => [ | |
| 'use' => 1, | |
| 'type' => 'sectioning', | |
| 'font-size' => 'inherit', | |
| 'margin' => '0', | |
| 'margin-bottom' => '1em', | |
| ], | |
| 'h6' => [ | |
| 'use' => 1, | |
| 'type' => 'sectioning', | |
| 'font-size' => 'inherit', | |
| 'margin' => '0', | |
| 'margin-bottom' => '1em', | |
| ], | |
| 'aside' => [ | |
| 'use' => 1, | |
| 'type' => 'sectioning', | |
| 'position' => 'relative', | |
| 'width' => '', | |
| 'height' => '', | |
| 'max-width' => '', | |
| 'max-height' => '', | |
| 'min-width' => '', | |
| 'min-height' => '', | |
| 'margin' => '', | |
| 'margin-bottom' => '', | |
| 'padding' => '', | |
| 'display' => 'block', | |
| 'overflow' => 'initial', | |
| 'box-sizing' => 'border-box', | |
| ], | |
| 'footer' => [ | |
| 'use' => 1, | |
| 'type' => 'sectioning', | |
| 'position' => 'relative', | |
| 'width' => '', | |
| 'height' => '', | |
| 'max-width' => '', | |
| 'max-height' => '', | |
| 'min-width' => '', | |
| 'min-height' => '', | |
| 'margin' => '', | |
| 'margin-bottom' => '', | |
| 'padding' => '', | |
| 'display' => 'block', | |
| 'overflow' => 'initial', | |
| 'box-sizing' => 'border-box', | |
| ], | |
| 'footer:last-of-type' => [ | |
| 'use' => 1, | |
| 'type' => 'sectioning', | |
| 'position' => 'relative', | |
| 'width' => '', | |
| 'height' => '', | |
| 'max-width' => '', | |
| 'max-height' => '', | |
| 'min-width' => '', | |
| 'min-height' => '', | |
| 'margin' => '', | |
| 'margin-bottom' => '', | |
| 'padding' => '', | |
| 'display' => 'block', | |
| 'overflow' => 'initial', | |
| 'box-sizing' => 'border-box', | |
| ], | |
| '.cover' => [ | |
| 'use' => 1, | |
| 'type' => 'structural', | |
| 'position' => 'relative', | |
| 'width' => '', | |
| 'height' => '', | |
| 'max-width' => '', | |
| 'max-height' => '', | |
| 'min-width' => '', | |
| 'min-height' => '', | |
| 'margin' => '', | |
| 'margin-bottom' => '', | |
| 'padding' => '', | |
| 'display' => 'block', | |
| 'overflow' => 'initial', | |
| 'box-sizing' => 'border-box', | |
| ], | |
| '.sheet' => [ | |
| 'use' => 1, | |
| 'type' => 'structural', | |
| 'position' => 'relative', | |
| 'width' => '', | |
| 'height' => '', | |
| 'max-width' => '', | |
| 'max-height' => '', | |
| 'min-width' => '', | |
| 'min-height' => '', | |
| 'margin' => '', | |
| 'margin-bottom' => '', | |
| 'padding' => '', | |
| 'display' => 'block', | |
| 'overflow' => 'initial', | |
| 'box-sizing' => 'border-box', | |
| ], | |
| '.gallery' => [ | |
| 'use' => 1, | |
| 'type' => 'structural', | |
| 'position' => 'relative', | |
| 'width' => '', | |
| 'height' => '', | |
| 'max-width' => '', | |
| 'max-height' => '', | |
| 'min-width' => '', | |
| 'min-height' => '', | |
| 'margin' => '', | |
| 'margin-bottom' => '', | |
| 'padding' => '', | |
| 'display' => 'block', | |
| 'overflow' => 'initial', | |
| 'box-sizing' => 'border-box', | |
| 'white-space' => 'nowrap', | |
| ], | |
| '.scroll-x figure' => [ | |
| 'use' => 1, | |
| 'type' => 'structural', | |
| 'position' => 'relative', | |
| 'width' => '', | |
| 'height' => '', | |
| 'max-width' => '', | |
| 'max-height' => '', | |
| 'min-width' => '', | |
| 'min-height' => '', | |
| 'margin' => '', | |
| 'margin-right' => '10px', | |
| 'margin-bottom' => '', | |
| 'padding' => '', | |
| 'display' => 'inline-block', | |
| 'overflow' => 'initial', | |
| 'box-sizing' => 'border-box', | |
| 'white-space' => '', | |
| ], | |
| '.scroll-x img' => [ | |
| 'use' => 1, | |
| 'type' => 'structural', | |
| 'position' => 'relative', | |
| 'width' => 'auto', | |
| 'height' => '', | |
| 'max-width' => '', | |
| 'max-height' => '112px', | |
| 'min-width' => '', | |
| 'min-height' => '', | |
| 'margin' => '', | |
| 'margin-right' => '10px', | |
| 'margin-bottom' => '', | |
| 'padding' => '', | |
| 'display' => 'inline-block', | |
| 'overflow' => 'initial', | |
| 'box-sizing' => 'border-box', | |
| 'white-space' => '', | |
| ], | |
| ]; | |
| return $items; | |
| } | |
| /** | |
| * Screen Data | |
| * | |
| * Widths and Heights, etc., in CSS notation. | |
| * | |
| * @return array | |
| */ | |
| public function getScreenData() | |
| { | |
| $items = [ | |
| 'media' => 'screen', | |
| 'html' => [ | |
| 'use' => 1, | |
| 'type' => 'sectioning', | |
| 'position' => '', | |
| 'width' => '', | |
| 'height' => '', | |
| 'max-width' => '', | |
| 'max-height' => '', | |
| 'min-width' => '', | |
| 'min-height' => '', | |
| 'margin' => '', | |
| 'padding' => '', | |
| 'display' => '', | |
| 'overflow' => '', | |
| 'box-sizing' => '', | |
| 'box-shadow' => '', | |
| 'z-index' => '', | |
| ], | |
| 'body' => [ | |
| 'use' => 1, | |
| 'type' => 'sectioning', | |
| 'position' => '', | |
| 'width' => '', | |
| 'height' => '', | |
| 'max-width' => '', | |
| 'max-height' => '', | |
| 'min-width' => '', | |
| 'min-height' => '', | |
| 'margin' => '', | |
| 'padding' => '', | |
| 'display' => '', | |
| 'overflow' => '', | |
| 'box-sizing' => '', | |
| 'box-shadow' => '', | |
| 'z-index' => '', | |
| 'font' => '', | |
| ], | |
| 'main' => [ | |
| 'use' => 1, | |
| 'type' => 'sectioning', | |
| 'position' => '', | |
| 'width' => '', | |
| 'height' => '', | |
| 'max-width' => '', | |
| 'max-height' => '', | |
| 'min-width' => '', | |
| 'min-height' => '', | |
| 'margin' => '', | |
| 'padding' => '', | |
| 'display' => '', | |
| 'overflow' => '', | |
| 'box-sizing' => '', | |
| 'box-shadow' => '', | |
| 'z-index' => '', | |
| ], | |
| 'article' => [ | |
| 'use' => 1, | |
| 'type' => 'content', | |
| 'position' => '', | |
| 'width' => '', | |
| 'height' => '', | |
| 'max-width' => '', | |
| 'max-height' => '', | |
| 'min-width' => '', | |
| 'min-height' => '', | |
| 'margin' => '', | |
| 'padding' => '', | |
| 'display' => '', | |
| 'overflow' => '', | |
| 'box-sizing' => '', | |
| 'box-shadow' => '', | |
| 'z-index' => '', | |
| ], | |
| 'p' => [ | |
| 'use' => 1, | |
| 'type' => 'content', | |
| 'position' => '', | |
| 'width' => '', | |
| 'height' => '', | |
| 'max-width' => '', | |
| 'max-height' => '', | |
| 'min-width' => '', | |
| 'min-height' => '', | |
| 'margin' => '', | |
| 'padding' => '', | |
| 'display' => '', | |
| 'overflow' => '', | |
| 'box-sizing' => '', | |
| 'box-shadow' => '', | |
| 'z-index' => '', | |
| ], | |
| 'a' => [ | |
| 'use' => 1, | |
| 'type' => 'content', | |
| 'position' => '', | |
| 'width' => '', | |
| 'height' => '', | |
| 'max-width' => '', | |
| 'max-height' => '', | |
| 'min-width' => '', | |
| 'min-height' => '', | |
| 'margin' => '', | |
| 'padding' => '', | |
| 'display' => '', | |
| 'overflow' => '', | |
| 'box-sizing' => '', | |
| 'box-shadow' => '', | |
| 'z-index' => '', | |
| ], | |
| 'h1' => [ | |
| 'use' => 1, | |
| 'type' => 'sectioning', | |
| 'font-size' => '', | |
| ], | |
| 'h2' => [ | |
| 'use' => 1, | |
| 'type' => 'sectioning', | |
| 'font-size' => '', | |
| ], | |
| 'h3' => [ | |
| 'use' => 1, | |
| 'type' => 'sectioning', | |
| 'font-size' => '', | |
| ], | |
| 'h4' => [ | |
| 'use' => 1, | |
| 'type' => 'sectioning', | |
| 'font-size' => '', | |
| ], | |
| 'h5' => [ | |
| 'use' => 1, | |
| 'type' => 'sectioning', | |
| 'font-size' => '', | |
| ], | |
| 'h6' => [ | |
| 'use' => 1, | |
| 'type' => 'sectioning', | |
| 'font-size' => '', | |
| ], | |
| 'header' => [ | |
| 'use' => 1, | |
| 'type' => 'sectioning', | |
| 'position' => '', | |
| 'width' => '', | |
| 'height' => '', | |
| 'max-width' => '', | |
| 'max-height' => '', | |
| 'min-width' => '', | |
| 'min-height' => '', | |
| 'margin' => '', | |
| 'padding' => '', | |
| 'display' => '', | |
| 'text-align' => 'center', | |
| 'overflow' => '', | |
| 'box-sizing' => '', | |
| 'box-shadow' => '', | |
| 'z-index' => '', | |
| ], | |
| 'nav' => [ | |
| 'use' => 1, | |
| 'type' => 'sectioning', | |
| 'position' => '', | |
| 'width' => '', | |
| 'height' => '', | |
| 'max-width' => '', | |
| 'max-height' => '', | |
| 'min-width' => '', | |
| 'min-height' => '', | |
| 'margin' => '', | |
| 'padding' => '', | |
| 'display' => '', | |
| 'overflow' => '', | |
| 'box-sizing' => '', | |
| 'box-shadow' => '', | |
| 'z-index' => '', | |
| ], | |
| 'footer' => [ | |
| 'use' => 1, | |
| 'type' => 'sectioning', | |
| 'position' => '', | |
| 'width' => '', | |
| 'height' => '', | |
| 'max-width' => '', | |
| 'max-height' => '', | |
| 'min-width' => '', | |
| 'min-height' => '', | |
| 'margin' => '', | |
| 'padding' => '', | |
| 'display' => '', | |
| 'text-align' => 'center', | |
| 'overflow' => '', | |
| 'box-sizing' => '', | |
| 'box-shadow' => '', | |
| 'z-index' => '', | |
| ], | |
| 'aside' => [ | |
| 'use' => 1, | |
| 'type' => 'sectioning', | |
| 'position' => '', | |
| 'width' => '', | |
| 'height' => '', | |
| 'max-width' => '', | |
| 'max-height' => '', | |
| 'min-width' => '', | |
| 'min-height' => '', | |
| 'margin' => '', | |
| 'padding' => '', | |
| 'display' => '', | |
| 'overflow' => '', | |
| 'box-sizing' => '', | |
| 'box-shadow' => '', | |
| 'z-index' => '', | |
| ], | |
| '.cover' => [ | |
| 'use' => 1, | |
| 'type' => 'structural', | |
| 'position' => '', | |
| 'width' => '', | |
| 'height' => '', | |
| 'max-width' => '', | |
| 'max-height' => '', | |
| 'min-width' => '', | |
| 'min-height' => '', | |
| 'margin' => '', | |
| 'padding' => '', | |
| 'display' => '', | |
| 'overflow' => '', | |
| 'box-sizing' => '', | |
| 'box-shadow' => '', | |
| 'z-index' => '', | |
| ], | |
| '.sheet' => [ | |
| 'use' => 1, | |
| 'type' => 'structural', | |
| 'position' => '', | |
| 'width' => '', | |
| 'height' => '', | |
| 'max-width' => '', | |
| 'max-height' => '', | |
| 'min-width' => '', | |
| 'min-height' => '', | |
| 'margin' => '', | |
| 'padding' => '', | |
| 'display' => '', | |
| 'overflow' => '', | |
| 'box-sizing' => '', | |
| 'box-shadow' => '', | |
| 'z-index' => '', | |
| ], | |
| '.scroll-x' => [ | |
| 'use' => 1, | |
| 'type' => 'structural', | |
| 'position' => '', | |
| 'width' => '', | |
| 'height' => '', | |
| 'max-width' => '', | |
| 'max-height' => '', | |
| 'min-width' => '', | |
| 'min-height' => '', | |
| 'margin' => '', | |
| 'padding' => '', | |
| 'display' => '', | |
| 'overflow' => '', | |
| 'overflow-x' => 'auto', | |
| 'overflow-y' => '', | |
| 'box-sizing' => '', | |
| 'box-shadow' => '', | |
| 'z-index' => '', | |
| ], | |
| '.scroll-y' => [ | |
| 'use' => 1, | |
| 'type' => 'structural', | |
| 'position' => '', | |
| 'width' => '', | |
| 'height' => '', | |
| 'max-width' => '', | |
| 'max-height' => '', | |
| 'min-width' => '', | |
| 'min-height' => '', | |
| 'margin' => '', | |
| 'padding' => '', | |
| 'display' => '', | |
| 'overflow' => '', | |
| 'overflow-x' => '', | |
| 'overflow-y' => 'auto', | |
| 'box-sizing' => '', | |
| 'box-shadow' => '', | |
| 'z-index' => '', | |
| ], | |
| ]; | |
| return $items; | |
| } | |
| /** | |
| * Flex Data | |
| * | |
| * Widths and Heights, etc., in CSS notation. | |
| * | |
| * @return array | |
| */ | |
| public function getSpriteData() | |
| { | |
| $items = [ | |
| 'media' => 'all', | |
| '.sprite' => [ | |
| 'use' => 1, | |
| 'type' => 'content', | |
| 'position' => '', | |
| 'width' => '', | |
| 'height' => '', | |
| 'max-width' => '', | |
| 'max-height' => '', | |
| 'min-width' => '', | |
| 'min-height' => '', | |
| 'margin' => '', | |
| 'padding' => '', | |
| 'display' => '', | |
| 'overflow' => '', | |
| 'box-sizing' => '', | |
| 'box-shadow' => '', | |
| 'z-index' => '', ], | |
| ]; | |
| return $items; | |
| } | |
| /** | |
| * Sheet Data | |
| * | |
| * @return array | |
| */ | |
| public function getSheetData() | |
| { | |
| $items = [ | |
| 'media' => 'all', | |
| 'use' => 1, | |
| 'type' => 'structural', | |
| '.sheets .sheet' => [ | |
| 'position' => '', | |
| 'width' => '', | |
| 'height' => '', | |
| 'max-width' => '', | |
| 'max-height' => '', | |
| 'min-width' => '', | |
| 'min-height' => '', | |
| 'margin' => '', | |
| 'padding' => '', | |
| 'display' => '', | |
| 'overflow' => '', | |
| 'box-sizing' => '', | |
| 'box-shadow' => '', | |
| 'z-index' => '', ], | |
| ]; | |
| return $items; | |
| } | |
| /** | |
| * Style Data | |
| * | |
| * Borders, etc. Not colors. | |
| * | |
| * @return array | |
| */ | |
| public function getStyleData() | |
| { | |
| $items = [ | |
| 'media' => 'screen', | |
| 'body' => [ | |
| 'use' => 1, | |
| 'type' => 'content', | |
| 'border' => 'box-shadow: 0 2px 2px rgba(100, 100, 100, 0.5)', | |
| ], | |
| ]; | |
| return $items; | |
| } | |
| /** | |
| * Flex Data | |
| * | |
| * Widths and Heights, etc., in CSS notation. | |
| * | |
| * @return array | |
| */ | |
| public function getFlexData() | |
| { | |
| $items = [ | |
| 'media' => 'screen (min-width: 800px)', | |
| 'html' => [ | |
| 'use' => 1, | |
| 'type' => 'sectioning', | |
| 'position' => '', | |
| 'width' => '1056px', | |
| 'height' => '', | |
| 'max-width' => '', | |
| 'max-height' => '', | |
| 'min-width' => '', | |
| 'min-height' => '', | |
| 'margin' => '', | |
| 'padding' => '', | |
| 'display' => '', | |
| 'overflow' => '', | |
| 'box-sizing' => '', | |
| 'box-shadow' => '', | |
| 'z-index' => '', | |
| ], | |
| 'body' => [ | |
| 'use' => 1, | |
| 'type' => 'sectioning', | |
| 'position' => '', | |
| 'width' => '', | |
| 'height' => '', | |
| 'max-width' => '', | |
| 'max-height' => '', | |
| 'min-width' => '', | |
| 'min-height' => '', | |
| 'margin' => '', | |
| 'padding' => '', | |
| 'display' => '', | |
| 'overflow' => '', | |
| 'box-sizing' => '', | |
| 'box-shadow' => '', | |
| 'z-index' => '', | |
| 'font' => '', | |
| 'font-size' => '112.5%', | |
| ], | |
| 'main' => [ | |
| 'use' => 1, | |
| 'type' => 'sectioning', | |
| 'position' => '', | |
| 'width' => '', | |
| 'height' => '', | |
| 'max-width' => '', | |
| 'max-height' => '', | |
| 'min-width' => '', | |
| 'min-height' => '', | |
| 'margin' => '', | |
| 'padding' => '', | |
| 'display' => '', | |
| 'overflow' => '', | |
| 'box-sizing' => '', | |
| 'z-index' => '', | |
| ], | |
| 'article' => [ | |
| 'use' => 1, | |
| 'type' => 'content', | |
| 'position' => 'relative', | |
| 'width' => '', | |
| 'height' => '', | |
| 'max-width' => '', | |
| 'max-height' => '', | |
| 'min-width' => '', | |
| 'min-height' => '', | |
| 'margin' => '', | |
| 'padding' => '', | |
| 'display' => '', | |
| 'overflow' => '', | |
| 'box-sizing' => '', | |
| 'z-index' => '', | |
| ], | |
| 'header' => [ | |
| 'use' => 1, | |
| 'type' => 'sectioning', | |
| 'position' => '', | |
| 'width' => '', | |
| 'height' => '', | |
| 'max-width' => '', | |
| 'max-height' => '', | |
| 'min-width' => '', | |
| 'min-height' => '', | |
| 'margin' => '', | |
| 'padding' => '', | |
| 'display' => '', | |
| 'overflow' => '', | |
| 'box-sizing' => '', | |
| ], | |
| 'nav' => [ | |
| 'use' => 1, | |
| 'type' => 'sectioning', | |
| 'position' => '', | |
| 'width' => '', | |
| 'height' => '', | |
| 'line-height' => '', | |
| 'max-width' => '', | |
| 'max-height' => '', | |
| 'min-width' => '', | |
| 'min-height' => '', | |
| 'margin' => '', | |
| 'padding' => '', | |
| 'display' => '', | |
| 'overflow' => '', | |
| 'box-sizing' => '', | |
| ], | |
| 'footer' => [ | |
| 'use' => 1, | |
| 'type' => 'sectioning', | |
| 'position' => '', | |
| 'width' => '', | |
| 'height' => '', | |
| 'max-width' => '', | |
| 'max-height' => '', | |
| 'min-width' => '', | |
| 'min-height' => '', | |
| 'margin' => '', | |
| 'padding' => '', | |
| 'display' => '', | |
| 'overflow' => '', | |
| 'box-sizing' => '', | |
| ], | |
| 'aside' => [ | |
| 'use' => 1, | |
| 'type' => 'sectioning', | |
| 'position' => '', | |
| 'width' => '', | |
| 'height' => '', | |
| 'max-width' => '', | |
| 'max-height' => '', | |
| 'min-width' => '', | |
| 'min-height' => '', | |
| 'margin' => '', | |
| 'padding' => '', | |
| 'display' => '', | |
| 'overflow' => '', | |
| 'box-sizing' => '', | |
| ], | |
| '.cover' => [ | |
| 'use' => 1, | |
| 'type' => 'structural', | |
| 'position' => '', | |
| 'width' => '', | |
| 'height' => '', | |
| 'max-width' => '', | |
| 'max-height' => '', | |
| 'min-width' => '', | |
| 'min-height' => '', | |
| 'margin' => '', | |
| 'padding' => '', | |
| 'display' => '', | |
| 'overflow' => '', | |
| 'box-sizing' => '', | |
| ], | |
| '.sheet' => [ | |
| 'use' => 1, | |
| 'type' => 'structural', | |
| 'position' => '', | |
| 'width' => '', | |
| 'height' => '', | |
| 'max-width' => '', | |
| 'max-height' => '', | |
| 'min-width' => '', | |
| 'min-height' => '', | |
| 'margin' => '', | |
| 'padding' => '', | |
| 'display' => '', | |
| 'overflow' => '', | |
| 'box-sizing' => '', | |
| ], | |
| '.line' => [ | |
| 'use' => 1, | |
| 'type' => 'structural', | |
| 'clear' => 'both', | |
| 'overflow' => 'hidden', | |
| ], | |
| '.unit' => [ | |
| 'use' => 1, | |
| 'type' => 'structural', | |
| 'float' => 'left', | |
| ], | |
| '.size1of1' => [ | |
| 'use' => 1, | |
| 'type' => 'structural', | |
| 'width' => '100%', | |
| ], | |
| '.size1of2' => [ | |
| 'use' => 1, | |
| 'type' => 'structural', | |
| 'width' => '50%', | |
| ], | |
| '.size1of3' => [ | |
| 'use' => 1, | |
| 'type' => 'structural', | |
| 'width' => '33.333%', | |
| ], | |
| '.size1of4' => [ | |
| 'use' => 1, | |
| 'type' => 'structural', | |
| 'width' => '25%', | |
| ], | |
| '.size1of5' => [ | |
| 'use' => 1, | |
| 'type' => 'structural', | |
| 'width' => '20%', | |
| ], | |
| '.size2of3' => [ | |
| 'use' => 1, | |
| 'type' => 'structural', | |
| 'width' => '66.667%', | |
| ], | |
| '.size3of4' => [ | |
| 'use' => 1, | |
| 'type' => 'structural', | |
| 'width' => '75%', | |
| ], | |
| '.size2of5' => [ | |
| 'use' => 1, | |
| 'type' => 'structural', | |
| 'width' => '40%', | |
| ], | |
| '.size3of5' => [ | |
| 'use' => 1, | |
| 'type' => 'structural', | |
| 'width' => '60%', | |
| ], | |
| '.size4of5' => [ | |
| 'use' => 1, | |
| 'type' => 'structural', | |
| 'width' => '80%', | |
| ], | |
| '.size1of6' => [ | |
| 'use' => 1, | |
| 'type' => 'structural', | |
| 'width' => '16.667%', | |
| ], | |
| ]; | |
| return $items; | |
| } | |
| /** | |
| * Header Data | |
| * | |
| * @return array | |
| */ | |
| public function getHeaderData() | |
| { | |
| $items = [ | |
| 'media' => 'screen', | |
| 'header:first-of-type' => [ | |
| 'use' => 1, | |
| 'type' => 'sectioning', | |
| 'position' => 'relative', | |
| 'width' => '', | |
| 'height' => '90px', | |
| 'max-width' => '', | |
| 'max-height' => '', | |
| 'min-width' => '', | |
| 'min-height' => '', | |
| 'margin' => '', | |
| 'margin-bottom' => '1em', | |
| 'padding' => '', | |
| 'display' => 'block', | |
| 'overflow' => 'initial', | |
| 'box-sizing' => 'border-box', | |
| 'color' => '', | |
| 'background-color' => 'hsl(0, 0%, 77.5%)', | |
| ], | |
| '.site-logo' => [ | |
| 'use' => 1, | |
| 'type' => 'structural', | |
| 'position' => '', | |
| 'width' => '', | |
| 'height' => '', | |
| 'max-width' => '', | |
| 'max-height' => '', | |
| 'min-width' => '', | |
| 'min-height' => '', | |
| 'margin' => '', | |
| 'padding' => '', | |
| 'display' => 'inline-block', | |
| 'float' => 'left', | |
| 'overflow' => '', | |
| 'box-sizing' => 'border-box', | |
| ], | |
| '.site-logo .inner' => [ | |
| 'use' => 1, | |
| 'type' => 'structural', | |
| 'position' => '', | |
| 'width' => '', | |
| 'height' => '75px', | |
| 'max-width' => '', | |
| 'max-height' => '', | |
| 'min-width' => '', | |
| 'min-height' => '', | |
| 'margin' => '', | |
| 'padding' => '4px', | |
| 'display' => 'inline-block', | |
| 'float' => 'left', | |
| 'overflow' => '', | |
| 'box-sizing' => 'border-box', | |
| ], | |
| '.title-wrap' => [ | |
| 'use' => 1, | |
| 'type' => 'structural', | |
| 'position' => '', | |
| 'width' => '100%', | |
| 'height' => '', | |
| 'max-width' => '', | |
| 'max-height' => '', | |
| 'min-width' => '', | |
| 'min-height' => '', | |
| 'margin' => '', | |
| 'padding' => '', | |
| 'display' => '', | |
| 'float' => '', | |
| 'overflow' => '', | |
| 'box-sizing' => '', | |
| ], | |
| '.title-wrap .inner' => [ | |
| 'use' => 1, | |
| 'type' => 'structural', | |
| 'position' => '', | |
| 'width' => '', | |
| 'height' => '75px', | |
| 'line-height' => '1', | |
| 'max-width' => '', | |
| 'max-height' => '', | |
| 'min-width' => '', | |
| 'min-height' => '', | |
| 'margin' => '', | |
| 'padding' => '1.25em', | |
| 'display' => 'inline-block', | |
| 'float' => 'left', | |
| 'overflow' => '', | |
| 'box-sizing' => 'border-box', | |
| ], | |
| '.site-title' => [ | |
| 'use' => 1, | |
| 'type' => 'structural', | |
| 'position' => '', | |
| 'width' => '', | |
| 'height' => '', | |
| 'line-height' => '', | |
| 'font-size' => '225%', | |
| 'font-weight' => '700', | |
| 'max-width' => '', | |
| 'max-height' => '', | |
| 'min-width' => '', | |
| 'min-height' => '', | |
| 'margin' => '', | |
| 'margin-bottom' => '0', | |
| 'padding' => '', | |
| 'display' => 'inline-block', | |
| 'float' => 'left', | |
| 'overflow' => '', | |
| 'box-sizing' => 'border-box', | |
| ], | |
| '.site-description' => [ | |
| 'use' => 1, | |
| 'type' => 'structural', | |
| 'position' => '', | |
| 'width' => '', | |
| 'height' => '', | |
| 'line-height' => '', | |
| 'font-size' => '', | |
| 'font-weight' => '', | |
| 'max-width' => '', | |
| 'max-height' => '', | |
| 'min-width' => '', | |
| 'min-height' => '', | |
| 'margin' => '', | |
| 'margin-bottom' => '0', | |
| 'padding' => '', | |
| 'display' => '', | |
| 'float' => '', | |
| 'overflow' => '', | |
| 'box-sizing' => 'border-box', | |
| ], | |
| 'nav:first-of-type' => [ | |
| 'use' => 1, | |
| 'type' => 'sectioning', | |
| 'position' => 'relative', | |
| 'width' => '', | |
| 'height' => '35px', // 48px??? | |
| 'line-height' => '35px', | |
| 'max-width' => '', | |
| 'max-height' => '', | |
| 'min-width' => '', | |
| 'min-height' => '', | |
| 'margin' => '', | |
| 'margin-bottom' => '1em', | |
| 'padding' => '', | |
| 'display' => 'block', | |
| 'overflow' => 'initial', | |
| 'box-sizing' => 'border-box', | |
| ], | |
| ]; | |
| return $items; | |
| } | |
| /** | |
| * Menu Data | |
| * | |
| * @return array | |
| */ | |
| public function getMenuData() | |
| { | |
| $items = [ | |
| 'media' => 'screen', | |
| 'header nav' => [ | |
| 'use' => 1, | |
| 'type' => 'structural', | |
| 'position' => '', | |
| 'width' => '', | |
| 'height' => '', | |
| 'max-width' => '', | |
| 'max-height' => '', | |
| 'min-width' => '', | |
| 'min-height' => '', | |
| 'margin' => '', | |
| 'padding' => '', | |
| 'display' => '', | |
| 'overflow' => '', | |
| 'box-sizing' => '', | |
| ], | |
| 'article nav' => [ | |
| 'use' => 1, | |
| 'type' => 'structural', | |
| 'position' => '', | |
| 'width' => '', | |
| 'height' => '', | |
| 'max-width' => '', | |
| 'max-height' => '', | |
| 'min-width' => '', | |
| 'min-height' => '', | |
| 'margin' => '', | |
| 'padding' => '', | |
| 'display' => '', | |
| 'overflow' => '', | |
| 'box-sizing' => '', | |
| ], | |
| 'footer nav' => [ | |
| 'use' => 1, | |
| 'type' => 'structural', | |
| 'position' => '', | |
| 'width' => '', | |
| 'height' => '', | |
| 'max-width' => '', | |
| 'max-height' => '', | |
| 'min-width' => '', | |
| 'min-height' => '', | |
| 'margin' => '', | |
| 'padding' => '', | |
| 'display' => '', | |
| 'overflow' => '', | |
| 'box-sizing' => '', | |
| ], | |
| ]; | |
| return $items; | |
| } | |
| /** | |
| * Color Data | |
| * | |
| * @return array | |
| */ | |
| public function getColorData() | |
| { | |
| $items = [ | |
| 'media' => 'all', | |
| 'html' => [ | |
| 'use' => 1, | |
| 'type' => 'style', | |
| 'color' => '', | |
| 'background-color' => 'hsl(0, 0%, 20%)', | |
| ], | |
| 'body' => [ | |
| 'use' => 1, | |
| 'type' => 'style', | |
| 'color' => 'hsl(0, 0%, 12.5%)', | |
| 'background-color' => 'hsl(0, 0%, 87.5%)', | |
| ], | |
| 'main' => [ | |
| 'use' => 1, | |
| 'type' => 'style', | |
| 'color' => '', | |
| 'background-color' => '', | |
| ], | |
| 'article' => [ | |
| 'use' => 1, | |
| 'type' => 'style', | |
| 'color' => '', | |
| 'background-color' => '', | |
| ], | |
| 'p' => [ | |
| 'use' => 1, | |
| 'type' => 'style', | |
| 'color' => '', | |
| 'background-color' => '', | |
| ], | |
| 'a' => [ | |
| 'use' => 1, | |
| 'type' => 'style', | |
| 'color' => 'hsl(204, 25%, 25%)', | |
| 'background-color' => '', | |
| ], | |
| 'a:hover' => [ | |
| 'use' => 1, | |
| 'type' => 'style', | |
| 'color' => 'hsl(204, 25%, 25%)', | |
| 'background-color' => '', | |
| ], | |
| 'a:focus' => [ | |
| 'use' => 1, | |
| 'type' => 'style', | |
| 'color' => 'hsl(204, 25%, 25%)', | |
| 'background-color' => '', | |
| ], | |
| 'a:active' => [ | |
| 'use' => 1, | |
| 'type' => 'style', | |
| 'color' => 'hsl(204, 25%, 25%)', | |
| 'background-color' => '', | |
| ], | |
| 'a:visited' => [ | |
| 'use' => 1, | |
| 'type' => 'style', | |
| 'color' => 'hsl(204, 25%, 25%)', | |
| 'background-color' => '', | |
| ], | |
| 'h1' => [ | |
| 'use' => 1, | |
| 'type' => 'style', | |
| 'color' => '', | |
| 'background-color' => '', | |
| ], | |
| 'h2' => [ | |
| 'use' => 1, | |
| 'type' => 'style', | |
| 'color' => '', | |
| 'background-color' => '', | |
| ], | |
| 'h3' => [ | |
| 'use' => 1, | |
| 'type' => 'style', | |
| 'color' => '', | |
| 'background-color' => '', | |
| ], | |
| 'h4' => [ | |
| 'use' => 1, | |
| 'type' => 'style', | |
| 'color' => '', | |
| 'background-color' => '', | |
| ], | |
| 'h5' => [ | |
| 'use' => 1, | |
| 'type' => 'style', | |
| 'color' => '', | |
| 'background-color' => '', | |
| ], | |
| 'h6' => [ | |
| 'use' => 1, | |
| 'type' => 'style', | |
| 'color' => '', | |
| 'background-color' => '', | |
| ], | |
| 'header' => [ | |
| 'use' => 1, | |
| 'type' => 'style', | |
| 'color' => '', | |
| 'background-color' => '', | |
| ], | |
| 'nav' => [ | |
| 'use' => 1, | |
| 'type' => 'style', | |
| 'color' => '', | |
| 'background-color' => '', | |
| ], | |
| 'footer' => [ | |
| 'use' => 1, | |
| 'type' => 'style', | |
| 'color' => '', | |
| 'background-color' => '', | |
| ], | |
| 'aside' => [ | |
| 'use' => 1, | |
| 'type' => 'style', | |
| 'color' => '', | |
| 'background-color' => '', | |
| ], | |
| '.cover' => [ | |
| 'use' => 1, | |
| 'type' => 'style', | |
| 'color' => '', | |
| 'background-color' => '', | |
| ], | |
| '.sheet' => [ | |
| 'use' => 1, | |
| 'type' => 'style', | |
| 'color' => '', | |
| 'background-color' => '', | |
| ], | |
| ]; | |
| return $items; | |
| } | |
| /** | |
| * Adjust Data | |
| * | |
| * Changing the color schema can provide a remarkably different look. | |
| * | |
| * @return array | |
| */ | |
| public function getAdjustData() | |
| { | |
| $items = [ | |
| 'media' => 'all', | |
| 'html' => [ | |
| 'use' => 1, | |
| 'type' => 'style', | |
| 'color' => '', | |
| 'background-color' => 'hsl(0, 0%, 20%)', | |
| ], | |
| 'body' => [ | |
| 'use' => 1, | |
| 'type' => 'style', | |
| 'color' => 'hsl(0, 0%, 12.5%)', | |
| 'background-color' => 'hsl(0, 0%, 87.5%)', | |
| ], | |
| 'main' => [ | |
| 'use' => 1, | |
| 'type' => 'style', | |
| 'color' => '', | |
| 'background-color' => '', | |
| ], | |
| 'article' => [ | |
| 'use' => 1, | |
| 'type' => 'style', | |
| 'color' => '', | |
| 'background-color' => '', | |
| ], | |
| 'p' => [ | |
| 'use' => 1, | |
| 'type' => 'style', | |
| 'color' => '', | |
| 'background-color' => '', | |
| ], | |
| 'a' => [ | |
| 'use' => 1, | |
| 'type' => 'style', | |
| 'color' => 'hsl(204, 25%, 25%)', | |
| 'background-color' => '', | |
| ], | |
| 'a:hover' => [ | |
| 'use' => 1, | |
| 'type' => 'style', | |
| 'color' => 'hsl(204, 25%, 25%)', | |
| 'background-color' => '', | |
| ], | |
| 'a:focus' => [ | |
| 'use' => 1, | |
| 'type' => 'style', | |
| 'color' => 'hsl(204, 25%, 25%)', | |
| 'background-color' => '', | |
| ], | |
| 'a:active' => [ | |
| 'use' => 1, | |
| 'type' => 'style', | |
| 'color' => 'hsl(204, 25%, 25%)', | |
| 'background-color' => '', | |
| ], | |
| 'a:visited' => [ | |
| 'use' => 1, | |
| 'type' => 'style', | |
| 'color' => 'hsl(204, 25%, 25%)', | |
| 'background-color' => '', | |
| ], | |
| 'h1' => [ | |
| 'use' => 1, | |
| 'type' => 'style', | |
| 'color' => '', | |
| 'background-color' => '', | |
| ], | |
| 'h2' => [ | |
| 'use' => 1, | |
| 'type' => 'style', | |
| 'color' => '', | |
| 'background-color' => '', | |
| ], | |
| 'h3' => [ | |
| 'use' => 1, | |
| 'type' => 'style', | |
| 'color' => '', | |
| 'background-color' => '', | |
| ], | |
| 'h4' => [ | |
| 'use' => 1, | |
| 'type' => 'style', | |
| 'color' => '', | |
| 'background-color' => '', | |
| ], | |
| 'h5' => [ | |
| 'use' => 1, | |
| 'type' => 'style', | |
| 'color' => '', | |
| 'background-color' => '', | |
| ], | |
| 'h6' => [ | |
| 'use' => 1, | |
| 'type' => 'style', | |
| 'color' => '', | |
| 'background-color' => '', | |
| ], | |
| 'header' => [ | |
| 'use' => 1, | |
| 'type' => 'style', | |
| 'color' => '', | |
| 'background-color' => '', | |
| ], | |
| 'nav' => [ | |
| 'use' => 1, | |
| 'type' => 'style', | |
| 'color' => '', | |
| 'background-color' => '', | |
| ], | |
| 'footer' => [ | |
| 'use' => 1, | |
| 'type' => 'style', | |
| 'color' => '', | |
| 'background-color' => '', | |
| ], | |
| 'aside' => [ | |
| 'use' => 1, | |
| 'type' => 'style', | |
| 'color' => '', | |
| 'background-color' => '', | |
| ], | |
| '.cover' => [ | |
| 'use' => 1, | |
| 'type' => 'style', | |
| 'color' => '', | |
| 'background-color' => '', | |
| ], | |
| '.sheet' => [ | |
| 'use' => 1, | |
| 'type' => 'style', | |
| 'color' => '', | |
| 'background-color' => '', | |
| ], | |
| ]; | |
| return $items; | |
| } | |
| /** | |
| * Print Data | |
| * | |
| * Use color: hsl(0, 50%, 100%); | |
| * @return array | |
| */ | |
| public function getPrintData() | |
| { | |
| $items = [ | |
| 'media' => 'print', | |
| 'body' => [ | |
| 'use' => 1, | |
| 'type' => 'print', | |
| 'line-height' => '1.3', | |
| ], | |
| ]; | |
| return $items; | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment