Commit graph

9 commits

Author SHA1 Message Date
Michael Rose
3f469f268f
Improve syntax highlighting styles (#1450)
* Cleanup syntax highlighting styles
* Replace hardcoded color values with [base16](http://chriskempson.com/projects/base16/) Sass variables
* Harmonize padding between GFM code blocks and `{% highlight %}` code blocks
*  Improve readability of line numbers
* Add longer code block example to test double digit line numbers
* Adjust code block colors for specific skins
2018-01-04 20:46:10 -05:00
Michael Rose
3e922ddf58
Upgrade Font Awesome to version 5 (#1446)
Upgrade Font Awesome to version 5 (SVG with JavaScript)

Close #1396
2018-01-04 14:27:27 -05:00
Michael Rose
61e2a1aa47 Round top right corner of code block icon 2018-01-03 10:11:39 -05:00
Michael Rose
f9f97d72e6 Reduce visual weight of code blocks
Flatten shadow and remove borders relying on background color to highlight code.
2018-01-03 10:11:10 -05:00
Michael Rose
3c5e913aaf Fix line number width in code blocks
Code blocks with short line widths can cause `td.gutter` width to stretch, adding in undesired white space.

Declaring widths on the table's columns fixes #1437

Add `{% highlight linenos %}` examples to test and demo sites.
2018-01-03 09:45:21 -05:00
Michael Rose
7afdd57c8a Adjust syntax highlighted code blocks padding
Rouge 2 adds `<div class="highlight"></div>` to markup which can introducing styling defects like extra padding.
2017-10-20 15:54:43 -04:00
Michael Rose
93c4fbc4b9 Color "skins" (#1242)
* Add YIQ Color Contrast mixin
* Remove text underline from `.btn` links
* Move YIQ variables
* Simplify button classes using YIQ color contrast mixin
  - DRY up button CSS using Sass list and YIQ color contrast mixin.
  - Move `color` and `background-color` to new `btn--primary` class instead of assinging on the default class. Removes the need to override them.
* Add `.btn--primary` to buttons that just had `.btn`
* Apply changes to `/docs`
* Add `.btn--primary` class
* Update CHANGELOG and history
* Add sample form
* Abstract colors away into Sass variables for easier themeing
* Add "dark" skin
* Replace hardcoded color with SCSS variable
* Invert Font Awesome icons' colors in author sidebar and footer
* Add Sass changes to `/docs`
* Use primary button type instead of inverse
* Add missing `!default` on `$muted-text-color`
* Add `contrast` and `sunrise` skin colors
* Add `dirt` skin color
* Add `air` skin color option
* Add `mint` skin color
* Add `btn--primary` class to Submit Comment button
* Set skin to `default`
* Document skin color options
* Add note about skin SCSS import

Close #1208
2017-09-12 12:01:43 -04:00
Michael Rose
fb0164b0ca Increase font-size of code blocks. 2017-08-08 15:15:57 -04:00
Michael Rose
3fc1bfde26 Move SCSS partials to /_sass/minimal-mistakes for easier CSS customization 2017-04-18 12:52:11 -04:00
Renamed from _sass/_syntax.scss (Browse further)