Permalink
Browse files

Replace ruby-sass with PostCSS

  • Loading branch information...
kogakure committed Oct 15, 2015
1 parent a968971 commit fc2398d933e2094832a00ac123b30c772269e08c
Showing with 277 additions and 288 deletions.
  1. +0 −2 Gemfile
  2. +3 −6 Gemfile.lock
  3. BIN app/_assets/fonts/fontcustom_4ac355f31d4ee28ec5bdf2ecbdddac80.woff
  4. BIN ...ontcustom_4ac355f31d4ee28ec5bdf2ecbdddac80.eot → fontcustom_69fecf9d6c8281e9d3408432ad8249a4.eot}
  5. +7 −7 ...ontcustom_4ac355f31d4ee28ec5bdf2ecbdddac80.svg → fontcustom_69fecf9d6c8281e9d3408432ad8249a4.svg}
  6. BIN ...ontcustom_4ac355f31d4ee28ec5bdf2ecbdddac80.ttf → fontcustom_69fecf9d6c8281e9d3408432ad8249a4.ttf}
  7. BIN app/_assets/fonts/fontcustom_69fecf9d6c8281e9d3408432ad8249a4.woff
  8. +0 −5 app/_assets/scss/_mixins.scss
  9. +0 −67 app/_assets/scss/_syntax-highlighting.scss
  10. +0 −42 app/_assets/scss/main.scss
  11. +26 −0 app/_assets/styles/main.css
  12. +13 −27 app/_assets/{scss/_base.scss → styles/partials/_base.css}
  13. +24 −26 app/_assets/{scss/_layout.scss → styles/partials/_layout.css}
  14. +5 −0 app/_assets/styles/partials/_mixins.css
  15. 0 app/_assets/{scss/_sprites.scss → styles/partials/_sprites.css}
  16. +67 −0 app/_assets/styles/partials/_syntax-highlighting.css
  17. +9 −13 app/_assets/{scss/_fontcustom.scss → styles/partials/fontcustom.css}
  18. +7 −0 app/_posts/2014-10-21-welcome-to-jekyll.markdown
  19. +6 −6 docs/fontcustom-preview.html
  20. +2 −2 fontcustom.yml
  21. +40 −28 gulp/config.js
  22. +1 −1 gulp/tasks/development/base64.js
  23. +1 −1 gulp/tasks/development/build.js
  24. +13 −0 gulp/tasks/development/lint-styles.js
  25. +0 −32 gulp/tasks/development/sass.js
  26. +0 −12 gulp/tasks/development/scss-lint.js
  27. +41 −0 gulp/tasks/development/styles.js
  28. +1 −1 gulp/tasks/development/watch.js
  29. +1 −1 gulp/tasks/production/build.js
  30. +1 −3 gulp/tasks/production/optimize-css.js
  31. +9 −6 package.json
