RubyGems - thesmoothie-jekyll-theme - Versions diffs - 0.1.3 → 0.1.4 - Mend

thesmoothie-jekyll-theme 0.1.3 → 0.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (12) hide show

checksums.yaml +4 -4
data/_layouts/default.html +1 -0
data/_sass/_colors-lookup-table.scss +289 -0
data/_sass/_colors.scss +51 -0
data/_sass/_media.scss +6 -0
data/_sass/_reset.scss +13 -0
data/_sass/_showgrid.scss +67 -0
data/_sass/_typography.scss +252 -0
data/_sass/_utilities.scss +7 -0
data/_sass/style.scss +43 -0
data/assets/main.scss +5 -0
metadata +10 -1

checksums.yaml CHANGED Viewed

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 8e7016014df37e0f30479c6dda856ad41498d2bd
-  data.tar.gz: 52b7d1aab43b96a23711af329759137b8649f2f1
+  metadata.gz: c44d7fab796282ddfd69066c214bd22cab1125ef
+  data.tar.gz: e75ef60b87bdcacd0f8309c6e9023245b95f01bd
 SHA512:
-  metadata.gz: b66b4514816feb7f152f8b689a8f310867b2b3c998c0eaa1cee724d7e3bfc59d36bfe8a6ae644a945d007c9f241153eeed06396a40d222d0c1513d47b42c1aa2
-  data.tar.gz: b9a62b53bae4f21e140a599fd95315533f5e2ba94dc21ae01001f3f5e0ce3281c2516aa386df24b30795cca9c4469b02f8880ec77ef08575696992a762414310
+  metadata.gz: '055508ec89529be1a4112acd9dea68a1445075804a07f2ff489d749f685304b05e80e443cc019f476a79bd0a26aafa8405bebd7be845941cc389009442b53440'
+  data.tar.gz: 4f3e5d099ef829c1af3f42a4443fa4bf7f330e30c8a4921c0448d8e76175b6f965e7543f85d31a6d4f7570aae59144e1158c3a2b2848507c865b69794ea1985f

data/_layouts/default.html CHANGED Viewed

@@ -6,6 +6,7 @@
 	<meta http-equiv="X-UA-Compatible" content="ie=edge">
 	<title>The Smoothie</title>
 	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
+	<link rel="stylesheet" href="assets/main.css">
 </head>
 <body>
 	<div class="container py-5">

data/_sass/_colors-lookup-table.scss ADDED Viewed

