2017 © Pedro Peláez
 

library gnaw

Generates front end scaffold

image

ensphere/gnaw

Generates front end scaffold

  • Thursday, July 19, 2018
  • by lukesnowden
  • Repository
  • 2 Watchers
  • 0 Stars
  • 46 Installations
  • PHP
  • 0 Dependents
  • 0 Suggesters
  • 0 Forks
  • 0 Open issues
  • 8 Versions
  • 39 % Grown

The README.md

Front End Scaffold Generator

Installation

You can install the package via Composer:, (*1)

composer require ensphere/gnaw
````

Next, you must install the service provider to `config/app.php`:

```php
'providers' => [
    // ...
    Ensphere\Gnaw\Providers\AppServiceProvider::class,
];

Post CSS Disk

And finally you should add a disk named post-css to app/config/filesystems.php on which the .pcss will be saved. This would be a typical configuration:, (*2)

// ...
'disks' => [
    // ...
    'post-css' => [
        'driver' => 'local',
        'root'   => resource_path( 'assets/src/css' ),
    ],
// ...    

Optionally, you may publish the configuration file with (it is advised to publish and store your variables in the application config file and not the Post CSS config files):, (*3)

php artisan vendor:publish --provider="Ensphere\Gnaw\Providers\AppServiceProvider" --tag="config"

Usage

Utilities

Columns

Current max columns is 16;, (*4)

  • col:1-of-2
  • col:5-of-16
  • col:4-of-12

Colours

  • background-color:blue
  • color:red

Spacing

  • padding:large
  • padding-left:large
  • padding-top:small
  • padding-right:medium
  • padding-bottom:extra-large
  • padding-y-axis:very-small
  • padding-x-axis:large, (*5)

  • margin:large, (*6)

  • margin-left:large
  • margin-top:small
  • margin-right:medium
  • margin-bottom:extra-large
  • margin-y-axis:very-small
  • margin-x-axis:large

Helpers

  • full-width
  • not-a-list
  • float:left | float:right
  • children:same-height
  • child:vertically-aligned

example;, (*7)

<ul class="not-a-list children:same-height">
    <li class="child:vertically-aligned"><img src="http://placehold.it/40x40" alt=""></li>
    <li class="child:vertically-aligned"><img src="http://placehold.it/40x60" alt=""></li>
    <li class="child:vertically-aligned"><img src="http://placehold.it/40x80" alt=""></li>
</ul>

Media Query Variants

This is a mobile first utility framework so no prefix is mobile use. Prefixes available ar tablet--, desktop--, wide-- and huge--., (*8)

  • tablet--padding-x-axis:large
  • dektop--col:2-of-12
  • wide--margin-left:small
  • huge--color:blue

The Versions

19/07 2018

dev-master

9999999-dev

Generates front end scaffold

  Sources   Download

MIT

The Requires

 

19/07 2018

0.0.7

0.0.7.0

Generates front end scaffold

  Sources   Download

MIT

The Requires

 

12/07 2018

0.0.6

0.0.6.0

Generates front end scaffold

  Sources   Download

MIT

The Requires

 

04/07 2018

0.0.5

0.0.5.0

Generates front end scaffold

  Sources   Download

MIT

The Requires

 

04/07 2018

0.0.4

0.0.4.0

Generates front end scaffold

  Sources   Download

MIT

The Requires

 

13/06 2018

0.0.3

0.0.3.0

Generates front end scaffold

  Sources   Download

MIT

The Requires

 

07/06 2018

0.0.2

0.0.2.0

Generates front end scaffold

  Sources   Download

MIT

The Requires

 

26/04 2018

0.0.1

0.0.1.0

Generates front end scaffold

  Sources   Download

MIT

The Requires