@@ -1,6 +1,4 @@
source "https://rubygems.org"
gem 'jekyll', '~> 2.5.2'
gem 'sass', '>= 3.3'
gem 'scss-lint', '~> 0.31.0'
gem 'fontcustom', '~> 1.3.7'
@@ -56,16 +56,12 @@ GEM
pygments.rb (0.6.0)
posix-spawn (~> 0.3.6)
yajl-ruby (~> 1.1.0)
rainbow (2.0.0)
rb-fsevent (0.9.4)
rb-inotify (0.9.5)
ffi (>= 0.5.0)
redcarpet (3.2.2)
safe_yaml (1.0.4)
sass (3.4.6)
scss-lint (0.31.0)
rainbow (~> 2.0)
sass (~> 3.4.1)
thor (0.19.1)
timers (4.0.1)
hitimes
@@ -79,5 +75,6 @@ PLATFORMS
DEPENDENCIES
fontcustom (~> 1.3.7)
jekyll (~> 2.5.2)
sass (>= 3.3)
scss-lint (~> 0.31.0)
BUNDLED WITH
1.10.6
@@ -1,17 +1,17 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<!--
2014-12-19: Created with FontForge (http://fontforge.org)
2015-10-15: Created with FontForge (http://fontforge.org)
-->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
<metadata>
Created by FontForge 20141127 at Fri Dec 19 11:48:05 2014
Created by FontForge 20150825 at Thu Oct 15 12:53:24 2015
By Stefan Imhoff
Copyright (c) 2014, Stefan Imhoff
Copyright (c) 2015, Stefan Imhoff
</metadata>
<defs>
<font id="fontcustom" horiz-adv-x="512" >
<font-face
<font-face
font-family="fontcustom"
font-weight="400"
font-stretch="normal"
@@ -25,20 +25,20 @@ Copyright (c) 2014, Stefan Imhoff
unicode-range="U+F100-F102"
/>
<missing-glyph />
<glyph glyph-name="uniF102" unicode="&#xf102;"
<glyph glyph-name="uniF102" unicode="&#xf102;"
d="M512 350.784h-0.015625c-14.0801 -21.0566 -31.8887 -39.5518 -52.416 -54.3682c0.208008 -4.49609 0.303711 -9.02441 0.303711 -13.584c0 -138.816 -105.648 -298.88 -298.864 -298.88c-59.3281 0 -114.544 17.3916 -161.023 47.2002
c8.22363 -0.976562 16.5752 -1.47266 25.0557 -1.47266c49.2158 0 94.5117 16.7842 130.464 44.96c-45.9678 0.848633 -84.7676 31.2168 -98.1279 72.9443c6.41602 -1.23242 12.9922 -1.8877 19.7598 -1.8877c9.58398 0 18.8643 1.2793 27.6807 3.67969
c-48.0488 9.64844 -84.2568 52.0957 -84.2568 102.992c0 0.448242 0 0.895508 0.0166016 1.32812c14.1758 -7.87207 30.3682 -12.5928 47.584 -13.1367c-28.1924 18.8486 -46.7363 50.9922 -46.7363 87.4404c0 19.2637 5.18457 37.2959 14.2246 52.8164
c51.8076 -63.5527 129.216 -105.376 216.512 -109.761c-1.79199 7.68066 -2.71973 15.6963 -2.71973 23.9365c0 58.0156 47.0234 105.04 105.04 105.04c30.208 0 57.5039 -12.752 76.6719 -33.168c23.9199 4.7041 46.3994 13.4561 66.7041 25.4873
c-7.85645 -24.5273 -24.5127 -45.1035 -46.1924 -58.1113c21.248 2.54395 41.5039 8.19141 60.3359 16.5439z" />
<glyph glyph-name="uniF101" unicode="&#xf101;"
<glyph glyph-name="uniF101" unicode="&#xf101;"
d="M279.536 416v0.015625l-29.9844 -21.6797h-42.4795c28.1758 -10.8477 43.1836 -43.6963 43.1836 -77.3916c0 -28.3047 -15.6797 -52.6406 -37.8398 -69.9521c-21.6162 -16.8799 -25.7119 -23.9678 -25.7119 -38.3203c0 -12.2402 23.1523 -33.0879 35.2637 -41.6641
c35.4082 -25.04 46.8486 -48.2715 46.8486 -87.0723c0 -48.3838 -46.832 -96.5117 -131.648 -96.5117c-74.4004 0 -137.168 30.2725 -137.168 78.6562c0 49.1357 57.2637 96.5117 131.648 96.5117c8.11133 0 15.5352 0.224609 23.2314 0.224609
c-10.1914 9.90332 -18.2402 22.0312 -18.2402 37.0078c0 8.87988 2.83203 17.4238 6.80078 25.0234c-4.03223 -0.303711 -8.16016 -0.383789 -12.416 -0.383789c-61.1045 0 -102.049 43.4717 -102.049 97.3281c0 52.7041 56.5283 98.208 116.593 98.208h133.968z
M232.736 88.2725v0.015625c-5.64844 22.1123 -25.6641 33.0879 -53.584 52.4961c-10.1445 3.28027 -21.3281 5.21582 -33.3281 5.34375c-51.4238 0.560547 -97.4883 -31.3438 -97.4883 -69.6641c0 -39.0879 37.1357 -71.6475 88.5605 -71.6475
c72.2871 0 97.4873 30.5439 97.4873 69.6475c0 4.7041 -0.591797 9.32812 -1.64746 13.8086zM150.416 234.112c34.4961 -1.04004 57.6641 34.8633 51.6963 80.1914c-5.96875 45.3281 -38.7686 81.6963 -73.2803 82.7363
c-34.5117 1.02441 -57.6641 -33.6641 -51.6963 -78.9922s38.7686 -82.8955 73.2803 -83.9355zM416 320h96v-32h-96v-96h-32v96h-96v32h96v96h32v-96z" />
<glyph glyph-name="uniF100" unicode="&#xf100;"
<glyph glyph-name="uniF100" unicode="&#xf100;"
d="M287.936 -64h-95.9355v256h-64v88.2236l64 0.0322266l-0.112305 51.9678c0 71.9688 19.5205 115.776 104.305 115.776h70.5918v-88.2402h-44.1123c-33.0234 0 -34.6074 -12.3359 -34.6074 -35.3438l-0.128906 -44.1602h79.3447l-9.34473 -88.2236l-69.9199 -0.0322266
l-0.0634766 -256h-0.0166016z" />
</font>

This file was deleted.

Oops, something went wrong.

This file was deleted.

Oops, something went wrong.

This file was deleted.

Oops, something went wrong.
@@ -0,0 +1,26 @@
@charset "utf-8";
/* Our variables */
$base-font-family: Helvetica, Arial, sans-serif;
$base-font-size: 16px;
$small-font-size: calc($base-font-size * 0.875);
$base-line-height: 1.5;
$spacing-unit: 30px;
$text-color: #111;
$background-color: #fdfdfd;
$brand-color: #2a7ae2;
$grey-color: #828282;
$grey-color-light: color($grey-color lightness(90%));
$grey-color-dark: color($grey-color shade(40%));
$on-palm: 600px;
$on-laptop: 800px;
@import "partials/mixins";
@import "partials/base";
@import "partials/layout";
@import "partials/syntax-highlighting";
@import "partials/fontcustom.css";
@@ -12,13 +12,13 @@ dl, dd, ol, ul, figure {
* Basic styling
*/
body {
@extend %pattern-light-grey;
@extend pattern-light-grey;
font-family: $base-font-family;
font-size: $base-font-size;
line-height: $base-line-height;
font-weight: 300;
color: $text-color;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
}
@@ -28,9 +28,8 @@ body {
*/
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
ul, ol, dl, figure,
%vertical-rhythm {
margin-bottom: $spacing-unit / 2;
ul, ol, dl, figure {
margin-bottom: calc($spacing-unit / 2);
}
@@ -92,7 +91,7 @@ a {
text-decoration: none;
&:visited {
color: darken($brand-color, 15%);
color: color($brand-color shade(15%));
}
&:hover {
@@ -109,7 +108,7 @@ a {
blockquote {
color: $grey-color;
border-left: 4px solid $grey-color-light;
padding-left: $spacing-unit / 2;
padding-left: calc($spacing-unit / 2);
font-size: 18px;
letter-spacing: -1px;
font-style: italic;
@@ -153,36 +152,23 @@ pre {
* Wrapper
*/
.wrapper {
max-width: -webkit-calc(800px - (#{$spacing-unit} * 2));
max-width: calc(800px - (#{$spacing-unit} * 2));
max-width: calc(800px - ($spacing-unit * 2));
margin-right: auto;
margin-left: auto;
padding-right: $spacing-unit;
padding-left: $spacing-unit;
@extend %clearfix;
@include media-query($on-laptop) {
max-width: -webkit-calc(800px - (#{$spacing-unit}));
max-width: calc(800px - (#{$spacing-unit}));
padding-right: $spacing-unit / 2;
padding-left: $spacing-unit / 2;
}
}
/**
* Clearfix
*/
%clearfix {
&:after {
content: "";
display: table;
clear: both;
}
}
@media screen and (width <= $on-laptop) {
max-width: calc(800px - ($spacing-unit));
padding-right: calc($spacing-unit / 2);
padding-left: calc($spacing-unit / 2);
}
}
/**
Oops, something went wrong.

0 comments on commit fc2398d

Please sign in to comment.