@@ -0,0 +1,289 @@
+//
+// Copyright 2017 Google Inc.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+// THE SOFTWARE.
+//
+// Precomputed linear color channel values, for use in contrast calculations.
+// See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
+//
+// Algorithm, for c in 0 to 255:
+// f(c) {
+//   c = c / 255;
+//   return c < 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);
+// }
+//
+// This lookup table is needed since there is no `pow` in SASS.
+$linear-channel-values:
+  0
+  .0003035269835488375
+  .000607053967097675
+  .0009105809506465125
+  .00121410793419535
+  .0015176349177441874
+  .001821161901293025
+  .0021246888848418626
+  .0024282158683907
+  .0027317428519395373
+  .003035269835488375
+  .003346535763899161
+  .003676507324047436
+  .004024717018496307
+  .004391442037410293
+  .004776953480693729
+  .005181516702338386
+  .005605391624202723
+  .006048833022857054
+  .006512090792594475
+  .006995410187265387
+  .007499032043226175
+  .008023192985384994
+  .008568125618069307
+  .009134058702220787
+  .00972121732023785
+  .010329823029626936
+  .010960094006488246
+  .011612245179743885
+  .012286488356915872
+  .012983032342173012
+  .013702083047289686
+  .014443843596092545
+  .01520851442291271
+  .01599629336550963
+  .016807375752887384
+  .017641954488384078
+  .018500220128379697
+  .019382360956935723
+  .0202885630566524
+  .021219010376003555
+  .022173884793387385
+  .02315336617811041
+  .024157632448504756
+  .02518685962736163
+  .026241221894849898
+  .027320891639074894
+  .028426039504420793
+  .0295568344378088
+  .030713443732993635
+  .03189603307301153
+  .033104766570885055
+  .03433980680868217
+  .03560131487502034
+  .03688945040110004
+  .0382043715953465
+  .03954623527673284
+  .04091519690685319
+  .042311410620809675
+  .043735029256973465
+  .04518620438567554
+  .046665086336880095
+  .04817182422688942
+  .04970656598412723
+  .05126945837404324
+  .052860647023180246
+  .05448027644244237
+  .05612849004960009
+  .05780543019106723
+  .0595112381629812
+  .06124605423161761
+  .06301001765316767
+  .06480326669290577
+  .06662593864377289
+  .06847816984440017
+  .07036009569659588
+  .07227185068231748
+  .07421356838014963
+  .07618538148130785
+  .07818742180518633
+  .08021982031446832
+  .0822827071298148
+  .08437621154414882
+  .08650046203654976
+  .08865558628577294
+  .09084171118340768
+  .09305896284668745
+  .0953074666309647
+  .09758734714186246
+  .09989872824711389
+  .10224173308810132
+  .10461648409110419
+  .10702310297826761
+  .10946171077829933
+  .1119324278369056
+  .11443537382697373
+  .11697066775851084
+  .11953842798834562
+  .12213877222960187
+  .12477181756095049
+  .12743768043564743
+  .1301364766903643
+  .13286832155381798
+  .13563332965520566
+  .13843161503245183
+  .14126329114027164
+  .14412847085805777
+  .14702726649759498
+  .14995978981060856
+  .15292615199615017
+  .1559264637078274
+  .1589608350608804
+  .162029375639111
+  .1651321945016676
+  .16826940018969075
+  .1714411007328226
+  .17464740365558504
+  .17788841598362912
+  .18116424424986022
+  .184474994500441
+  .18782077230067787
+  .19120168274079138
+  .1946178304415758
+  .19806931955994886
+  .20155625379439707
+  .20507873639031693
+  .20863687014525575
+  .21223075741405523
+  .21586050011389926
+  .2195261997292692
+  .2232279573168085
+  .22696587351009836
+  .23074004852434915
+  .23455058216100522
+  .238397573812271
+  .24228112246555486
+  .24620132670783548
+  .25015828472995344
+  .25415209433082675
+  .2581828529215958
+  .26225065752969623
+  .26635560480286247
+  .2704977910130658
+  .27467731206038465
+  .2788942634768104
+  .2831487404299921
+  .2874408377269175
+  .29177064981753587
+  .2961382707983211
+  .3005437944157765
+  .3049873140698863
+  .30946892281750854
+  .31398871337571754
+  .31854677812509186
+  .32314320911295075
+  .3277780980565422
+  .33245153634617935
+  .33716361504833037
+  .3419144249086609
+  .3467040563550296
+  .35153259950043936
+  .3564001441459435
+  .3613067797835095
+  .3662525955988395
+  .3712376804741491
+  .3762621229909065
+  .38132601143253014
+  .386429433787049
+  .39157247774972326
+  .39675523072562685
+  .4019777798321958
+  .4072402119017367
+  .41254261348390375
+  .4178850708481375
+  .4232676699860717
+  .4286904966139066
+  .43415363617474895
+  .4396571738409188
+  .44520119451622786
+  .45078578283822346
+  .45641102318040466
+  .4620769996544071
+  .467783796112159
+  .47353149614800955
+  .4793201831008268
+  .4851499400560704
+  .4910208498478356
+  .4969329950608704
+  .5028864580325687
+  .5088813208549338
+  .5149176653765214
+  .5209955732043543
+  .5271151257058131
+  .5332764040105052
+  .5394794890121072
+  .5457244613701866
+  .5520114015120001
+  .5583403896342679
+  .5647115057049292
+  .5711248294648731
+  .5775804404296506
+  .5840784178911641
+  .5906188409193369
+  .5972017883637634
+  .6038273388553378
+  .6104955708078648
+  .6172065624196511
+  .6239603916750761
+  .6307571363461468
+  .6375968739940326
+  .6444796819705821
+  .6514056374198242
+  .6583748172794485
+  .665387298282272
+  .6724431569576875
+  .6795424696330938
+  .6866853124353135
+  .6938717612919899
+  .7011018919329731
+  .7083757798916868
+  .7156935005064807
+  .7230551289219693
+  .7304607400903537
+  .7379104087727308
+  .7454042095403874
+  .7529422167760779
+  .7605245046752924
+  .768151147247507
+  .7758222183174236
+  .7835377915261935
+  .7912979403326302
+  .799102738014409
+  .8069522576692516
+  .8148465722161012
+  .8227857543962835
+  .8307698767746546
+  .83879901174074
+  .846873231509858
+  .8549926081242338
+  .8631572134541023
+  .8713671191987972
+  .8796223968878317
+  .8879231178819663
+  .8962693533742664
+  .9046611743911496
+  .9130986517934192
+  .9215818562772946
+  .9301108583754237
+  .938685728457888
+  .9473065367331999
+  .9559733532492861
+  .9646862478944651
+  .9734452903984125
+  .9822505503331171
+  .9911020971138298
+  1;

