jekyll-theme-minimalism 0.1.1 → 0.1.2

data/_sass/_index.scss

@@ -0,0 +1,133 @@
+@import "common";
+
+body {
+  @include flex(column);
+  -webkit-box-align: center;
+     -ms-flex-align: center;
+        align-items: center;
+  -webkit-box-pack: end;
+     -ms-flex-pack: end;
+   justify-content: flex-end;
+
+  min-height: 100vh;
+  margin: 0;
+
+  background: #f0f0f0;
+}
+
+a {
+  -webkit-tap-highlight-color: transparent;
+}
+
+.index-avatar {
+  position: relative;
+  bottom: -95px;
+
+  border: #f0f0f0 solid 20px;
+  border-radius: 50%;
+  width: 150px;
+  height: 150px;
+
+  &::before{
+    -webkit-animation: pulse 1s linear infinite;
+            animation: pulse 1s linear infinite;
+    border: #ffffff solid 10px;
+    border-radius: 50%;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+    content: ' ';
+    height: 140%;
+    left: -20%;
+    opacity: .9;
+    position: absolute;
+    top: -20%;
+    -webkit-transform: scale(0.714);
+            transform: scale(0.714);
+    width: 140%;
+    z-index: 1;
+  }
+}
+
+.index-avatar img {
+  position: relative;
+  z-index: 2;
+
+  width: 100%;
+  @include border-radius(50%);
+  @include material-box-shadow();
+}
+
+@media (min-width: 769px) {
+  .index-avatar img {
+    &:hover {
+      @include material-box-shadow(3);
+    }
+  }
+}
+
+.index-content {
+  width: 100%;
+  min-height: 70vh;
+  height: auto;
+
+  @include material-box-shadow(1);
+
+  background: #fff;
+}
+
+.index-content h1, p {
+  position: relative;
+  text-align: center;
+}
+
+.index-content h1 {
+  padding-top: 115px;
+  font-size: 2em;
+}
+
+.index-content p {
+  font-size: 1em;
+  padding-top: 10px;
+}
+
+.index-contact {
+  padding-top: 20px;
+}
+
+.index-contact span a {
+  font-size: 2em;
+  color: #f0f0f0;
+  text-decoration: none;
+  margin: 0 10px;
+  @include material-transition();
+}
+
+@media (min-width: 769px) {
+  .index-contact span a {
+    &:hover {
+      color: #000000;
+    }
+  }
+}
+
+@media (max-width: 415px) {
+  .index-avatar {
+    width: 100px;
+    height: 100px;
+    bottom: -70px;
+    border: #f0f0f0 solid 15px;
+  }
+
+  .index-content h1 {
+    padding-top: 95px;
+    font-size: 1em;
+  }
+
+  .index-content p {
+    font-size: 0.9em;
+  }
+
+  .index-contact span a {
+    font-size: 1.5em;
+  }
+}

data/_sass/_markdown.scss

