ThirdMirrors
/
cheatsheets
mirror of https://gitee.com/Hawkin99/cheatsheets.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
_sass/2017/components/h2-section.scss
View File

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

45
cheatsheet-styles.md
View File

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