| @mixin openTypeFeatures( | |
| $discretionary, | |
| $historical, | |
| $proportional-nums, | |
| $tabular-nums, | |
| $oldstyle-nums, | |
| $lining-nums, | |
| $superscript, | |
| $subscript, | |
| $scientific-inferiours, |
TITLE:Markdown;
DATE:June 2013;
::end::
I will try to give a short impressions on how I use markdown/pandocs capabilities to greatly reduce the time spent on formatting anything -- from websites to PDF Documents.
You can find a much more exhaustive documentation for all features pandoc offers on pandoc's help page: Link
| a { | |
| border: medium none; | |
| color:teal; | |
| background: linear-gradient(teal, teal) no-repeat scroll center bottom / 100% 2px transparent; | |
| transition: background-size 0.2s ease 0s, color 0.1s ease 0.1s; | |
| } | |
| a:hover { | |
| color: white; | |
| background-size: 100% 100%; |
| <html> | |
| <head> | |
| <style> | |
| .blue{color:blue;} | |
| </style> | |
| </head> | |
| <body> | |
| <div class="blue"> | |
| Hello, world! | |
| </div> |
| /etc/init.d/apache2 reload |
| .sc{ | |
| -moz-font-feature-settings: "smcp=1"; | |
| -ms-font-feature-settings: "smcp"; | |
| -webkit-font-feature-settings: "smcp"; | |
| -o-font-feature-settings: "smcp"; | |
| font-feature-settings: "smcp"; | |
| } |
| *, *:before, *:after{ | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } | |
| body{ | |
| font-size:21px; | |
| } |
| overscan_left=50 | |
| overscan_right=50 | |
| framebuffer_width=1280 | |
| framebuffer_height=720 | |
| HDMI_CEA_720p50 = 19 |
| .amp { | |
| font-family: Calendas Plus Italic, 'Ampersand', Calendas Plus, Baskerville, GoudyBookletter1911, 'Goudy Old Style', Palatino, 'Book Antiqua', serif; | |
| } | |
| @font-face { | |
| font-family: 'Ampersand'; | |
| src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAhYABEAAAAAFRAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABgAAAABwAAAAcaZhpK0dERUYAAAGcAAAAHQAAACAAQQAER1BPUwAAAbwAAAGdAAALBLpV1NtHU1VCAAADXAAAAEsAAABoTKZNvk9TLzIAAAOoAAAAVQAAAGCXPLTuY21hcAAABAAAAABgAAABcknWTiBjdnQgAAAEYAAAAAQAAAAEAEQFEWdhc3AAAARkAAAACAAAAAj//wADZ2x5ZgAABGwAAAFyAAABiAAXFxJoZWFkAAAF4AAAAC8AAAA2BXO+p2hoZWEAAAYQAAAAIAAAACQO4QLMaG10eAAABjAAAAA5AAAAUC41AI5sb2NhAAAGbAAAABEAAAAqBhYGCG1heHAAAAaAAAAAHwAAACAAWACbbmFtZQAABqAAAAE9AAADEkdRbw5wb3N0AAAH4AAAAG4AAADQfoPIoHdlYmYAAAhQAAAABgAAAAaJhVPVAAAAAQAAAADMPaLPAAAAAM1fjFcAAAAAz/s6BHjaY2BkYGDgA2IJBhBgYmAEQmEgZgHzGAAFGwBGAAAAeNq9VitswzAQvVQDVXDxgiuNBZcXF4cMbGTTpExjw8XhxcXGgZNCRoqNw4MDfTv/1m7OWsdOd5bl+He+e3fPDiQAkMIt3EHyfP/2AnO4oRFABDmTPD28yjHQPZqbqXYOs/RTrkzr9IP2ZrSjwZJKhmsIEGRUC9q9QoY5F |
| hr{ | |
| border: none; | |
| border-top: medium double #eee; | |
| width: 50%; | |
| text-align: center; | |
| margin: 0 auto; | |
| } | |
| hr:not(.plain):after { | |
| /* content: "◉";*/ |