Merge branch 'master' into feature-more-form-types
@@ -6,11 +6,11 @@
|
||||
<meta name="author" content="CJ Patoilo">
|
||||
<meta name="description" content="Milligram provides a minimal setup of styles for a fast and clean starting point. Specially designed for better performance and higher productivity with fewer properties to reset resulting in cleaner code.">
|
||||
<title>Milligram | A minimalist CSS framework.</title>
|
||||
<link rel="icon" href="https://milligram.github.io/images/favicon.ico">
|
||||
<link rel="icon" href="https://milligram.github.io/images/icon.png">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300italic,700,700italic">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.css">
|
||||
<link rel="stylesheet" href="milligram.min.css"><!-- to generate this style run `$ npm start` -->
|
||||
<link rel="stylesheet" href="https://milligram.github.io/styles/main.min.css">
|
||||
<link rel="stylesheet" href="https://milligram.github.io/styles/main.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
@@ -26,12 +26,12 @@
|
||||
<div class="example">
|
||||
<div class="row">
|
||||
<div class="column">
|
||||
<h1>Heading<span class="heading-font-size"> <code><h1></code> 5.0rem (50px)</span></h1>
|
||||
<h2>Heading<span class="heading-font-size"> <code><h2></code> 4.2rem (42px)</span></h2>
|
||||
<h3>Heading<span class="heading-font-size"> <code><h3></code> 3.6rem (36px)</span></h3>
|
||||
<h4>Heading<span class="heading-font-size"> <code><h4></code> 3.0rem (30px)</span></h4>
|
||||
<h5>Heading<span class="heading-font-size"> <code><h5></code> 2.4rem (24px)</span></h5>
|
||||
<h6>Heading<span class="heading-font-size"> <code><h6></code> 1.5rem (15px)</span></h6>
|
||||
<h1>Heading<span class="heading-font-size"> <code><h1></code> 4.6rem (46px)</span></h1>
|
||||
<h2>Heading<span class="heading-font-size"> <code><h2></code> 3.6rem (36px)</span></h2>
|
||||
<h3>Heading<span class="heading-font-size"> <code><h3></code> 2.8rem (28px)</span></h3>
|
||||
<h4>Heading<span class="heading-font-size"> <code><h4></code> 2.2rem (22px)</span></h4>
|
||||
<h5>Heading<span class="heading-font-size"> <code><h5></code> 1.8rem (18px)</span></h5>
|
||||
<h6>Heading<span class="heading-font-size"> <code><h6></code> 1.6rem (16px)</span></h6>
|
||||
</div>
|
||||
<div class="column">
|
||||
<p>Lorem ipsum dolor sit amet, <u>consectetur adipisicing elit</u>.</p>
|
||||
|
Before Width: | Height: | Size: 13 KiB |
Before Width: | Height: | Size: 16 KiB |
After Width: | Height: | Size: 9.6 KiB |
After Width: | Height: | Size: 10 KiB |
Before Width: | Height: | Size: 77 KiB |
Before Width: | Height: | Size: 64 KiB |
BIN
test/regression/486021560_Buttons_0_buttonsexample_0_phone.png
Normal file
After Width: | Height: | Size: 73 KiB |
BIN
test/regression/486021560_Buttons_0_buttonsexample_1_laptop.png
Normal file
After Width: | Height: | Size: 60 KiB |
Before Width: | Height: | Size: 7.4 KiB |
Before Width: | Height: | Size: 9.4 KiB |
BIN
test/regression/486021560_Codes_0_codesexample_0_phone.png
Normal file
After Width: | Height: | Size: 4.8 KiB |
BIN
test/regression/486021560_Codes_0_codesexample_1_laptop.png
Normal file
After Width: | Height: | Size: 5.4 KiB |
Before Width: | Height: | Size: 62 KiB |
Before Width: | Height: | Size: 67 KiB |
BIN
test/regression/486021560_Forms_0_formsexample_0_phone.png
Normal file
After Width: | Height: | Size: 59 KiB |
BIN
test/regression/486021560_Forms_0_formsexample_1_laptop.png
Normal file
After Width: | Height: | Size: 63 KiB |
Before Width: | Height: | Size: 127 KiB |
Before Width: | Height: | Size: 147 KiB |
BIN
test/regression/486021560_Grids_0_gridsexample_0_phone.png
Normal file
After Width: | Height: | Size: 118 KiB |
BIN
test/regression/486021560_Grids_0_gridsexample_1_laptop.png
Normal file
After Width: | Height: | Size: 138 KiB |
Before Width: | Height: | Size: 84 KiB |
Before Width: | Height: | Size: 90 KiB |
BIN
test/regression/486021560_Lists_0_listsexample_0_phone.png
Normal file
After Width: | Height: | Size: 81 KiB |
BIN
test/regression/486021560_Lists_0_listsexample_1_laptop.png
Normal file
After Width: | Height: | Size: 86 KiB |
Before Width: | Height: | Size: 46 KiB |
Before Width: | Height: | Size: 52 KiB |
BIN
test/regression/486021560_Tables_0_tablesexample_0_phone.png
Normal file
After Width: | Height: | Size: 41 KiB |
BIN
test/regression/486021560_Tables_0_tablesexample_1_laptop.png
Normal file
After Width: | Height: | Size: 48 KiB |
Before Width: | Height: | Size: 89 KiB |
Before Width: | Height: | Size: 95 KiB |
After Width: | Height: | Size: 84 KiB |
After Width: | Height: | Size: 86 KiB |
Before Width: | Height: | Size: 6.5 KiB |
Before Width: | Height: | Size: 7.0 KiB |
After Width: | Height: | Size: 4.4 KiB |
After Width: | Height: | Size: 4.1 KiB |
@@ -1,33 +1,33 @@
|
||||
const test = require('ava');
|
||||
const fs = require('fs');
|
||||
const path = require('path');
|
||||
const test = require('ava')
|
||||
const fs = require('fs')
|
||||
const path = require('path')
|
||||
|
||||
let dist = path.join(__dirname, '../../dist');
|
||||
let dist = path.join(__dirname, '../../dist')
|
||||
|
||||
test.before('`dist` path should be created', t => {
|
||||
t.true(fs.lstatSync(dist).isDirectory());
|
||||
});
|
||||
t.true(fs.lstatSync(dist).isDirectory())
|
||||
})
|
||||
|
||||
test('`milligram.css` should be created', t => {
|
||||
fs.readdirSync(dist).map(file => {
|
||||
if (file === 'milligram.css') t.is(file, 'milligram.css');
|
||||
});
|
||||
});
|
||||
if (file === 'milligram.css') t.is(file, 'milligram.css')
|
||||
})
|
||||
})
|
||||
|
||||
test('`milligram.min.css` should be created', t => {
|
||||
fs.readdirSync(dist).map(file => {
|
||||
if (file === 'milligram.min.css') t.is(file, 'milligram.min.css');
|
||||
});
|
||||
});
|
||||
if (file === 'milligram.min.css') t.is(file, 'milligram.min.css')
|
||||
})
|
||||
})
|
||||
|
||||
test('`milligram.css.map` should be created', t => {
|
||||
fs.readdirSync(dist).map(file => {
|
||||
if (file === 'milligram.css.map') t.is(file, 'milligram.css.map');
|
||||
});
|
||||
});
|
||||
if (file === 'milligram.css.map') t.is(file, 'milligram.css.map')
|
||||
})
|
||||
})
|
||||
|
||||
test('`milligram.min.css.map` should be created', t => {
|
||||
fs.readdirSync(dist).map(file => {
|
||||
if (file === 'milligram.min.css.map') t.is(file, 'milligram.min.css.map');
|
||||
});
|
||||
});
|
||||
if (file === 'milligram.min.css.map') t.is(file, 'milligram.min.css.map')
|
||||
})
|
||||
})
|
||||
|
@@ -1,92 +1,92 @@
|
||||
const test = require('ava');
|
||||
const npm = require('../../package.json');
|
||||
const bower = require('../../bower.json');
|
||||
const composer = require('../../composer.json');
|
||||
const test = require('ava')
|
||||
const npm = require('../../package.json')
|
||||
const bower = require('../../bower.json')
|
||||
const composer = require('../../composer.json')
|
||||
|
||||
const packages = [
|
||||
npm,
|
||||
bower,
|
||||
composer
|
||||
];
|
||||
]
|
||||
|
||||
test(`Name should be equal "${npm.name}"`, t => {
|
||||
packages.map((referenceValue, referenceIndex) => {
|
||||
packages.map((compareValue, compareIndex) => {
|
||||
if (compareValue.name.match('/')) compareValue.name = compareValue.name.split('/')[1];
|
||||
if (referenceIndex !== compareIndex) t.is(referenceValue.name, compareValue.name);
|
||||
});
|
||||
});
|
||||
});
|
||||
if (compareValue.name.match('/')) compareValue.name = compareValue.name.split('/')[1]
|
||||
if (referenceIndex !== compareIndex) t.is(referenceValue.name, compareValue.name)
|
||||
})
|
||||
})
|
||||
})
|
||||
|
||||
test(`Version should be equal to "v${npm.version}"`, t => {
|
||||
packages.map((referenceValue, referenceIndex) => {
|
||||
packages.map((compareValue, compareIndex) => {
|
||||
if (referenceIndex !== compareIndex) t.is(referenceValue.version, compareValue.version);
|
||||
});
|
||||
});
|
||||
});
|
||||
if (referenceIndex !== compareIndex) t.is(referenceValue.version, compareValue.version)
|
||||
})
|
||||
})
|
||||
})
|
||||
|
||||
test(`Description should be equal to "${npm.description}"`, t => {
|
||||
packages.map((referenceValue, referenceIndex) => {
|
||||
packages.map((compareValue, compareIndex) => {
|
||||
if (referenceIndex !== compareIndex) t.is(referenceValue.description, compareValue.description);
|
||||
});
|
||||
});
|
||||
});
|
||||
if (referenceIndex !== compareIndex) t.is(referenceValue.description, compareValue.description)
|
||||
})
|
||||
})
|
||||
})
|
||||
|
||||
test(`Homepage should be equal to "${npm.homepage}"`, t => {
|
||||
packages.map((referenceValue, referenceIndex) => {
|
||||
packages.map((compareValue, compareIndex) => {
|
||||
if (referenceIndex !== compareIndex) t.is(referenceValue.homepage, compareValue.homepage);
|
||||
});
|
||||
});
|
||||
});
|
||||
if (referenceIndex !== compareIndex) t.is(referenceValue.homepage, compareValue.homepage)
|
||||
})
|
||||
})
|
||||
})
|
||||
|
||||
test(`Repository should be equal to "${npm.repository}"`, t => {
|
||||
packages.map((referenceValue, referenceIndex) => {
|
||||
packages.map((compareValue, compareIndex) => {
|
||||
if (referenceIndex !== compareIndex) t.is(referenceValue.repository, compareValue.repository);
|
||||
});
|
||||
});
|
||||
});
|
||||
if (referenceIndex !== compareIndex) t.is(referenceValue.repository, compareValue.repository)
|
||||
})
|
||||
})
|
||||
})
|
||||
|
||||
test(`License should be equal to "${npm.license}"`, t => {
|
||||
packages.map((referenceValue, referenceIndex) => {
|
||||
packages.map((compareValue, compareIndex) => {
|
||||
if (referenceIndex !== compareIndex) t.is(referenceValue.license, compareValue.license);
|
||||
});
|
||||
});
|
||||
});
|
||||
if (referenceIndex !== compareIndex) t.is(referenceValue.license, compareValue.license)
|
||||
})
|
||||
})
|
||||
})
|
||||
|
||||
test(`Author Name should be equal to "${npm.author}"`, t => {
|
||||
packages.map((referenceValue, referenceIndex) => {
|
||||
packages.map((compareValue, compareIndex) => {
|
||||
if (referenceIndex !== compareIndex) t.is(referenceValue.author, compareValue.author);
|
||||
});
|
||||
});
|
||||
});
|
||||
if (referenceIndex !== compareIndex) t.is(referenceValue.author, compareValue.author)
|
||||
})
|
||||
})
|
||||
})
|
||||
|
||||
test(`Main File should be equal to "${npm.main}"`, t => {
|
||||
packages.map((referenceValue, referenceIndex) => {
|
||||
packages.map((compareValue, compareIndex) => {
|
||||
if (referenceIndex !== compareIndex) t.is(referenceValue.main, compareValue.main);
|
||||
});
|
||||
});
|
||||
});
|
||||
if (referenceIndex !== compareIndex) t.is(referenceValue.main, compareValue.main)
|
||||
})
|
||||
})
|
||||
})
|
||||
|
||||
test('Ignore should be equal', t => {
|
||||
packages.map((referenceValue, referenceIndex) => {
|
||||
packages.map((compareValue, compareIndex) => {
|
||||
if (referenceIndex !== compareIndex) t.is(JSON.stringify(referenceValue.ignore), JSON.stringify(compareValue.ignore));
|
||||
});
|
||||
});
|
||||
});
|
||||
if (referenceIndex !== compareIndex) t.is(JSON.stringify(referenceValue.ignore), JSON.stringify(compareValue.ignore))
|
||||
})
|
||||
})
|
||||
})
|
||||
|
||||
test('Keywords should be equal', t => {
|
||||
packages.map((referenceValue, referenceIndex) => {
|
||||
packages.map((compareValue, compareIndex) => {
|
||||
if (referenceIndex !== compareIndex) t.is(JSON.stringify(referenceValue.keywords), JSON.stringify(compareValue.keywords));
|
||||
});
|
||||
});
|
||||
});
|
||||
if (referenceIndex !== compareIndex) t.is(JSON.stringify(referenceValue.keywords), JSON.stringify(compareValue.keywords))
|
||||
})
|
||||
})
|
||||
})
|
||||
|
||||
|