@@ -0,0 +1,219 @@
+h1, h2, h3, h4, h5, h6 {
+  color: #111;
+  margin: 1em 0 15px;
+  padding: 0;
+  font-weight: bold;
+  line-height: 1.7;
+  text-rendering: optimizeLegibility;
+}
+
+h1 {
+  font-size: 2.5em;
+  border-bottom: 1px solid #ddd;
+}
+
+h2 {
+  font-size: 2em;
+  border-bottom: 1px solid #eee;
+}
+
+h3 {
+  font-size: 1.5em;
+}
+
+h4 {
+  font-size: 1.2em;
+}
+
+h5 {
+  font-size: 1em;
+}
+
+h6 {
+  color: #777;
+  font-size: 1em;
+}
+
+@media (max-width: 415px) {
+  h1 {
+    font-size: 1.7em;
+  }
+
+  h2 {
+    font-size: 1.5em;
+  }
+
+  h3 {
+    font-size: 1.2em;
+  }
+
+  h4 {
+    font-size: 1.1em;
+  }
+}
+
+blockquote, ul, ol, dl, table, pre {
+  margin: 0 0 1.46em;
+}
+
+blockquote {
+  padding: 0 1em;
+  color: #666;
+  border-left: .25em solid #dfe2e5;
+}
+
+blockquote p {
+  text-indent: 0;
+  padding-left: .5em;
+  margin: 0 0 !important;
+}
+
+hr {
+  margin: 2em 0;
+  border: 0;
+  border-top: 1px solid rgba(128, 128, 128, .1);
+}
+
+pre {
+  font-size: .96em;
+  margin: 0 0 1.1em;
+
+  code {
+    border: none;
+  }
+}
+
+@media (max-width: 415px) {
+  pre {
+    code {
+      font-size: .9em;
+    }
+  }
+
+  blockquote p {
+    font-size: .9em !important;
+  }
+}
+
+code[class="highlighter-rouge"] {
+  color: #2C3E50;
+  background-color: #D6DBDF;
+  border: 1px solid #dadada;
+  padding: 2px 4px;
+  border-radius: 4px;
+}
+
+pre[class="highlight"] {
+  border-width: 0;
+  border-radius: 4px;
+  padding: 10px 15px;
+  margin: 0 0 30px;
+  background: none repeat scroll 0 0 rgba(102, 128, 153, .05);
+
+  word-break: break-word;
+  word-wrap: break-word;
+  white-space: pre;
+  white-space: pre-wrap;
+
+  code {
+    background: none !important;
+    color: #444;
+    font-size: 14px;
+    line-height: 1.7;
+  }
+}
+
+ul {
+  margin-left: -5px;
+}
+
+li {
+  margin-left: 0;
+  width: 100%;
+}
+
+ul li, ol li {
+  color: #666;
+  font-size: 18px;
+  line-height: 1.7;
+}
+
+@media (max-width: 415px) {
+  ul li, ol li {
+    font-size: 1em;
+  }
+}
+
+ul li p, ol li p {
+  margin: 0 0 !important;
+  font-size: 94% !important;
+}
+
+ul[class="task-list"] {
+  list-style-type: none;
+}
+
+table {
+  width: 100%;
+  overflow: auto;
+  display: block;
+  border-spacing: 0;
+  border-collapse: collapse;
+  line-height: 1.7;
+  color: #444;
+}
+
+table > tbody > tr:nth-of-type(odd) {
+  background-color: #f8f8f8;
+}
+
+table tr {
+  border-top: 1px solid #ccc;
+  background-color: #fff;
+}
+
+
+table th, td {
+  border: 1px solid #ddd;
+  padding: 6px 13px;
+}
+
+table th {
+  font-weight: bold;
+}
+
+table td {
+  text-align: left;
+}
+
+dl {
+  margin: 0 0 30px;
+}
+
+dt, dd {
+  font-size: 18px;
+  line-height: 1.7;
+}
+
+@media (max-width: 415px) {
+  dt, dd {
+    font-size: 1em;
+  }
+}
+
+dt {
+  color: #111;
+  font-weight: bold;
+}
+
+dd {
+  color: #666;
+}
+
+.emoji {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  margin: 0;
+  display: inline-block;
+  vertical-align: middle;
+}

data/_sass/_post.scss

@@ -0,0 +1,51 @@
+@import "common";
+
+body {
+  @include flex(column);
+
+  min-height: 100vh;
+  margin: 0;
+
+  background: #ffffff;
+
+  word-break: break-word;
+  word-wrap: break-word;
+}
+
+img {
+  display: block;
+
+  max-width: 100%;
+  max-height: 600px;
+  margin: 40px auto;
+}
+
+a {
+  -webkit-tap-highlight-color: transparent;
+}
+
+header {
+  margin: 30px 0 !important;
+
+  a::before {
+    -webkit-animation: twinkle 2s linear infinite !important;
+            animation: twinkle 2s linear infinite !important;
+  }
+}
+
+.title {
+  margin: 30px auto 10px !important;
+}
+
+.title .title-tip {
+  right: 105% !important;
+}
+
+.article-title-description {
+  margin: 0 auto;
+  padding: 0 30px;
+  color: #999;
+  font-size: 100%;
+  line-height: 1.7;
+  text-align: center;
+}

data/_sass/_prism-line-numbers.scss

@@ -0,0 +1,43 @@
+@media (min-width: 767px) {
+  pre.line-numbers {
+  	position: relative;
+  	padding-left: 3.8em;
+  	counter-reset: linenumber;
+  }
+
+  pre.line-numbers > code {
+  	position: relative;
+      white-space: inherit;
+  }
+
+  .line-numbers .line-numbers-rows {
+  	position: absolute;
+  	pointer-events: none;
+  	top: 0;
+  	font-size: 100%;
+  	left: -3.8em;
+  	width: 3em; /* works for line-numbers below 1000 lines */
+  	letter-spacing: -1px;
+  	border-right: 1px solid #999;
+
+  	-webkit-user-select: none;
+  	-moz-user-select: none;
+  	-ms-user-select: none;
+  	user-select: none;
+
+  }
+
+  	.line-numbers-rows > span {
+  		pointer-events: none;
+  		display: block;
+  		counter-increment: linenumber;
+  	}
+
+  		.line-numbers-rows > span:before {
+  			content: counter(linenumber);
+  			color: #999;
+  			display: block;
+  			padding-right: 0.8em;
+  			text-align: right;
+  }
+}