cyclist 0.2.0

data/vendor/raster/test/lib/tests/test-custom.js

@@ -0,0 +1,20 @@
+var units = document.title;
+describe('Raster ' + units, function() {
+  var defaultLineHeight = 20;
+  describe('A custom style', function() {
+    it('the baseline should be correct', function () {
+
+      // Confirm that the default styles have been overridden
+      var testElement = testHelper.testElement();
+      testElement.clientHeight.should.not.equal(defaultLineHeight);
+
+      // Baseline
+      var contentElement = document.getElementById('baseline');
+      testHelper.baselineIsCorrect(contentElement);
+
+      // Layout
+      var layoutElement = document.getElementById('layout');
+      testHelper.layoutIsCorrect(layoutElement);
+    });
+  });
+});

data/vendor/raster/test/lib/tests/test-default.js

@@ -0,0 +1,34 @@
+describe('Raster default', function() {
+  var defaultLeadingRems = 1.25;
+  describe('The default style', function() {
+    it('the baseline and layout should be correct', function () {
+      var baselineElement = document.getElementById('baseline');
+      var layoutElement = document.getElementById('layout');
+      var htmlElement = document.getElementsByTagName("html")[0];
+      var wholeNumberfontSizeStyles = ["8px", "12px", "16px", "20px"];
+      for (var i = 0; i < wholeNumberfontSizeStyles.length; i++) {
+        // Set the font size on the HTML Element
+        var fontSizeStyle = wholeNumberfontSizeStyles[i];
+        var fontSize = parseFloat(fontSizeStyle, 10);
+        htmlElement.style.fontSize = fontSizeStyle;
+
+        // Test that the font size has been set properly
+        htmlElement.style.fontSize.should.equal(fontSizeStyle);
+        var testElement = testHelper.testElement();
+        var testClientHeight = fontSize * defaultLeadingRems;
+        testElement.clientHeight.should.equal(testClientHeight);
+
+        // Run the baseline tests
+        testHelper.baselineIsCorrect(baselineElement);
+
+        // Test that the gutter width is equal to the font size
+        var gutterWidthStyle = testHelper.gutterWidthStyle();
+        gutterWidthStyle.should.equal(fontSizeStyle);
+
+        // Run the layout tests
+        testHelper.layoutIsCorrect(layoutElement);
+      }
+      Raster.redraw();
+    });
+  });
+});

data/vendor/raster/test/scripts/run_tests.js

@@ -0,0 +1,20 @@
+#!/usr/bin/env node
+
+var args = process.argv.slice(2);
+
+var path = require('path');
+var fs = require('fs');
+var glob = require('glob');
+
+var testsDirectoryPath = path.join(__dirname, '../build/html/');
+var testFilePaths = glob.sync(testsDirectoryPath + '/test-*.html');
+
+// var htmlFilePath = path.join(__dirname,'../build/html/test-basic.html');
+
+
+for (var i = 0; i < testFilePaths.length; i++) {
+  var testFilePath = testFilePaths[i];
+  var spawnArgs = [testFilePath].concat(args);
+  var spawn = require('child_process').spawnSync;
+  spawn('mocha-phantomjs', spawnArgs, { stdio: 'inherit' });
+}

data/vendor/raster/test/src/html/mocha.html

@@ -0,0 +1,6 @@
+
+	<div id="mocha"></div>
+	<script>
+	  if (window.mochaPhantomJS) { mochaPhantomJS.run(); }
+	  else { mocha.run(); }
+	</script>

data/vendor/raster/test/src/jade/includes/baseline.jade

@@ -0,0 +1,12 @@
+article#baseline
+  h1#h1 h1
+  h2#h2 h2
+  h3#h3 h3
+  h4#h4 h4
+  h5#h5 h5
+  h6#h6 h6
+  p#p Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+  ul#ul
+    li#li li
+  pre#code
+    code code

data/vendor/raster/test/src/jade/includes/content.jade

@@ -0,0 +1,2 @@
+include baseline
+include layout

data/vendor/raster/test/src/jade/includes/head.jade

