cheatsheet-styles: update

This commit is contained in:
Rico Sta. Cruz 2017-09-22 14:19:43 +08:00
parent 5794ccb321
commit 12cbd7ca49
No known key found for this signature in database
GPG Key ID: CAAD38AE2962619A
2 changed files with 25 additions and 22 deletions

View File

@ -4,7 +4,7 @@
/* Hide the first h2 heading */
.h2-section {
&:first-child > h2 {
&:first-child:not(.-no-hide) > h2 {
display: none;
}

View File

@ -4,41 +4,36 @@ layout: 2017/sheet
tags: [WIP]
intro: |
This is a reference of styles that you can use on Devhints cheatsheets. How
meta! You can refer to this when contributing your own cheatsheets to the [GitHub repo](https://github.com/rstacruz/cheatsheets/).
meta!
You can refer to this when contributing your own cheatsheets to the [GitHub repo](https://github.com/rstacruz/cheatsheets/).
---
Sections
Intro
-----
Variants
--------
{: .-three-column}
### Adding variants
{: .-prime}
```
## Section
{: .-two-column}
```
Devhints uses Kramdown, and supports adding classes via Kramdown's syntax.
### H2 sections
| `-one-column` | 1 column |
| `-two-column` | _(default)_ 2 columns |
| `-three-column` | 3 columns |
| `-one-column` | |
| `-two-column` | _(default)_|
| `-three-column` | |
| `-left-reference` | 3 columns<br>_(short first column)_ |
| `-no-hide` | Don't hide H2 |
See: [H2 sections](#two-columns)
### H3 sections
| `-prime` | Adds highlight |
| `-prime` | Highlight |
See: [H3 sections](#h3-sections-1)
### Tables
| `-shortcuts` | For shortcut keys |
| `-shortcuts` | Shortcut keys |
| `-left-align` | Don't right align last column |
| `-headers` | Show headers |
@ -57,18 +52,26 @@ See: [Code](#code-1)
| `-crosslink` | Has arrow on the link |
{: .-gray}
Paragraphs are automatically gray, unless they're the first elements in an H3 section.
See: [Paragraphs](#paragraphs-1)
### Lists
| `-also-see` | Lighter background |
| `-four-column` | 4 columns |
| `-six-column` | 6 columns |
| `-four-column` | |
| `-six-column` | |
See: [Lists](#lists-1)
### Adding variants
{: .-prime}
```
## Section
{: .-two-column}
```
Devhints uses Kramdown, and supports adding classes via Kramdown's syntax.
H3 sections
-----------
{: .-three-column}