data/_sass/_colors.scss ADDED Viewed

@@ -0,0 +1,51 @@
+/**
+	* Calculate the luminance for a color.
+	* See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
+	*/
+@function luminance($color) {
+	$red: nth($linear-channel-values, red($color) + 1);
+	$green: nth($linear-channel-values, green($color) + 1);
+	$blue: nth($linear-channel-values, blue($color) + 1);
+	@return .2126 * $red + .7152 * $green + .0722 * $blue;
+}
+/**
+	* Calculate the contrast ratio between two colors.
+	* See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
+	*/
+@function contrast($back, $front, $tolerance: 0.5) {
+	$backLum: luminance($back) + $tolerance;
+	$foreLum: luminance($front) + $tolerance;
+	@return max($backLum, $foreLum) / min($backLum, $foreLum);
+}
+/**
+	* Determine whether to use dark or light text on top of given color.
+	* Returns black for dark text and white for light text.
+	*/
+@function contrast-color($color, $white: white, $black: black, $tolerance: 0.5) {
+	$lightContrast: contrast($color, $white, $tolerance);
+	$darkContrast: contrast($color, $black, $tolerance);
+	@if ($lightContrast > $darkContrast) {
+		@return $white;
+	} @else {
+		@return $black;
+	}
+}
+$color-primary: rgb(46, 178, 255) !default;
+$color-secondary: #f16ba3 !default;
+$color-headings: #023 !default;
+$color-text: #546B77 !default;
+$colors: (
+	primary: $color-primary,
+	secondary: $color-secondary,
+	info: blue,
+	success: green,
+	warning: orange,
+	danger: red,
+) !default;

data/_sass/_media.scss ADDED Viewed

@@ -0,0 +1,6 @@
+img {
+	display: flex;
+	max-width: 100%;
+	width: auto;
+	max-height: 800px;
+}

data/_sass/_reset.scss ADDED Viewed

@@ -0,0 +1,13 @@
+*,
+*:before,
+*:after {
+	margin: 0;
+	padding: 0;
+	font-size: inherit;
+	font-family: inherit;
+	font-weight: inherit;
+	line-height: inherit;
+	box-sizing: inherit;
+	vertical-align: inherit;
+	word-wrap: break-word;
+}

data/_sass/_showgrid.scss ADDED Viewed

@@ -0,0 +1,67 @@
+.showgrid {
+	position: relative;
+}
+.showgrid::before {
+	content: '';
+	display: block;
+	position: absolute;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	height: 100%;
+	background-image: linear-gradient(to bottom, cyan 0, rgba(255, 255, 255, 0) 1px), linear-gradient(to left, cyan 0, rgba(255, 255, 255, 0) 1px);
+	background-repeat: repeat;
+	background-size: 1rem 1rem;
+	z-index: -1;
+}
+.showgrid--blocks h1,
+.showgrid--blocks h2,
+.showgrid--blocks h3,
+.showgrid--blocks h4,
+.showgrid--blocks h5,
+.showgrid--blocks h6 {
+	background: rgba(blue, 0.1);
+}
+.showgrid--blocks p {
+	background: rgba(green, 0.1);
+}
+.showgrid--blocks ul {
+	background: rgba(pink, 0.1);
+}
+.showgrid--blocks ol {
+	background: rgba(brown, 0.1);
+}
+.showgrid--blocks span {
+	background: rgba(orange, 0.1);
+}
+.showgrid--blocks hr {
+	background: rgba(red, 0.1);
+}
+.showgrid--blocks {
+	h1,
+	h2,
+	h3,
+	h4,
+	h5,
+	h6,
+	p,
+	ul,
+	ol,
+	span,
+	hr  {
+		position: relative;
+		&::before {
+			content: '';
+			top: 0;
+			left: 0;
+			right: 0;
+			position: absolute;
+			display: block;
+			border-top: 1px solid rgba(blue, 0.5);
+		}
+	}
+}

data/_sass/_typography.scss ADDED Viewed