@@ -0,0 +1,11 @@
+head
+  meta(charset="utf-8")
+  - var nodeModulesPath = '../../../node_modules/'
+  script(src=nodeModulesPath + 'mocha/mocha.js')
+  script(src=nodeModulesPath + 'chai/chai.js')
+  script.
+    mocha.ui('bdd');
+    mocha.reporter('html');
+    var should = chai.should();
+  script(src='../../lib/js/test-helper.js')
+  link(rel='stylesheet', href=nodeModulesPath + 'mocha/mocha.css')

data/vendor/raster/test/src/jade/includes/layout.jade

@@ -0,0 +1,26 @@
+article#layout.raster-show-guidelines
+  div.indent-one-gutter.indent.gutters 1
+  div.indent-one-unit.indent.units 1
+  div.indent-one-column.indent.columns 1
+  div.indent-two-gutter.indent.gutters 2
+  div.indent-two-unit.indent.units 2
+  div.indent-two-column.indent.columns 2
+  div.indent-three-gutter.indent.gutters 3
+  div.indent-three-unit.indent.units 3
+  article#layout-width
+    div.width-one-gutter.width.gutters 1
+    div.width-one-unit.width.units 1
+    div.width-one-column.width.columns 1
+    div.width-two-gutter.width.gutters 2
+    div.width-two-unit.width.units 2
+    div.width-two-column.width.columns 2
+    div.width-three-gutter.width.gutters 3
+    div.width-three-unit.width.units 3
+    //- Combinations
+    div.width-two-column.width.columns 2
+    div.width-one-column.width.columns 1
+    div.width-three-column.width.columns 3
+    div.width-one-unit.width.units 1
+    div.width-two-unit.width.units 2
+    div.width-one-column.width.columns 1
+    div.width-one-unit.width.units 1

data/vendor/raster/test/src/jade/includes/mocha.jade

@@ -0,0 +1 @@
+include ../../html/mocha.html

data/vendor/raster/test/src/jade/test-default.jade

@@ -0,0 +1,10 @@
+doctype html
+html(lang="en")
+  title= "Default"
+  include ./includes/head
+  script(src='../../lib/tests/test-default.js')
+  script(src='../../../dist/raster.js')
+  link(rel='stylesheet', href='../css/test-default.css')
+body.raster-show-baseline
+  include ./includes/content
+  include ./includes/mocha

data/vendor/raster/test/src/jade/test-em.jade

@@ -0,0 +1,10 @@
+doctype html
+html(lang="en")
+  title= "em"
+  include ./includes/head
+  script(src='../../lib/tests/test-custom.js')
+  script(src='../../../dist/raster.js')
+  link(rel='stylesheet', href='../css/test-em.css')
+body.raster-show-baseline
+  include ./includes/content
+  include ./includes/mocha

data/vendor/raster/test/src/jade/test-percent.jade

@@ -0,0 +1,10 @@
+doctype html
+html(lang="en")
+  title= "percent"
+  include ./includes/head
+  script(src='../../lib/tests/test-custom.js')
+  script(src='../../../dist/raster.js')
+  link(rel='stylesheet', href='../css/test-percent.css')
+body.raster-show-baseline
+  include ./includes/content
+  include ./includes/mocha

data/vendor/raster/test/src/jade/test-pixel.jade

@@ -0,0 +1,10 @@
+doctype html
+html(lang="en")
+  title= "pixel"
+  include ./includes/head
+  script(src='../../lib/tests/test-custom.js')
+  script(src='../../../dist/raster.js')
+  link(rel='stylesheet', href='../css/test-pixel.css')
+body.raster-show-baseline
+  include ./includes/content
+  include ./includes/mocha

data/vendor/raster/test/src/jade/test-rem.jade

@@ -0,0 +1,10 @@
+doctype html
+html(lang="en")
+  title= "rem"
+  include ./includes/head
+  script(src='../../lib/tests/test-custom.js')
+  script(src='../../../dist/raster.js')
+  link(rel='stylesheet', href='../css/test-rem.css')
+body.raster-show-baseline
+  include ./includes/content
+  include ./includes/mocha

data/vendor/raster/test/src/sass/_layout.scss

