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