Skip to content

Commit

Permalink
Cheatsheet styling
Browse files Browse the repository at this point in the history
  • Loading branch information
heathermiller committed Jul 27, 2017
1 parent f8c2786 commit 2ae27bf
Show file tree
Hide file tree
Showing 19 changed files with 556 additions and 94 deletions.
4 changes: 2 additions & 2 deletions _includes/headertop.html
Original file line number Diff line number Diff line change
Expand Up @@ -13,10 +13,10 @@

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">

<!-- Custom stylesheet -->
<!-- Custom stylesheet -->
<link href="{{ site.baseurl }}/resources/css/unslider-dots.css" rel="stylesheet" type="text/css">
<link href="{{ site.baseurl }}/resources/css/unslider.css" rel="stylesheet" type="text/css">
<link href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/solarized-dark.min.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="{{ site.baseurl }}/resources/css/highlightjs.css" type="text/css" />
<link rel="stylesheet" href="{{ site.baseurl }}/resources/css/style.css" type="text/css" />
<link rel="stylesheet" href="{{ site.baseurl }}/resources/css/vendor/codemirror.css" type="text/css" />
<link rel="stylesheet" href="{{ site.baseurl }}/resources/css/vendor/monokai.css" type="text/css" />
Expand Down
26 changes: 10 additions & 16 deletions _layouts/cheatsheet.html
Original file line number Diff line number Diff line change
@@ -1,19 +1,13 @@
---
layout: inner-page-no-masthead
layout: inner-page-parent
---

{% include cheatsheet-header.txt %}
<div class="wrapper">
<div class="bottom">
<div class="container">
<div class="row">
<div class="span13">
{{ content }}
</div>

</div>

</div>
</div>
<div class="push"></div>
</div>
<section class="full-width">
<div class="wrap">
<div class="content-primary cheatsheet">
<div class="inner-box">
{{content}}
</div>
</div>
</div>
</section>
55 changes: 55 additions & 0 deletions _sass/layout/cheatsheet.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,55 @@
// CHEATSHEET
//------------------------------------------------
//------------------------------------------------

.content-primary.cheatsheet {
code {
font-family: 'Consolas';
}

pre.highlight {
margin: 0;
code {
padding: 0;
background: #fff;
border: 0;
}
}

.h2 {
display: block;
font-size: $font-size-h2;
font-weight: $font-black;
color: $gray-darker;
padding-top: 26px;
}

h6 {
color: $base-font-color-light;
font-family: $base-font-family;
text-transform: uppercase;
font-size: $font-size-small;
}

.label {
display: inline-block;
// position: absolute;
// right: 0;
position: relative;
// float: right;
top: 3px;
color: #fff;
text-transform: uppercase;
font-size: 11px;
font-weight: 700;
padding: 1px 5px;
}

.important {
background: $brand-primary;
}

.success {
background: $brand-secondary;
}
}
420 changes: 344 additions & 76 deletions cheatsheets/index.md

Large diffs are not rendered by default.

102 changes: 102 additions & 0 deletions resources/css/highlightjs.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,102 @@
/*
github.com style (c) Vasily Polovnyov <[email protected]>
*/

.hljs {
font-family: 'Consolas';
display: block;
overflow-x: auto;
padding: 0.5em;
color: #333;
background: #fdfdf7;
border-radius: 3px;
border: 1px solid #e7e7d6;
}