@@ -0,0 +1,252 @@
+// change the second parameter to set a different font cap-height preset
+// baseline calculation = font-size * (line-height - cap-height) / 2
+// $cap-height: map-get($cap-heights, helvetica-neue);
+$cap-heights: (
+	helvetica-neue: 0.73,
+	helvetica: 0.71,
+	arial: 0.71,
+  	telegrotesk-screen: 0.75,
+  	gilroy: 0.74,
+  	courier-new: 0.71,
+) !default;
+$font-family: 'Helvetica Neue';
+$font-headers: 'Gilroy', sans-serif;
+$font-code: 'Courier New', monospace;
+html {
+	box-sizing: border-box;
+	font-family: $font-family;
+	font-size: $base-fontsize;
+	line-height: 2rem;
+	font-weight: 400;
+	overflow-x: hidden;
+	vertical-align: bottom;
+}
+body {
+	font-size: 2rem;
+}
+// Font size function
+@function _font-size($level: 0, $scale: $scale-mobile) {
+	$value: 1;
+	@if $level > 0 {
+		@for $i from 1 through $level {
+			$value: $value * $scale;
+		}
+	}
+	@return $value;
+}
+// Font size getter
+@function font-size($level: 0, $scale: $scale-mobile) {
+	@return rem-to-px(_font-size($level, $scale));
+}
+// Line height function
+@function _line-height($font-size: 1) {
+	@return ceil($font-size + 0.3);
+}
+// Line height getter
+@function line-height($font-size: 1, $scale: $scale-mobile) {
+	@return rem-to-px(_line-height(_font-size($font-size, $scale)));
+}
+// 16 24 6
+// font-size * (line-height - cap-height) / 2
+// 16 * (24 - (16 * 0.73)) / 2
+// 16 * 12.48 / 2
+// 197.12 / 2
+// 98.56
+@function padding-top($font-size: 2, $cap-height: 0.72) {
+	@return ceil(($font-size - $cap-height) / 2 * 10) / 10 * 1rem;
+}
+@function padding-bottom($font-size: 2, $cap-height: 0.72) {
+	@return 1rem - padding-top($font-size, $cap-height);
+}
+// Heading default styles
+@mixin heading() {
+	color: $color-headings;
+	font-family: $font-family;
+	font-weight: 700;
+	letter-spacing: -.0075em;
+	margin: 0;
+}
+h1 {
+	@include heading();
+	font-size: font-size(6);
+	line-height: line-height(6);
+	@media(min-width: 767px) {
+		font-size: font-size(6, $scale-tablet);
+		line-height: line-height(6, $scale-tablet);
+	}
+	@media(min-width: 1024px) {
+		font-size: font-size(6, $scale-desktop);
+		line-height: line-height(6, $scale-desktop);
+	}
+}
+h2 {
+	@include heading();
+	font-size: font-size(5);
+	line-height: line-height(5);
+	@media(min-width: 767px) {
+		font-size: font-size(5, $scale-tablet);
+		line-height: line-height(5, $scale-tablet);
+	}
+	@media(min-width: 1024px) {
+		font-size: font-size(5, $scale-desktop);
+		line-height: line-height(5, $scale-desktop);
+	}
+}
+h3 {
+	@include heading();
+	font-size: font-size(4);
+	line-height: line-height(4);
+	@media(min-width: 767px) {
+		font-size: font-size(4, $scale-tablet);
+		line-height: line-height(4, $scale-tablet);
+	}
+	@media(min-width: 1024px) {
+		font-size: font-size(4, $scale-desktop);
+		line-height: line-height(4, $scale-desktop);
+	}
+}
+h4 {
+	@include heading();
+	font-size: font-size(3);
+	line-height: line-height(3);
+	@media(min-width: 767px) {
+		font-size: font-size(3, $scale-tablet);
+		line-height: line-height(3, $scale-tablet);
+	}
+	@media(min-width: 1024px) {
+		font-size: font-size(3, $scale-desktop);
+		line-height: line-height(3, $scale-desktop);
+	}
+}
+h5 {
+	@include heading();
+	font-size: font-size(2);
+	line-height: line-height(2);
+	@media(min-width: 767px) {
+		font-size: font-size(2, $scale-tablet);
+		line-height: line-height(2, $scale-tablet);
+	}
+	@media(min-width: 1024px) {
+		font-size: font-size(2, $scale-desktop);
+		line-height: line-height(2, $scale-desktop);
+	}
+}
+h6 {
+	@include heading();
+	font-size: font-size(1);
+	line-height: line-height(1);
+	@media(min-width: 767px) {
+		font-size: font-size(1, $scale-tablet);
+		line-height: line-height(1, $scale-tablet);
+	}
+	@media(min-width: 1024px) {
+		font-size: font-size(1, $scale-desktop);
+		line-height: line-height(1, $scale-desktop);
+	}
+}
+p {
+	font-size: 2rem;
+	line-height: 3rem;
+	padding-top: padding-top();
+	padding-bottom: padding-bottom();
+	margin-bottom: 2rem;
+}
+ul,
+ol {
+	font-size: 2rem;
+	line-height: 3rem;
+	padding-left: 2rem;
+}
+ul li,
+ol li {
+	padding-left: 2em;
+}
+hr {
+	border: 0;
+	border-bottom: 4px solid #dfdfdf;
+	max-width: 4rem;
+	padding-top: calc(2rem - 4px);
+	margin-bottom: 2rem;
+}
+br {
+	line-height: 2rem;
+}
+blockquote {
+	line-height: 4rem;
+	padding-left: 2rem;
+	border-left: 4px solid $color-secondary;
+	font-style: italic;
+}
+@media (min-width: 1024px) {
+	blockquote {
+		margin-left: -2rem;
+	}
+}
+pre {
+	font-family: "Courier New", monospace;
+	background: #eee;
+	overflow-x: scroll;
+	border-radius: 3px;
+	font-size: 1.8rem;
+	margin-bottom: 1.3rem;
+	padding-bottom: 1.2rem;
+	padding-top: 1.5rem;
+	padding-left: 2rem;
+	padding-right: 2rem;
+	line-height: 4rem;
+}
+div {
+	line-height: 2rem;
+}
+a {
+	text-decoration: none;
+	color: $color-secondary;
+	transition: all .1s ease-out;
+}
+a:hover {
+	color: darken($color-secondary, 25%);
+}
+.text {
+	// background: rgba(blue, 0.2);
+	padding-top: 13px;
+	padding-bottom: 3px;
+	vertical-align: baseline;
+	line-height: 32px !important;
+}