@@ -0,0 +1,104 @@
+article#layout {
+  margin: 0 auto;
+  width: columns-width(3);
+}
+
+// Indent
+
+.indent-one-gutter {
+  margin-left: $gutter-width;
+}
+
+.indent-one-unit {
+  margin-left: units-width(1);
+}
+
+.indent-one-column {
+  margin-left: columns-width(1);
+}
+
+.indent-two-gutter {
+  margin-left: $gutter-width * 2;
+}
+
+.indent-two-unit {
+  margin-left: units-width(2);
+}
+
+.indent-two-column {
+  margin-left: columns-width(2);
+}
+
+.indent-three-gutter {
+  margin-left: $gutter-width * 3;
+}
+
+.indent-three-unit {
+  margin-left: units-width(3);
+}
+
+.indent-three-column {
+  margin-left: columns-width(3);
+}
+
+// Width
+
+// TODO: Implement flexbox
+
+article#layout-width {
+  display: -webkit-flex;
+  display: flex;
+  flex-wrap: wrap;
+  -webkit-flex-wrap: wrap;
+  justify-content: space-between;
+  -webkit-justify-content: space-between;
+}
+
+article#layout-width > .gutters,
+article#layout-width > .units,
+article#layout-width > .columns {
+  background-color: rgb(252, 251, 1);
+}
+
+@mixin flex-width($width) {
+  display: -webkit-flex;
+  display: flex;
+  -webkit-flex: 0 0 $width;
+  flex: 0 0 $width;
+}
+
+.width-one-gutter {
+  @include flex-width($gutter-width * 1);
+}
+
+.width-one-unit {
+  @include flex-width(units-width(1));
+}
+
+.width-one-column {
+  @include flex-width(columns-width(1));
+}
+
+.width-two-gutter {
+  @include flex-width($gutter-width * 2);
+}
+
+.width-two-unit {
+  @include flex-width(units-width(2));
+}
+
+.width-two-column {
+  @include flex-width(columns-width(2));
+}
+
+.width-three-gutter {
+  @include flex-width($gutter-width * 3);
+}
+
+.width-three-unit {
+  @include flex-width(units-width(3));
+}
+
+.width-three-column {
+  @include flex-width(columns-width(3));
+}

data/vendor/raster/test/src/sass/test-default.scss

@@ -0,0 +1,2 @@
+@import '../../../dist/raster';
+@import 'layout';

data/vendor/raster/test/src/sass/test-em.scss

@@ -0,0 +1,5 @@
+$font-size: 12px;
+$line-height: 1.5em;
+
+@import '../../../dist/raster';
+@import 'layout';

data/vendor/raster/test/src/sass/test-percent.scss

@@ -0,0 +1,5 @@
+$font-size: 13px;
+$line-height: 200%;
+
+@import '../../../dist/raster';
+@import 'layout';

data/vendor/raster/test/src/sass/test-pixel.scss

@@ -0,0 +1,5 @@
+$font-size: 14px;
+$line-height: 17px;
+
+@import '../../../dist/raster';
+@import 'layout';

data/vendor/raster/test/src/sass/test-rem.scss

@@ -0,0 +1,5 @@
+$font-size: 14px;
+$line-height: 1.5rem;
+
+@import '../../../dist/raster';
+@import 'layout';

metadata

