diff options
author | Yurizal Susanto <rizalsagi@gmail.com> | 2019-08-17 05:06:29 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2019-08-17 05:06:29 +0300 |
commit | 30ff78a8e71270d61e4058b6f4cdada904b735f3 (patch) | |
tree | 45e266124bfae16962a30e847f637a6059531600 /assets | |
parent | ef5eff8e34f31e7a9576b3f587dea8ab5dcc0ca2 (diff) |
Make new release (#10)1.2.0
* Fixes issue raise by gohugoio/hugoThemes#682 (comment)
* Use Hugo pipe for assets management
Diffstat (limited to 'assets')
-rw-r--r-- | assets/css/normalize.css | 350 | ||||
-rw-r--r-- | assets/css/syntax.css | 50 | ||||
-rw-r--r-- | assets/css/template.css | 424 |
3 files changed, 824 insertions, 0 deletions
diff --git a/assets/css/normalize.css b/assets/css/normalize.css new file mode 100644 index 0000000..9d9f37a --- /dev/null +++ b/assets/css/normalize.css @@ -0,0 +1,350 @@ +/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ + +/* Document + ========================================================================== */ + +/** + * 1. Correct the line height in all browsers. + * 2. Prevent adjustments of font size after orientation changes in iOS. + */ + +html { + line-height: 1.15; /* 1 */ + -webkit-text-size-adjust: 100%; /* 2 */ +} + +/* Sections + ========================================================================== */ + +/** + * Remove the margin in all browsers. + */ + +body { + margin: 0; +} + +/** + * Render the `main` element consistently in IE. + */ + +main { + display: block; +} + +/** + * Correct the font size and margin on `h1` elements within `section` and + * `article` contexts in Chrome, Firefox, and Safari. + */ + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +/* Grouping content + ========================================================================== */ + +/** + * 1. Add the correct box sizing in Firefox. + * 2. Show the overflow in Edge and IE. + */ + +hr { + box-sizing: content-box; /* 1 */ + height: 0; /* 1 */ + overflow: visible; /* 2 */ +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + +pre { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/* Text-level semantics + ========================================================================== */ + +/** + * Remove the gray background on active links in IE 10. + */ + +a { + background-color: transparent; +} + +/** + * 1. Remove the bottom border in Chrome 57- + * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. + */ + +abbr[title] { + border-bottom: none; /* 1 */ + text-decoration: underline; /* 2 */ + text-decoration: underline dotted; /* 2 */ +} + +/** + * Add the correct font weight in Chrome, Edge, and Safari. + */ + +b, +strong { + font-weight: bolder; +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + +code, +kbd, +samp { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/** + * Add the correct font size in all browsers. + */ + +small { + font-size: 80%; +} + +/** + * Prevent `sub` and `sup` elements from affecting the line height in + * all browsers. + */ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +/* Embedded content + ========================================================================== */ + +/** + * Remove the border on images inside links in IE 10. + */ + +img { + border-style: none; +} + +/* Forms + ========================================================================== */ + +/** + * 1. Change the font styles in all browsers. + * 2. Remove the margin in Firefox and Safari. + */ + +button, +input, +optgroup, +select, +textarea { + font-family: inherit; /* 1 */ + font-size: 100%; /* 1 */ + line-height: 1.15; /* 1 */ + margin: 0; /* 2 */ +} + +/** + * Show the overflow in IE. + * 1. Show the overflow in Edge. + */ + +button, +input { /* 1 */ + overflow: visible; +} + +/** + * Remove the inheritance of text transform in Edge, Firefox, and IE. + * 1. Remove the inheritance of text transform in Firefox. + */ + +button, +select { /* 1 */ + text-transform: none; +} + +/** + * Correct the inability to style clickable types in iOS and Safari. + */ + +button, +[type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; +} + +/** + * Remove the inner border and padding in Firefox. + */ + +button::-moz-focus-inner, +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { + border-style: none; + padding: 0; +} + +/** + * Restore the focus styles unset by the previous rule. + */ + +button:-moz-focusring, +[type="button"]:-moz-focusring, +[type="reset"]:-moz-focusring, +[type="submit"]:-moz-focusring { + outline: 1px dotted ButtonText; +} + +/** + * Correct the padding in Firefox. + */ + +fieldset { + padding: 0.35em 0.75em 0.625em; +} + +/** + * 1. Correct the text wrapping in Edge and IE. + * 2. Correct the color inheritance from `fieldset` elements in IE. + * 3. Remove the padding so developers are not caught out when they zero out + * `fieldset` elements in all browsers. + */ + +legend { + box-sizing: border-box; /* 1 */ + color: inherit; /* 2 */ + display: table; /* 1 */ + max-width: 100%; /* 1 */ + padding: 0; /* 3 */ + white-space: normal; /* 1 */ +} + +/** + * Add the correct vertical alignment in Chrome, Firefox, and Opera. + */ + +progress { + vertical-align: baseline; +} + +/** + * Remove the default vertical scrollbar in IE 10+. + */ + +textarea { + overflow: auto; +} + +/** + * 1. Add the correct box sizing in IE 10. + * 2. Remove the padding in IE 10. + */ + +[type="checkbox"], +[type="radio"] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ +} + +/** + * Correct the cursor style of increment and decrement buttons in Chrome. + */ + +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +/** + * 1. Correct the odd appearance in Chrome and Safari. + * 2. Correct the outline style in Safari. + */ + +[type="search"] { + -webkit-appearance: textfield; /* 1 */ + outline-offset: -2px; /* 2 */ +} + +/** + * Remove the inner padding in Chrome and Safari on macOS. + */ + +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** + * 1. Correct the inability to style clickable types in iOS and Safari. + * 2. Change font properties to `inherit` in Safari. + */ + +::-webkit-file-upload-button { + -webkit-appearance: button; /* 1 */ + font: inherit; /* 2 */ +} + +/* Interactive + ========================================================================== */ + +/* + * Add the correct display in Edge, IE 10+, and Firefox. + */ + +details { + display: block; +} + +/* + * Add the correct display in all browsers. + */ + +summary { + display: list-item; +} + +/* Misc + ========================================================================== */ + +/** + * Add the correct display in IE 10+. + */ + +template { + display: none; +} + +/** + * Add the correct display in IE 10. + */ + +[hidden] { + display: none; +} + diff --git a/assets/css/syntax.css b/assets/css/syntax.css new file mode 100644 index 0000000..077e30f --- /dev/null +++ b/assets/css/syntax.css @@ -0,0 +1,50 @@ +/* Background */ .chroma { color: #ffffff; } +/* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; } +/* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; } +/* LineHighlight */ .chroma .hl { display: block; width: 100%;background-color: #ffffcc } +/* LineNumbersTable */ .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em; } +/* LineNumbers */ .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em; } +/* Keyword */ .chroma .k { color: #fb660a; font-weight: bold } +/* KeywordConstant */ .chroma .kc { color: #fb660a; font-weight: bold } +/* KeywordDeclaration */ .chroma .kd { color: #fb660a; font-weight: bold } +/* KeywordNamespace */ .chroma .kn { color: #fb660a; font-weight: bold } +/* KeywordPseudo */ .chroma .kp { color: #fb660a } +/* KeywordReserved */ .chroma .kr { color: #fb660a; font-weight: bold } +/* KeywordType */ .chroma .kt { color: #cdcaa9; font-weight: bold } +/* NameAttribute */ .chroma .na { color: #ff0086; font-weight: bold } +/* NameConstant */ .chroma .no { color: #0086d2 } +/* NameFunction */ .chroma .nf { color: #ff0086; font-weight: bold } +/* NameTag */ .chroma .nt { color: #fb660a; font-weight: bold } +/* NameVariable */ .chroma .nv { color: #fb660a } +/* LiteralString */ .chroma .s { color: #0086d2 } +/* LiteralStringAffix */ .chroma .sa { color: #0086d2 } +/* LiteralStringBacktick */ .chroma .sb { color: #0086d2 } +/* LiteralStringChar */ .chroma .sc { color: #0086d2 } +/* LiteralStringDelimiter */ .chroma .dl { color: #0086d2 } +/* LiteralStringDoc */ .chroma .sd { color: #0086d2 } +/* LiteralStringDouble */ .chroma .s2 { color: #0086d2 } +/* LiteralStringEscape */ .chroma .se { color: #0086d2 } +/* LiteralStringHeredoc */ .chroma .sh { color: #0086d2 } +/* LiteralStringInterpol */ .chroma .si { color: #0086d2 } +/* LiteralStringOther */ .chroma .sx { color: #0086d2 } +/* LiteralStringRegex */ .chroma .sr { color: #0086d2 } +/* LiteralStringSingle */ .chroma .s1 { color: #0086d2 } +/* LiteralStringSymbol */ .chroma .ss { color: #0086d2 } +/* LiteralNumber */ .chroma .m { color: #0086f7; font-weight: bold } +/* LiteralNumberBin */ .chroma .mb { color: #0086f7; font-weight: bold } +/* LiteralNumberFloat */ .chroma .mf { color: #0086f7; font-weight: bold } +/* LiteralNumberHex */ .chroma .mh { color: #0086f7; font-weight: bold } +/* LiteralNumberInteger */ .chroma .mi { color: #0086f7; font-weight: bold } +/* LiteralNumberIntegerLong */ .chroma .il { color: #0086f7; font-weight: bold } +/* LiteralNumberOct */ .chroma .mo { color: #0086f7; font-weight: bold } +/* Comment */ .chroma .c { color: #008800; font-style: italic } +/* CommentHashbang */ .chroma .ch { color: #008800; font-style: italic } +/* CommentMultiline */ .chroma .cm { color: #008800; font-style: italic } +/* CommentSingle */ .chroma .c1 { color: #008800; font-style: italic } +/* CommentSpecial */ .chroma .cs { color: #008800; font-style: italic } +/* CommentPreproc */ .chroma .cp { color: #ff0007; font-weight: bold; font-style: italic } +/* CommentPreprocFile */ .chroma .cpf { color: #ff0007; font-weight: bold; font-style: italic } +/* GenericHeading */ .chroma .gh { font-weight: bold } +/* GenericOutput */ .chroma .go { color: #444444; background-color: #222222 } +/* GenericSubheading */ .chroma .gu { font-weight: bold } +/* TextWhitespace */ .chroma .w { color: #888888 } diff --git a/assets/css/template.css b/assets/css/template.css new file mode 100644 index 0000000..424c441 --- /dev/null +++ b/assets/css/template.css @@ -0,0 +1,424 @@ +/* +* Tulis CSS +* fork of Skeleton V2.0.4 (www.getskeleton.com) +* Copyright 2017, Yurizal Susanto +* Free to use under the MIT license. +* http://www.opensource.org/licenses/mit-license.php +* 21/06/2017 +*/ + + +/* Table of contents +–––––––––––––––––––––––––––––––––––––––––––––––––– +- #Container +- #Base Styles +- #Typography +- #Links +- #Lists +- #Code +- #Tables +- #Blockquote +- #Navigation +- #Spacing +- #Utilities +- #Print +- #Media Queries +*/ + + +/* #Container +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +.container { + position: relative; + width: 100%; + max-width: 70rem; + margin: 0 auto; + padding: 0 2rem; + box-sizing: border-box; +} + + +/* #Base Styles +–––––––––––––––––––––––––––––––––––––––––––––––––– */ + +*, +*:after, +*:before { + box-sizing: inherit; +} + +/* NOTE +html is set to 62.5% so that all the REM measurements throughout Skeleton +are based on 10px sizing. So basically 1.5rem = 15px :) */ +html { + font-size: 62.5%; +} +body { + font-size: 1.6em; + line-height: 1.7; + font-weight: 400; + font-family: 'Lato', sans-serif; + color: #444; +} + + +/* #Typography +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 1rem; + font-weight: 300; + color: #222; + font-family: 'Raleway', sans-serif; +} +h1 { + font-size: 3.2rem; + line-height: 1.25; + letter-spacing: -.1rem; +} +h2 { + font-size: 2.8rem; + line-height: 1.25; + letter-spacing: -.1rem; +} +h3 { + font-size: 2.4rem; + line-height: 1.3; + letter-spacing: -.1rem; +} +h4 { + font-size: 2.0rem; + line-height: 1.35; + letter-spacing: -.08rem; +} +h5 { + font-size: 1.8rem; + line-height: 1.5; + letter-spacing: -.05rem; +} +h6 { + font-size: 1.6rem; + line-height: 1.6; + letter-spacing: 0; +} + +/* Larger than phablet */ +@media (min-width: 55rem) { + h1 { font-size: 3.6rem; } + h2 { font-size: 3.0rem; } + h3 { font-size: 2.8rem; } + h4 { font-size: 2.4rem; } + h5 { font-size: 2.0rem; } + h6 { font-size: 1.7rem; } +} + +p { margin-top: 0; } + +#brand { + text-align: left; +} +#brand h1 { + margin-bottom: -.2rem; + font-weight: bold +} +#brand h5 { + color: #898989; + margin-bottom: -.2rem; +} +#related h3 { + text-align: left; +} + + +/* #Links +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +a { + text-decoration: none; + color: {{ .Site.Params.ColorTheme }}; +} +a:hover { text-decoration: underline; } + + +/* #Lists +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +ul { list-style: square; } +ol { list-style: decimal; } +ol, ul { + padding-left: 1.2rem; + margin-top: 0; +} +ul ul, +ul ol, +ol ol, +ol ul { + margin: 1.5rem 0 1.5rem 3rem; + font-size: 90%; +} +li { + margin-bottom: .5rem; + margin-left: .5rem; +} +li > p { + margin-bottom: .3rem; +} + +ul.no-bullet { + margin-left: 0; + margin-bottom: 1.5rem; +} +@media (min-width: 40rem) { + ul.no-bullet { + list-style: none; + margin-left: 0; + } +} +.no-bullet li { + margin-left: 0; + font-size: 1.8rem; +} +.no-bullet span { + display: none; + font-size: 1.7rem; + color: #666; + font-family: monospace; +} +@media (min-width: 40rem) { + .no-bullet span { + margin-right: 1rem; + display: inline; + } +} +.terms li>span { + color: #666; + font-family: monospace; +} + +dd { margin-left: 2rem; } + +/* #Code +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +code { + padding: .2rem .5rem; + margin: 0 .2rem; + font-size: 90%; + white-space: nowrap; + background: #f1f1f1; + border: 1px solid #e1e1e1; + border-radius: 4px; + font-family: 'Fira Mono', monospace; +} +pre > code { + display: block; + padding: 1rem 1.5rem; + white-space: pre-wrap; + background: #2b303b; + color: #c0c5ce; + font-family: 'Fira Mono', monospace; +} + +/* #Tables +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +th, +td { + padding: 12px 15px; + text-align: left; + border-bottom: 1px solid #e1e1e1; +} +th:first-child, +td:first-child { + padding-left: 0; +} +th:last-child, +td:last-child { + padding-right: 0; +} + +/* #Blockquote +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +blockquote { + box-sizing: border-box; + margin: 1.75em 0 1.75em 0; + padding: 0 1em 0 1em; + border-left:0.4em solid; + border-left-color: {{ .Site.Params.ColorTheme }}; +} + +@media (min-width: 55rem) { + blockquote { + margin: 1.75em -2em 1.75em -2em; + padding: 0 1.5em 0 1.5em; + border-right:0.4em solid; + border-right-color: {{ .Site.Params.ColorTheme }}; + } +} + +blockquote p:last-of-type cite { + display: block; + text-align: right; + margin-right: 1rem; +} + +blockquote p:last-of-type cite:before { content: "― "; } + +blockquote cite a { + font-style: italic; + text-decoration: none; +} + +/* #Navigation +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +.bar a { color: #777; } +.bar a:hover { + color: {{ .Site.Params.ColorTheme }}; + text-decoration: none; +} +.bar ul { + list-style: none; + margin: 0; + padding: 0; +} +.bar li { + display: inline; + font-size: 1.8rem; + margin-right: 1rem; + margin-left: 0; +} +@media (min-width: 40rem) { + .bar li { + font-size: 2.2rem; + } +} + +.post-nav { + margin-bottom: 2rem; +} +.next-post { + display: block; + text-align: right; +} +.prev-post { + display: block; + text-align: left; +} + +.pagination { + font-size: 2rem; +} + +/* #Spacing +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +pre, +blockquote, +dl, +figure, +table, +p, +ul, +ol { + margin-bottom: 2.5rem; } + +#brand { + margin-top: 1rem; + margin-bottom: 1.2rem; +} + +/* #Utilities +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +.u-header { + margin-bottom: .5rem; +} +@media (min-width: 55rem) { + .u-header { padding-top: 1rem; } +} +@media (min-width: 75rem) { + .u-header { padding-top: 3rem; } +} + +.u-footer { + margin-top: 3rem; + margin-bottom: 2rem; +} + + +/* #Misc +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +hr { + margin-top: 3rem; + margin-bottom: 3.5rem; + border-width: 0; + border-top: 1px solid #e1e1e1; +} + +.sep { + margin-top: 2rem; + margin-bottom: 1rem; + margin-left:0; + width: 24rem; + border-top: 2px solid {{ .Site.Params.ColorTheme }}; +} + +img { + max-width: 100% +} + +article img { + display: block; + margin: 0 auto; +} + +[class^="icon"] { + width: 1em; + height: 1em; + position: relative; +} +.icon-text { + top: .13em; +} +.icon-social { + width: 3rem; + height: 3rem; +} + + +/* #Print +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +@media print { + .no-print { + display: none; + } + + pre > code { + white-space: pre-wrap; + } + + img { + display: block; + width: 80%; + margin: auto; + } +} + +/* #Media Queries +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +/* +Note: The best way to structure the use of media queries is to create the queries +near the relevant code. For example, if you wanted to change the styles for buttons +on small devices, paste the mobile query code up in the buttons section and style it +there. +*/ + + +/* Larger than mobile */ +@media (min-width: 40rem) {} + +/* Larger than phablet (also point when grid becomes active) */ +@media (min-width: 55rem) {} + +/* Larger than tablet */ +@media (min-width: 75rem) {} + +/* Larger than desktop */ +@media (min-width: 100rem) {} + +/* Larger than Desktop HD */ +@media (min-width: 120rem) {} |