.hljs-comment,
.hljs-quote {
color: #998;
font-style: italic;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-subst {
color: #333;
font-weight: bold;
}

.hljs-number,
.hljs-literal,
.hljs-variable,
.hljs-template-variable,
.hljs-tag .hljs-attr {
color: #008080;
}

.hljs-string,
.hljs-doctag {
color: #da322f;
}

.hljs-title,
.hljs-section,
.hljs-selector-id {
color: #900;
font-weight: bold;
}

.hljs-subst {
font-weight: normal;
}

.hljs-type,
.hljs-class .hljs-title {
color: #2f8ad2;
font-weight: bold;
}

.hljs-tag,
.hljs-name,
.hljs-attribute {
color: #000080;
font-weight: normal;
}

.hljs-regexp,
.hljs-link {
color: #859a00;
}

.hljs-symbol,
.hljs-bullet {
color: #990073;
}

.hljs-built_in,
.hljs-builtin-name {
color: #2f8ad2;
}

.hljs-meta {
color: #93a1a1;
font-weight: bold;
}

.hljs-deletion {
background: #fdd;
}

.hljs-addition {
background: #dfd;
}

.hljs-emphasis {
font-style: italic;
}

.hljs-strong {
font-weight: bold;
}
42 changes: 42 additions & 0 deletions resources/css/monospace.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,42 @@
---
---

@font-face {
font-family: 'Consolas';
src: url('{{ site.baseurl }}/resources/glyphs/Consolas.eot');
src: url('{{ site.baseurl }}/resources/glyphs/Consolas.eot?#iefix') format('embedded-opentype'),
url('{{ site.baseurl }}/resources/glyphs/Consolas.woff') format('woff'),
url('{{ site.baseurl }}/resources/glyphs/Consolas.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Consolas';
src: url('{{ site.baseurl }}/resources/glyphs/Consolas-BoldItalic.eot');
src: url('{{ site.baseurl }}/resources/glyphs/Consolas-BoldItalic.eot?#iefix') format('embedded-opentype'),
url('{{ site.baseurl }}/resources/glyphs/Consolas-BoldItalic.woff') format('woff'),
url('{{ site.baseurl }}/resources/glyphs/Consolas-BoldItalic.ttf') format('truetype');
font-weight: bold;
font-style: italic;
}

@font-face {
font-family: 'Consolas';
src: url('{{ site.baseurl }}/resources/glyphs/Consolas-Italic.eot');
src: url('{{ site.baseurl }}/resources/glyphs/Consolas-Italic.eot?#iefix') format('embedded-opentype'),
url('{{ site.baseurl }}/resources/glyphs/Consolas-Italic.woff') format('woff'),
url('{{ site.baseurl }}/resources/glyphs/Consolas-Italic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}

@font-face {
font-family: 'Consolas';
src: url('{{ site.baseurl }}/resources/glyphs/Consolas-Bold.eot');
src: url('{{ site.baseurl }}/resources/glyphs/Consolas-Bold.eot?#iefix') format('embedded-opentype'),
url('{{ site.baseurl }}/resources/glyphs/Consolas-Bold.woff') format('woff'),
url('{{ site.baseurl }}/resources/glyphs/Consolas-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
1 change: 1 addition & 0 deletions resources/css/style.scss
Original file line number Diff line number Diff line change
Expand Up @@ -26,6 +26,7 @@
@import 'layout/navigation';
@import 'layout/doc-navigation';
@import 'layout/twitter-feed';
@import 'layout/cheatsheet';
@import 'layout/ides';
@import 'layout/nutshell';
@import 'layout/overviews';
Expand Down
Binary file added resources/glyphs/Consolas-Bold.eot
Binary file not shown.
Binary file added resources/glyphs/Consolas-Bold.ttf
Binary file not shown.
Binary file added resources/glyphs/Consolas-Bold.woff
Binary file not shown.
Binary file added resources/glyphs/Consolas-BoldItalic.eot
Binary file not shown.
Binary file added resources/glyphs/Consolas-BoldItalic.ttf
Binary file not shown.
Binary file added resources/glyphs/Consolas-BoldItalic.woff
Binary file not shown.
Binary file added resources/glyphs/Consolas-Italic.eot
Binary file not shown.
Binary file added resources/glyphs/Consolas-Italic.ttf
Binary file not shown.
Binary file added resources/glyphs/Consolas-Italic.woff
Binary file not shown.
Binary file added resources/glyphs/Consolas.eot
Binary file not shown.
Binary file added resources/glyphs/Consolas.ttf
Binary file not shown.
Binary file added resources/glyphs/Consolas.woff
Binary file not shown.

0 comments on commit 2ae27bf

Please sign in to comment.