@@ -0,0 +1,232 @@
+--- !ruby/object:Gem::Specification
+name: cyclist
+version: !ruby/object:Gem::Version
+  version: 0.2.0
+platform: ruby
+authors:
+- Roben Kleene
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2018-03-19 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: jekyll
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.7'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.7'
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.16'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.16'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '12.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '12.0'
+description: 
+email:
+- contact@robenkleene.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- LICENSE.txt
+- README.md
+- _includes/footer.html
+- _includes/head.html
+- _includes/header.html
+- _layouts/default.html
+- _layouts/home.html
+- _layouts/link.html
+- _layouts/page.html
+- _layouts/post.html
+- _sass/crimson.scss
+- _sass/fira-mono.scss
+- _sass/fonts.scss
+- _sass/lato.scss
+- _sass/layout.scss
+- _sass/playfair-display.scss
+- _sass/typography.scss
+- assets/fonts/crimson/LICENSE.txt
+- assets/fonts/crimson/crimson-bold-webfont.woff
+- assets/fonts/crimson/crimson-bold-webfont.woff2
+- assets/fonts/crimson/crimson-bolditalic-webfont.woff
+- assets/fonts/crimson/crimson-bolditalic-webfont.woff2
+- assets/fonts/crimson/crimson-italic-webfont.woff
+- assets/fonts/crimson/crimson-italic-webfont.woff2
+- assets/fonts/crimson/crimson-roman-webfont.woff
+- assets/fonts/crimson/crimson-roman-webfont.woff2
+- assets/fonts/crimson/crimson-semibold-webfont.woff
+- assets/fonts/crimson/crimson-semibold-webfont.woff2
+- assets/fonts/crimson/crimson-semibolditalic-webfont.woff
+- assets/fonts/crimson/crimson-semibolditalic-webfont.woff2
+- assets/fonts/fira-mono/FiraMono-Bold.woff
+- assets/fonts/fira-mono/FiraMono-Bold.woff2
+- assets/fonts/fira-mono/FiraMono-Medium.woff
+- assets/fonts/fira-mono/FiraMono-Medium.woff2
+- assets/fonts/fira-mono/FiraMono-Regular.woff
+- assets/fonts/fira-mono/FiraMono-Regular.woff2
+- assets/fonts/fira-mono/LICENSE
+- assets/fonts/lato/Lato-Black.woff
+- assets/fonts/lato/Lato-Black.woff2
+- assets/fonts/lato/Lato-BlackItalic.woff
+- assets/fonts/lato/Lato-BlackItalic.woff2
+- assets/fonts/lato/Lato-Bold.woff
+- assets/fonts/lato/Lato-Bold.woff2
+- assets/fonts/lato/Lato-BoldItalic.woff
+- assets/fonts/lato/Lato-BoldItalic.woff2
+- assets/fonts/lato/Lato-Hairline.woff
+- assets/fonts/lato/Lato-Hairline.woff2
+- assets/fonts/lato/Lato-HairlineItalic.woff
+- assets/fonts/lato/Lato-HairlineItalic.woff2
+- assets/fonts/lato/Lato-Heavy.woff
+- assets/fonts/lato/Lato-Heavy.woff2
+- assets/fonts/lato/Lato-HeavyItalic.woff
+- assets/fonts/lato/Lato-HeavyItalic.woff2
+- assets/fonts/lato/Lato-Italic.woff
+- assets/fonts/lato/Lato-Italic.woff2
+- assets/fonts/lato/Lato-Light.woff
+- assets/fonts/lato/Lato-Light.woff2
+- assets/fonts/lato/Lato-LightItalic.woff
+- assets/fonts/lato/Lato-LightItalic.woff2
+- assets/fonts/lato/Lato-Medium.woff
+- assets/fonts/lato/Lato-Medium.woff2
+- assets/fonts/lato/Lato-MediumItalic.woff
+- assets/fonts/lato/Lato-MediumItalic.woff2
+- assets/fonts/lato/Lato-Regular.woff
+- assets/fonts/lato/Lato-Regular.woff2
+- assets/fonts/lato/Lato-Semibold.woff
+- assets/fonts/lato/Lato-Semibold.woff2
+- assets/fonts/lato/Lato-SemiboldItalic.woff
+- assets/fonts/lato/Lato-SemiboldItalic.woff2
+- assets/fonts/lato/Lato-Thin.woff
+- assets/fonts/lato/Lato-Thin.woff2
+- assets/fonts/lato/Lato-ThinItalic.woff
+- assets/fonts/lato/Lato-ThinItalic.woff2
+- assets/fonts/lato/OFL.txt
+- assets/fonts/playfair-display/OFL.txt
+- assets/fonts/playfair-display/PlayfairDisplay-Black.woff
+- assets/fonts/playfair-display/PlayfairDisplay-Black.woff2
+- assets/fonts/playfair-display/PlayfairDisplay-BlackItalic.woff
+- assets/fonts/playfair-display/PlayfairDisplay-BlackItalic.woff2
+- assets/fonts/playfair-display/PlayfairDisplay-Bold.woff
+- assets/fonts/playfair-display/PlayfairDisplay-Bold.woff2
+- assets/fonts/playfair-display/PlayfairDisplay-BoldItalic.woff
+- assets/fonts/playfair-display/PlayfairDisplay-BoldItalic.woff2
+- assets/fonts/playfair-display/PlayfairDisplay-Italic.woff
+- assets/fonts/playfair-display/PlayfairDisplay-Italic.woff2
+- assets/fonts/playfair-display/PlayfairDisplay-Regular.woff
+- assets/fonts/playfair-display/PlayfairDisplay-Regular.woff2
+- assets/fonts/playfair-display/PlayfairDisplaySC-Black.woff
+- assets/fonts/playfair-display/PlayfairDisplaySC-Black.woff2
+- assets/fonts/playfair-display/PlayfairDisplaySC-BlackItalic.woff
+- assets/fonts/playfair-display/PlayfairDisplaySC-BlackItalic.woff2
+- assets/fonts/playfair-display/PlayfairDisplaySC-Bold.woff
+- assets/fonts/playfair-display/PlayfairDisplaySC-Bold.woff2
+- assets/fonts/playfair-display/PlayfairDisplaySC-BoldItalic.woff
+- assets/fonts/playfair-display/PlayfairDisplaySC-BoldItalic.woff2
+- assets/fonts/playfair-display/PlayfairDisplaySC-Italic.woff
+- assets/fonts/playfair-display/PlayfairDisplaySC-Italic.woff2
+- assets/fonts/playfair-display/PlayfairDisplaySC-Regular.woff
+- assets/fonts/playfair-display/PlayfairDisplaySC-Regular.woff2
+- assets/main.scss
+- vendor/raster/.gitignore
+- vendor/raster/README.md
+- vendor/raster/dist/raster.css
+- vendor/raster/dist/raster.js
+- vendor/raster/dist/raster.scss
+- vendor/raster/dist/sass/_guidelines.scss
+- vendor/raster/dist/sass/_layout.scss
+- vendor/raster/dist/sass/_reset.scss
+- vendor/raster/dist/sass/_setup.scss
+- vendor/raster/dist/sass/_typography.scss
+- vendor/raster/examples/build/css/typography.css
+- vendor/raster/examples/src/sass/typography.scss
+- vendor/raster/examples/typography.html
+- vendor/raster/gulpfile.js
+- vendor/raster/package.json
+- vendor/raster/test/build/css/test-default.css
+- vendor/raster/test/build/css/test-em.css
+- vendor/raster/test/build/css/test-percent.css
+- vendor/raster/test/build/css/test-pixel.css
+- vendor/raster/test/build/css/test-rem.css
+- vendor/raster/test/build/html/test-default.html
+- vendor/raster/test/build/html/test-em.html
+- vendor/raster/test/build/html/test-percent.html
+- vendor/raster/test/build/html/test-pixel.html
+- vendor/raster/test/build/html/test-rem.html
+- vendor/raster/test/lib/js/test-helper.js
+- vendor/raster/test/lib/tests/test-custom.js
+- vendor/raster/test/lib/tests/test-default.js
+- vendor/raster/test/scripts/run_tests.js
+- vendor/raster/test/src/html/mocha.html
+- vendor/raster/test/src/jade/includes/baseline.jade
+- vendor/raster/test/src/jade/includes/content.jade
+- vendor/raster/test/src/jade/includes/head.jade
+- vendor/raster/test/src/jade/includes/layout.jade
+- vendor/raster/test/src/jade/includes/mocha.jade
+- vendor/raster/test/src/jade/test-default.jade
+- vendor/raster/test/src/jade/test-em.jade
+- vendor/raster/test/src/jade/test-percent.jade
+- vendor/raster/test/src/jade/test-pixel.jade
+- vendor/raster/test/src/jade/test-rem.jade
+- vendor/raster/test/src/sass/_layout.scss
+- vendor/raster/test/src/sass/test-default.scss
+- vendor/raster/test/src/sass/test-em.scss
+- vendor/raster/test/src/sass/test-percent.scss
+- vendor/raster/test/src/sass/test-pixel.scss
+- vendor/raster/test/src/sass/test-rem.scss
+homepage: https://github.com/robenkleene/cyclist
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.6.11
+signing_key: 
+specification_version: 4
+summary: Bicycle for the mind.
+test_files: []