data/_sass/_utilities.scss ADDED Viewed

@@ -0,0 +1,7 @@
+@function px-to-rem($value) {
+	@return 1rem * $value / $base-fontsize;
+}
+@function rem-to-px($value) {
+	@return $base-fontsize * $value;
+}

data/_sass/style.scss ADDED Viewed

@@ -0,0 +1,43 @@
+$unit: 8px;
+// default font-size for calculations
+$base-fontsize: $unit;
+// scales
+$scales: (
+	scale-0: 1,			// one
+	scale-1: 1.067,		// minor second
+	scale-2: 1.125,		// major second
+	scale-3: 1.2,		// minor third
+	scale-4: 1.25,		// major third
+	scale-5: 1.333,		// perfect fourth
+	scale-6: 1.414,		// augmented fourth
+	scale-7: 1.5,		// perfect fifth
+	scale-8: 1.618,		// golden ratio
+	scale-9: 2,			// double
+) !default;
+// change the second parameter to set a different scale
+$scale-mobile: map-get($scales, scale-4);
+$scale-tablet: map-get($scales, scale-5);
+$scale-desktop: map-get($scales, scale-5);
+// imports
+@import 'utilities';
+@import 'reset';
+@import 'colors-lookup-table';
+@import 'colors';
+@import 'typography';
+@import 'media';
+@import "showgrid";
+body {
+	background-color: #ffeeee !important;
+	color: #333;
+}
+.container {
+	width: 100%;
+	max-width: 720px !important;
+}

data/assets/main.scss ADDED Viewed

@@ -0,0 +1,5 @@
+---
+# Only the main Sass file needs front matter (the dashes are enough)
+---
+@import "style";

metadata CHANGED Viewed

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: thesmoothie-jekyll-theme
 version: !ruby/object:Gem::Version
-  version: 0.1.3
+  version: 0.1.4
 platform: ruby
 authors:
 - Egor Kirpichev
@@ -65,6 +65,15 @@ files:
 - _layouts/default.html
 - _layouts/page.html
 - _layouts/post.html
+- _sass/_colors-lookup-table.scss
+- _sass/_colors.scss
+- _sass/_media.scss
+- _sass/_reset.scss
+- _sass/_showgrid.scss
+- _sass/_typography.scss
+- _sass/_utilities.scss
+- _sass/style.scss
+- assets/main.scss
 homepage: http://thesmoothie.github.io/landing-page
 licenses:
 - MIT