Merge PR #207 (@benolot)
* pr/207: Attribute new sheets Composer: new cheatsheet bulma: new cheatsheet
This commit is contained in:
Rico Sta. Cruz
commit
6a509cf28b
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,94 @@
|
||||||
|
---
|
||||||
|
title: Bulma
|
||||||
|
layout: 2017/sheet
|
||||||
|
prism_languages: [css, html]
|
||||||
|
weight: -1
|
||||||
|
updated: 2018-03-06
|
||||||
|
authors:
|
||||||
|
- github: benolot
|
||||||
|
description: |
|
||||||
|
Basic guide on how to use Bulma, the lightweight css flexbox framework.
|
||||||
|
---
|
||||||
|
|
||||||
|
### Screen sizes
|
||||||
|
|
||||||
|
```
|
||||||
|
768 1024 1216 1408
|
||||||
|
' ' ' ' ' ' ' ' ' ' ' '
|
||||||
|
<---------^------------^------------------^-------------^------------->
|
||||||
|
mobile tablet desktop widescreen fullhd
|
||||||
|
```
|
||||||
|
|
||||||
|
### Columns
|
||||||
|
|
||||||
|
```css
|
||||||
|
.container
|
||||||
|
```
|
||||||
|
Wrap as many `.column`'s' as you like in a `.columns` wrapper
|
||||||
|
```html
|
||||||
|
<div class="columns">
|
||||||
|
<div class="column"></div>
|
||||||
|
<div class="column"></div>
|
||||||
|
<div class="column"></div>
|
||||||
|
<div class="column"></div>
|
||||||
|
<div class="column"></div>
|
||||||
|
</div>
|
||||||
|
```
|
||||||
|
|
||||||
|
### Modifiers
|
||||||
|
|
||||||
|
The following CSS classes affect the **colour**.
|
||||||
|
|
||||||
|
```css
|
||||||
|
.is-primary
|
||||||
|
.is-link
|
||||||
|
.is-info
|
||||||
|
.is-success
|
||||||
|
.is-warning
|
||||||
|
.is-danger
|
||||||
|
```
|
||||||
|
|
||||||
|
The following classes modify the **size**.
|
||||||
|
```css
|
||||||
|
.is-small
|
||||||
|
.is-medium
|
||||||
|
.is-large
|
||||||
|
```
|
||||||
|
|
||||||
|
The following classes modify the **state**.
|
||||||
|
```scss
|
||||||
|
.is-outlined
|
||||||
|
.is-loading
|
||||||
|
```
|
||||||
|
|
||||||
|
|
||||||
|
### Typography Helpers
|
||||||
|
|
||||||
|
The following classes modify the **font-size**
|
||||||
|
|
||||||
|
| Class | Font-size |
|
||||||
|
| --- | --- |
|
||||||
|
| `.is-size-1` | 3rem |
|
||||||
|
| `.is-size-2` | 2.5rem |
|
||||||
|
| `.is-size-3` | 2rem |
|
||||||
|
| `.is-size-4` | 1.5rem |
|
||||||
|
| `.is-size-5` | 1.25rem |
|
||||||
|
| `.is-size-6` | 1rem |
|
||||||
|
| `.is-size-7` | 0.75rem |
|
||||||
|
|
||||||
|
The following classes **allign** the text
|
||||||
|
|
||||||
|
| Class | Alignment |
|
||||||
|
| --- | --- |
|
||||||
|
| `.has-text-centered` | Makes the text **centered** |
|
||||||
|
| `.has-text-justified` | Makes the text **justified** |
|
||||||
|
| `.has-text-left`. | Makes the text align to the **left** |
|
||||||
|
| `.has-text-right` | Makes the text align to the **right** |
|
||||||
|
|
||||||
|
The following classes **transform** the text
|
||||||
|
|
||||||
|
| Class | Transformation |
|
||||||
|
| --- | --- |
|
||||||
|
| `.is-capitalized` | Transforms the **first character** of each word to **uppercase** |
|
||||||
|
| `.is-lowercase` | Transforms **all** characters to **lowercase** |
|
||||||
|
| `.is-uppercase` | Transforms **all** characters to **uppercase** |
|
||||||
|
|
@ -0,0 +1,48 @@
|
||||||
|
---
|
||||||
|
title: composer
|
||||||
|
category: CLI
|
||||||
|
layout: 2017/sheet
|
||||||
|
weight: -1
|
||||||
|
authors:
|
||||||
|
- github: benolot
|
||||||
|
updated: 2018-03-06
|
||||||
|
description: |
|
||||||
|
Basic guide on how to use Composer, the PHP Package manager.
|
||||||
|
---
|
||||||
|
|
||||||
|
All composer commands, depending on your install, may need to use `php composer.phar` in the install folder for composer, instead of plain `composer`.
|
||||||
|
|
||||||
|
### Package management
|
||||||
|
|
||||||
|
| Command | Description |
|
||||||
|
| --- | --- |
|
||||||
|
| `composer install` | Install everything in composer.json |
|
||||||
|
| --- | --- |
|
||||||
|
| `composer install laravel` | Install a package |
|
||||||
|
| `composer install laravel --dry-run` | Simulates the install without installing anything |
|
||||||
|
| `composer install laravel --no-scripts`| Skips post-download scripts |
|
||||||
|
|
||||||
|
### Updating
|
||||||
|
|
||||||
|
| Command | Description |
|
||||||
|
| --- | --- |
|
||||||
|
| `composer update` | Update all packages |
|
||||||
|
| --- | --- |
|
||||||
|
| `composer update laravel` | Update a certain package |
|
||||||
|
| `composer update vendor/*`| Update all packages in a folder |
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
### Requiring
|
||||||
|
|
||||||
|
| Command | Description |
|
||||||
|
| --- | --- |
|
||||||
|
| `composer require laravel`. | Add new package to composer.json and install it |
|
||||||
|
| --- | --- |
|
||||||
|
| `composer require laravel --dev` | Add new package to `require-dev` and install it. |
|
||||||
|
|
||||||
|
### Removing
|
||||||
|
|
||||||
|
| Command | Description |
|
||||||
|
| --- | --- |
|
||||||
|
| `composer remove laravel` | Remove new package to composer.json and uninstall it |
|
||||||
Loading…
Reference in New Issue