From 53b90f81bad9e6382d55a7090833ed7a67da239d Mon Sep 17 00:00:00 2001 From: Chris Harvey Date: Wed, 4 May 2016 15:33:28 -0400 Subject: [PATCH 01/18] remove output files (rebuild to put back) --- doc/styles/doc.css | 30 -- doc/test.html | 75 ---- xmeter.css | 921 --------------------------------------------- xmeter.min.css | 1 - 4 files changed, 1027 deletions(-) delete mode 100644 doc/styles/doc.css delete mode 100644 doc/test.html delete mode 100644 xmeter.css delete mode 100644 xmeter.min.css diff --git a/doc/styles/doc.css b/doc/styles/doc.css deleted file mode 100644 index 197b0b5..0000000 --- a/doc/styles/doc.css +++ /dev/null @@ -1,30 +0,0 @@ -/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*\ - xmeter -\*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ -/*================================*\ - doc.less -\*================================*/ -body { - background-image: url('https://chharvey.github.io/core/images/crossgrid-lined.svg'); - background-size: 1px 24px; - background-repeat: repeat; - background-position: left top; -} -.x-c-Code { - padding: 1px 2px; - border-radius: 3px; - background-color: #f4f8f0; - color: #008080; -} -.x-c-Fig { - margin-left: 1rem; - margin-right: 1rem; - padding: 0.75rem 0.5rem; - border-width: 1px; - margin-top: -2px; - border-style: solid; - border-color: #e5eaef; - border-radius: 8px; - position: relative; - background: rgba(245, 250, 255, 0.5); -} diff --git a/doc/test.html b/doc/test.html deleted file mode 100644 index 576d154..0000000 --- a/doc/test.html +++ /dev/null @@ -1,75 +0,0 @@ -Base Typography | Xmeter

Xmeter — Base Typography

Headings & Paragraphs

Heading 1 h1

Paragraph p -Lorem ipsum dolor sit amet, consectetur adipiscing elit. -Aliquam sagittis suscipit nunc, a cursus libero euismod at. -Nulla placerat neque massa, quis interdum leo efficitur vel. -Donec feugiat varius arcu non volutpat. -Mauris eget mauris ut mauris auctor mattis id vel justo. -Nulla dictum arcu nec suscipit mollis. -Maecenas a iaculis nisl, ut pretium est. Nulla facilisi.

Heading 2 h2

Paragraph p -Suspendisse ut auctor enim. -Aliquam viverra enim vitae ante aliquet venenatis. -Sed vel nibh sit amet sapien fermentum mattis nec non arcu. -Praesent dapibus velit quis lectus tempus, ut ullamcorper nibh facilisis. -Aenean tincidunt ante risus, semper malesuada libero consectetur id. -Praesent vel ligula ut enim porttitor porta. Aenean eu ullamcorper mi. -Integer blandit est quam, eget mattis urna scelerisque quis. -Maecenas sapien sapien, ornare nec lobortis eget, tincidunt sed ligula. -Maecenas risus nibh, volutpat sed euismod non, semper eget neque. -Integer varius egestas risus, volutpat sagittis turpis convallis eget. -Vivamus pulvinar ligula eget mi tincidunt, eget faucibus justo laoreet. -In sapien lacus, egestas faucibus laoreet eu, tempor sit amet lorem. -Sed luctus congue tortor a scelerisque.

Heading 3 h3

Paragraph p -Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. -Nunc sit amet scelerisque lectus. Cras cursus sed dui quis convallis. -Quisque id justo elit. -Fusce ut quam non sem efficitur accumsan sed id neque. -Mauris finibus dignissim gravida. -In dignissim mauris ac odio molestie volutpat. -Nulla tellus justo, finibus sed volutpat sed, tristique ac lacus. -Suspendisse sit amet fermentum sapien. -Aliquam luctus laoreet iaculis. -Proin lacinia orci vitae tellus pellentesque porttitor.

Heading 4 h4

Paragraph p -Aenean consectetur suscipit urna, non vehicula lacus blandit et. -Integer at lacus et diam tristique suscipit. -Ut cursus massa sit amet nisl convallis, elementum accumsan sapien mattis. -Vestibulum vitae magna ac tellus accumsan pharetra vulputate vitae erat. -Vestibulum est dui, elementum non sagittis ac, sagittis accumsan justo. -Donec at vestibulum diam. Nam et volutpat dolor, at pulvinar nisi. -Curabitur aliquam maximus nulla eu venenatis. -Nam aliquam lorem non felis dignissim dictum. -Pellentesque sagittis vehicula nisl non luctus. -Pellentesque eget ligula hendrerit, blandit enim consequat, dictum sem. -In quis lectus in lectus interdum laoreet eu quis quam. -Fusce auctor posuere purus, quis semper libero dignissim euismod. -Curabitur commodo mauris a sapien vulputate, eget pharetra urna facilisis.

Heading 5 h5

Paragraph p -Donec finibus ut lectus finibus pellentesque. -Nulla euismod feugiat nulla nec posuere. -Sed ac est id sem sagittis rhoncus eu ac neque. -Aliquam eu metus sagittis, porta turpis id, scelerisque magna. -Nulla venenatis elementum est, semper viverra felis tristique sit amet. -Mauris nec ipsum id orci porttitor auctor sed sit amet sem. -Lorem ipsum dolor sit amet, consectetur adipiscing elit. -Etiam tellus leo, venenatis sit amet ipsum non, sagittis feugiat ante.

Heading 6 h6

Paragraph p -Donec vel dolor ut felis dapibus ultricies vitae a nibh. -Ut semper odio est, sed lacinia ligula gravida ut. -Vestibulum facilisis viverra pulvinar. -Suspendisse maximus nisl sit amet augue vulputate, vel porta nunc molestie. -Aliquam mauris diam, pharetra vel consectetur quis, rhoncus in risus. -Donec ut quam massa. -Vestibulum sapien justo, commodo a eros in, rhoncus interdum nisl. -Etiam a porta lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem Ipsum h1

Lorem Ipsum h2

Lorem Ipsum h3

Lorem Ipsum h4

Lorem Ipsum h5
Lorem Ipsum h6
12345 address Ave br
-Washington, DC 00000 br
-United States of America
Pellentesque pre habitant() {
-  morbi.tristique = senectus;
-  et (netus = malesuada; fames < ac; turpis.egestas++) {
-    Nunc.sit += [amet, scelerisque][et];
-    Cras = {
-      lectus: cursus
-    , sed: dui
-    , quis: convallis(id () { justo Quisque.elit; })
-    };
-  }
-}
Aenean consectetur figure suscipit urna, non vehicula lacus blandit et.
Integer at lacus et diam tristique figure figcaption suscipit.
Donec blockquote vel dolor ut felis dapibus ultricies vitae a nibh.

Lists

Ordered List ol
  1. List item li
  2. List item li
    1. Nested list item
    2. Nested list item
      1. Another nested list item
      2. Another nested list item
Unrdered List ul
  • List item li
  • List item li
    • Nested list item
    • Nested list item
      • Another nested list item
      • Another nested list item
Dictionary List dl
key dt
value dd
  • 1st key
  • 2nd key
value
key
  • 1st value
  • 2nd value

Tables

table caption
theader trow 1 theading 1theader trow 1 theading 2theader trow 1 theading 3
tfooter trow 1 tdata 1tfooter trow 1 tdata 2tfooter trow 1 tdata 3
tfooter trow 2 tdata 1tfooter trow 2 tdata 2tfooter trow 2 tdata 3
tbody trow 1 tdata 1tbody trow 1 tdata 2tbody trow 1 tdata 3
tbody trow 2 tdata 1tbody trow 2 tdata 2tbody trow 2 tdata 3
tbody trow 3 tdata 1tbody trow 3 tdata 2tbody trow 3 tdata 3

Text-Level Elements

Stress

  • emphasized text em
  • important text strong
  • alternate voice/mood (scare quotes, mentioning words, foreign expressions) i
  • relevant in some context mark
  • unarticulated annotation u
  • side comment small
  • text shown to be no longer relevant s

Documentation

  • content shown to be inserted into a document ins
  • content shown to be deleted from a document del
  • definining instance of a term dfn
  • keyword or technical term b
  • abbreviation or acronym abbr[title]
  • variable var
  • quoted material q
  • reference to a work, some part of a work, or the creator of a work cite
  • superscript sup
  • subscript sub

Data

  • generic machine-readable data data
  • a fragment of code code
  • user input kbd
  • a button or key on a physical device kbd > kbd
  • sample computer output samp

Embedded Elements

Forms

Integer at lacus et diam tristique fieldset legend suscipit.Aenean consectetur fieldset suscipit urna, non vehicula lacus blandit et.
single line text inputs
date/time
without text input
check boxes
radio buttons
drop-down list (select only one)
drop-down list (select multiple)
buttons
textarea

Interactive Elements

Integer at lacus et diam tristique details summary suscipit.Aenean consectetur details suscipit urna, non vehicula lacus blandit et.
\ No newline at end of file diff --git a/xmeter.css b/xmeter.css deleted file mode 100644 index c3dc87e..0000000 --- a/xmeter.css +++ /dev/null @@ -1,921 +0,0 @@ -/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*\ - xmeter - Version: 4.1.0 - Licence: MIT - Repo : https://github.com/chharvey/xmeter.git - Home : https://github.com/chharvey/xmeter/blob/gh-pages/README.md - Author : https://chharvey.github.io/ -\*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ -/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*\ - resetcss - Version: 1.0.2 - Licence: MIT - Repo : https://github.com/chharvey/resetcss.git - Home : https://chharvey.github.io/resetcss/ - Author : https://chharvey.github.io/ -\*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ -/*================================*\ - reset.less -\*================================*/ -body { - text-align: left; - background: #fff; - color: #000; -} -sup, -sub { - vertical-align: inherit; -} -body, -h1, -h2, -h3, -h4, -h5, -h6, -hr, -p, -figure, -blockquote, -pre, -ol, -ul, -dl, -dd, -fieldset { - margin: 0; -} -ol, -ul, -th, -td { - padding: 0; -} -h1, -h2, -h3, -h4, -h5, -h6, -address, -pre, -th, -em, -strong, -i, -small, -dfn, -b, -var, -cite, -sup, -sub, -code, -kbd, -samp { - font: inherit; -} -table { - text-align: left; -} -caption, -th { - text-align: inherit; -} -pre { - white-space: inherit; -} -mark { - background: transparent; -} -a, -u, -s, -ins, -del { - text-decoration: none; -} -ol, -ul { - list-style: none; -} -q { - quotes: none; -} -a, -mark { - color: inherit; -} - -/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ - -/** - * 1. Set default font family to sans-serif. - * 2. Prevent iOS and IE text size adjust after device orientation change, - * without disabling user zoom. - */ - -html { - font-family: sans-serif; /* 1 */ - -ms-text-size-adjust: 100%; /* 2 */ - -webkit-text-size-adjust: 100%; /* 2 */ -} - -/** - * Remove default margin. - */ - -body { - margin: 0; -} - -/* HTML5 display definitions - ========================================================================== */ - -/** - * Correct `block` display not defined for any HTML5 element in IE 8/9. - * Correct `block` display not defined for `details` or `summary` in IE 10/11 - * and Firefox. - * Correct `block` display not defined for `main` in IE 11. - */ - -article, -aside, -details, -figcaption, -figure, -footer, -header, -hgroup, -main, -menu, -nav, -section, -summary { - display: block; -} - -/** - * 1. Correct `inline-block` display not defined in IE 8/9. - * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. - */ - -audio, -canvas, -progress, -video { - display: inline-block; /* 1 */ - vertical-align: baseline; /* 2 */ -} - -/** - * Prevent modern browsers from displaying `audio` without controls. - * Remove excess height in iOS 5 devices. - */ - -audio:not([controls]) { - display: none; - height: 0; -} - -/** - * Address `[hidden]` styling not present in IE 8/9/10. - * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. - */ - -[hidden], -template { - display: none; -} - -/* Links - ========================================================================== */ - -/** - * Remove the gray background color from active links in IE 10. - */ - -a { - background-color: transparent; -} - -/** - * Improve readability of focused elements when they are also in an - * active/hover state. - */ - -a:active, -a:hover { - outline: 0; -} - -/* Text-level semantics - ========================================================================== */ - -/** - * Address styling not present in IE 8/9/10/11, Safari, and Chrome. - */ - -abbr[title] { - border-bottom: 1px dotted; -} - -/** - * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. - */ - -b, -strong { - font-weight: bold; -} - -/** - * Address styling not present in Safari and Chrome. - */ - -dfn { - font-style: italic; -} - -/** - * Address variable `h1` font-size and margin within `section` and `article` - * contexts in Firefox 4+, Safari, and Chrome. - */ - -h1 { - font-size: 2em; - margin: 0.67em 0; -} - -/** - * Address styling not present in IE 8/9. - */ - -mark { - background: #ff0; - color: #000; -} - -/** - * Address inconsistent and variable font size in all browsers. - */ - -small { - font-size: 80%; -} - -/** - * Prevent `sub` and `sup` affecting `line-height` in all browsers. - */ - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sup { - top: -0.5em; -} - -sub { - bottom: -0.25em; -} - -/* Embedded content - ========================================================================== */ - -/** - * Remove border when inside `a` element in IE 8/9/10. - */ - -img { - border: 0; -} - -/** - * Correct overflow not hidden in IE 9/10/11. - */ - -svg:not(:root) { - overflow: hidden; -} - -/* Grouping content - ========================================================================== */ - -/** - * Address margin not present in IE 8/9 and Safari. - */ - -figure { - margin: 1em 40px; -} - -/** - * Address differences between Firefox and other browsers. - */ - -hr { - box-sizing: content-box; - height: 0; -} - -/** - * Contain overflow in all browsers. - */ - -pre { - overflow: auto; -} - -/** - * Address odd `em`-unit font size rendering in all browsers. - */ - -code, -kbd, -pre, -samp { - font-family: monospace, monospace; - font-size: 1em; -} - -/* Forms - ========================================================================== */ - -/** - * Known limitation: by default, Chrome and Safari on OS X allow very limited - * styling of `select`, unless a `border` property is set. - */ - -/** - * 1. Correct color not being inherited. - * Known issue: affects color of disabled elements. - * 2. Correct font properties not being inherited. - * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. - */ - -button, -input, -optgroup, -select, -textarea { - color: inherit; /* 1 */ - font: inherit; /* 2 */ - margin: 0; /* 3 */ -} - -/** - * Address `overflow` set to `hidden` in IE 8/9/10/11. - */ - -button { - overflow: visible; -} - -/** - * Address inconsistent `text-transform` inheritance for `button` and `select`. - * All other form control elements do not inherit `text-transform` values. - * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. - * Correct `select` style inheritance in Firefox. - */ - -button, -select { - text-transform: none; -} - -/** - * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` - * and `video` controls. - * 2. Correct inability to style clickable `input` types in iOS. - * 3. Improve usability and consistency of cursor style between image-type - * `input` and others. - */ - -button, -html input[type="button"], /* 1 */ -input[type="reset"], -input[type="submit"] { - -webkit-appearance: button; /* 2 */ - cursor: pointer; /* 3 */ -} - -/** - * Re-set default cursor for disabled elements. - */ - -button[disabled], -html input[disabled] { - cursor: default; -} - -/** - * Remove inner padding and border in Firefox 4+. - */ - -button::-moz-focus-inner, -input::-moz-focus-inner { - border: 0; - padding: 0; -} - -/** - * Address Firefox 4+ setting `line-height` on `input` using `!important` in - * the UA stylesheet. - */ - -input { - line-height: normal; -} - -/** - * It's recommended that you don't attempt to style these elements. - * Firefox's implementation doesn't respect box-sizing, padding, or width. - * - * 1. Address box sizing set to `content-box` in IE 8/9/10. - * 2. Remove excess padding in IE 8/9/10. - */ - -input[type="checkbox"], -input[type="radio"] { - box-sizing: border-box; /* 1 */ - padding: 0; /* 2 */ -} - -/** - * Fix the cursor style for Chrome's increment/decrement buttons. For certain - * `font-size` values of the `input`, it causes the cursor style of the - * decrement button to change from `default` to `text`. - */ - -input[type="number"]::-webkit-inner-spin-button, -input[type="number"]::-webkit-outer-spin-button { - height: auto; -} - -/** - * 1. Address `appearance` set to `searchfield` in Safari and Chrome. - * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. - */ - -input[type="search"] { - -webkit-appearance: textfield; /* 1 */ - box-sizing: content-box; /* 2 */ -} - -/** - * Remove inner padding and search cancel button in Safari and Chrome on OS X. - * Safari (but not Chrome) clips the cancel button when the search input has - * padding (and `textfield` appearance). - */ - -input[type="search"]::-webkit-search-cancel-button, -input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; -} - -/** - * Define consistent border, margin, and padding. - */ - -fieldset { - border: 1px solid #c0c0c0; - margin: 0 2px; - padding: 0.35em 0.625em 0.75em; -} - -/** - * 1. Correct `color` not being inherited in IE 8/9/10/11. - * 2. Remove padding so people aren't caught out if they zero out fieldsets. - */ - -legend { - border: 0; /* 1 */ - padding: 0; /* 2 */ -} - -/** - * Remove default vertical scrollbar in IE 8/9/10/11. - */ - -textarea { - overflow: auto; -} - -/** - * Don't inherit the `font-weight` (applied by a rule above). - * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. - */ - -optgroup { - font-weight: bold; -} - -/* Tables - ========================================================================== */ - -/** - * Remove most spacing between table cells. - */ - -table { - border-collapse: collapse; - border-spacing: 0; -} - -td, -th { - padding: 0; -} - -/*================================*\ - xmeter.less -\*================================*/ -/** - * CONTENTS - * - * reset.css (above).............strips all elements of all browser-default styles - * normalize.css (above).........(@necolas) addresses browser discrepancies - * - * BASE - * generic.......................styles that apply to `html` and very far-reaching groups of elements - * sections......................secioning content and section-related elements - * grouping......................grouping content - * ....paras.........................paragraphs, block-level textual elements - * ....lists.........................ordered, unordered, dictionary - * ....tables........................tables - * text..........................text-level and inline elements - * ....links.........................inline hyperlinks - * ....stress........................text outstanding from surrounding prose - * ....doctext.......................documentation elements - * ....data..........................machine- or human-readable data - * embedded......................images and other media - * forms.........................form elements - * interactive...................interactive elements - */ -/*################################*\ - xmeter | _base.generic.less -\*################################*/ -*, -*::before, -*::after { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - border: 0 solid; - content: ' '; - content: ''; - content: none; -} -@media print { - *, - *::before, - *::after { - background: transparent !important; - box-shadow: none !important; - text-shadow: none !important; - } -} -html { - font-size: 100%; - font-size: 16px; - line-height: 1.5; -} -h1, -h2, -h3, -h4, -h5, -h6, -p, -pre, -figure, -blockquote, -ol, -ul, -dl, -table, -fieldset { - margin-bottom: 1.5rem; -} -h1 { - padding-top: 1.5rem; -} -li > ol, -dt > ol, -dd > ol, -li > ul, -dt > ul, -dd > ul, -li > dl, -dt > dl, -dd > dl { - margin-bottom: 0; -} -span, -br, -em, -strong, -i, -mark, -u, -small, -dfn, -b, -abbr, -var, -q, -cite, -sup, -sub, -data, -time, -code, -kbd, -samp { - line-height: 0; -} -a, -s, -ins, -del { - display: contents; -} - -/*################################*\ - xmeter | _base.sections.less -\*################################*/ -html, -body { - width: 100%; - height: 100%; -} -h1, -h2, -h3, -h4, -h5, -h6 { - font-weight: 700; -} -h1 { - font-size: 2em; - line-height: 0.75; -} -h2 { - font-size: 1.5em; - line-height: 1; -} -h3 { - font-size: 1.25em; - line-height: 1.2; -} -h4 { - font-size: 1em; - line-height: 1.5; -} -h5 { - font-size: 0.875em; - line-height: 1.71428571; -} -h6 { - font-size: 0.75em; - line-height: 2; -} -h1 { - margin-top: 0; -} - -/*################################*\ - xmeter | _base.grouping.less -\*################################*/ -hr { - display: none; -} - -/*################################*\ - xmeter | _base.grouping.paras.less -\*################################*/ -pre { - text-align: left; - text-indent: 0; - white-space: pre; -} -figure { - margin-top: 0; - margin-left: 0; - margin-right: 0; -} - -/*################################*\ - xmeter | _base.grouping.lists.less -\*################################*/ -ol, -ul { - padding: 0 0 0 4rem; -} -li > ol, -li > ul, -dt > ol, -dt > ul, -dd > ol, -dd > ul { - padding-left: 2rem; -} -ol { - list-style-type: decimal; -} -ul { - list-style-type: disc; -} - -/*################################*\ - xmeter | _base.grouping.tables.less -\*################################*/ -table { - max-width: 100%; -} -caption { - text-align: center; -} -thead, -tfoot { - vertical-align: bottom; -} -tbody { - vertical-align: top; -} -th { - font-weight: 700; - text-align: center; -} - -/*################################*\ - xmeter | _base.text.less -\*################################*/ - -/*################################*\ - xmeter | _base.text.links.less -\*################################*/ -a { - color: #00e; -} -@media screen { - a:not([href]) { - opacity: 0.5; - } -} - -/*################################*\ - xmeter | _base.text.stress.less -\*################################*/ -em { - font-style: italic; -} -strong { - font-weight: 700; -} -i { - font-style: italic; -} -u { - text-decoration: underline; - color: #080; -} -small { - font-size: 0.75em; -} -s { - text-decoration: line-through; - color: #b00; -} - -/*################################*\ - xmeter | _base.text.doctext.less -\*################################*/ -ins { - background: #a6f3a6; -} -del { - background: #f8cbcb; -} -dfn { - font-style: inherit; - font-weight: 700; -} -b { - font-weight: 700; -} -abbr[title] { - cursor: help; - border-bottom: 0; -} -var { - font-style: italic; -} -q { - quotes: '\201c' '\201d'; - quotes: initial; -} -q::before { - content: open-quote; -} -q::after { - content: close-quote; -} -cite { - font-style: italic; -} -sup, -sub { - font-size: 0.75em; -} - -/*################################*\ - xmeter | _base.text.data.less -\*################################*/ -code, -kbd, -samp { - font-size: 0.75em; - white-space: nowrap; -} -code code, -kbd code, -samp code, -code kbd, -kbd kbd, -samp kbd, -code samp, -kbd samp, -samp samp { - font-size: inherit; -} - -/*################################*\ - xmeter | _base.embedded.less -\*################################*/ -img { - width: auto; - height: auto; - max-width: 100%; - font-style: italic; - vertical-align: middle; -} - -/*################################*\ - xmeter | _base.forms.less -\*################################*/ -fieldset, -input, -select, -textarea, -button { - border-width: 1px; - margin-top: -2px; - border-style: solid; - border-color: #c0c0c0; - border-color: rgba(0, 0, 0, 0.25); -} -fieldset { - padding: 0 1rem; - margin-left: 0; - margin-right: 0; -} -input, -select, -textarea, -button { - padding: 0 0.25rem; -} -input:not([type="button"]):not([type="reset"]):not([type="submit"]), -textarea { - font-size: 0.75em; - line-height: 2; -} -textarea { - width: 30rem; - height: 9rem; - line-height: 1.5; -} -input[type="button"], -input[type="reset"], -input[type="submit"], -button { - background-color: #c0c0c0; - background-color: rgba(0, 0, 0, 0.25); -} -input[type="search"] { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -/*################################*\ - xmeter | _base.interactive.less -\*################################*/ - diff --git a/xmeter.min.css b/xmeter.min.css deleted file mode 100644 index 0a2e78c..0000000 --- a/xmeter.min.css +++ /dev/null @@ -1 +0,0 @@ -body,mark{color:#000}audio:not([controls]),hr{height:0;display:none}[hidden],hr,template{display:none}body,pre,table{text-align:left}legend,ol,td,th,ul{padding:0}caption,th{text-align:center}img,table{max-width:100%}pre,textarea{overflow:auto}body{background:#fff}blockquote,body,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,ol,p,pre,ul{margin:0}address,b,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,i,kbd,pre,samp,small,strong,sub,sup,th,var{font:inherit}table{border-collapse:collapse;border-spacing:0}a,del,ins,s,u{text-decoration:none}ol,ul{list-style:none;padding:0 0 0 4rem}/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}a{background-color:transparent;color:#00e}a:active,a:hover{outline:0}h1{margin:.67em 0}mark{background:#ff0}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:0 0 1em}hr{box-sizing:content-box}pre{text-indent:0;white-space:pre}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}h4,html{line-height:1.5}b,dfn,h1,h2,h3,h4,h5,h6,optgroup,strong,th{font-weight:700}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px}legend{border:0}*,::after,::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:0 solid;content:' ';content:'';content:none}@media print{*,::after,::before{background:0 0!important;box-shadow:none!important;text-shadow:none!important}}html{font-size:100%;font-size:16px}blockquote,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul{margin-bottom:1.5rem}h1{padding-top:1.5rem;font-size:2em;line-height:.75;margin-top:0}dd>dl,dd>ol,dd>ul,dt>dl,dt>ol,dt>ul,li>dl,li>ol,li>ul{margin-bottom:0}abbr,b,br,cite,code,data,dfn,em,i,kbd,mark,q,samp,small,span,strong,sub,sup,time,u,var{line-height:0}a,del,ins,s{display:contents}body,html{width:100%;height:100%}h2{font-size:1.5em;line-height:1}h3{font-size:1.25em;line-height:1.2}h4{font-size:1em}h5{font-size:.875em;line-height:1.71428571}code,kbd,samp,small,sub,sup{font-size:.75em}h6,input:not([type=button]):not([type=reset]):not([type=submit]),textarea{font-size:.75em;line-height:2}dd>ol,dd>ul,dt>ol,dt>ul,li>ol,li>ul{padding-left:2rem}ol{list-style-type:decimal}ul{list-style-type:disc}tfoot,thead{vertical-align:bottom}tbody{vertical-align:top}@media screen{a:not([href]){opacity:.5}}cite,em,i,var{font-style:italic}u{text-decoration:underline;color:#080}s{text-decoration:line-through;color:#b00}ins{background:#a6f3a6}del{background:#f8cbcb}dfn{font-style:inherit}abbr[title]{cursor:help;border-bottom:0}q{quotes:'\201c' '\201d';quotes:initial}q::before{content:open-quote}q::after{content:close-quote}code,kbd,samp{white-space:nowrap}code code,code kbd,code samp,kbd code,kbd kbd,kbd samp,samp code,samp kbd,samp samp{font-size:inherit}img{border:0;width:auto;height:auto;font-style:italic;vertical-align:middle}button,fieldset,input,select,textarea{border-width:1px;margin-top:-2px;border-style:solid;border-color:silver;border-color:rgba(0,0,0,.25)}fieldset{padding:0 1rem;margin-left:0;margin-right:0}button,input,select,textarea{padding:0 .25rem}textarea{width:30rem;height:9rem;line-height:1.5}button,input[type=button],input[type=reset],input[type=submit]{background-color:silver;background-color:rgba(0,0,0,.25)}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} \ No newline at end of file From 3e58f03d1d7459b223bcf7a0d03e9cd54a75816b Mon Sep 17 00:00:00 2001 From: Chris Harvey Date: Wed, 4 May 2016 15:36:12 -0400 Subject: [PATCH 02/18] npm update normalize.css --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index cf6ea2e..f108a55 100644 --- a/package.json +++ b/package.json @@ -9,7 +9,7 @@ "jade": "^1.11.0", "less": "^2.5.3", "lessc-each": "^1.1.0", - "normalize.css": "^3.0.3", + "normalize.css": "^4.1.1", "resetcss": "^1.0.2" }, "scripts": { From 672999144863b1d57069b3dec839fbba2dd0a5c0 Mon Sep 17 00:00:00 2001 From: Chris Harvey Date: Wed, 4 May 2016 15:55:22 -0400 Subject: [PATCH 03/18] fix abbr[title] normalize override --- src/_base.text.doctext.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/_base.text.doctext.less b/src/_base.text.doctext.less index cb3815d..d34faed 100644 --- a/src/_base.text.doctext.less +++ b/src/_base.text.doctext.less @@ -23,7 +23,7 @@ b { abbr { &[title] { cursor: help; - border-bottom: 0; // undo Normalize + text-decoration: none; // undo Normalize } } var { From 2b18e94d4d04ba41f1b7fd929d7e848a89ba34fa Mon Sep 17 00:00:00 2001 From: Chris Harvey Date: Thu, 5 May 2016 10:49:55 -0400 Subject: [PATCH 04/18] remove global @g-font_size variable --- src/__settings.less | 1 - src/_base.generic.less | 2 +- 2 files changed, 1 insertion(+), 2 deletions(-) diff --git a/src/__settings.less b/src/__settings.less index b82359f..97fd436 100644 --- a/src/__settings.less +++ b/src/__settings.less @@ -15,7 +15,6 @@ // - IE8 and below, and // - IE9 and IE10 on the `font` shorthand property and on pseudo-elements/classes -@g-font_size: 100%; // defined by user agent @g-line_height: 1.5; @g-vru_px: (@g-line_height * @g-1rem); // fallback for @g-vru, which is in rems @g-vru: (@g-line_height * 1rem); diff --git a/src/_base.generic.less b/src/_base.generic.less index a89cea5..1f6dcfe 100644 --- a/src/_base.generic.less +++ b/src/_base.generic.less @@ -26,7 +26,7 @@ html { // addresses support for `rem` units (otherwise these would be in `body` selector) - font-size: @g-font_size; + font-size: 100%; // defined by user agent font-size: @g-1rem; // HACK fixes Chrome inheritance bug line-height: @g-line_height; } From 39647e69746e87c0e9be0da8f5a4bcb17fc64253 Mon Sep 17 00:00:00 2001 From: Chris Harvey Date: Thu, 5 May 2016 10:50:13 -0400 Subject: [PATCH 05/18] use variables for consistent font size --- src/_base.grouping.paras.less | 1 + src/_base.text.data.less | 2 +- src/_base.text.doctext.less | 2 +- src/_base.text.stress.less | 2 +- 4 files changed, 4 insertions(+), 3 deletions(-) diff --git a/src/_base.grouping.paras.less b/src/_base.grouping.paras.less index c0fbb55..568d791 100644 --- a/src/_base.grouping.paras.less +++ b/src/_base.grouping.paras.less @@ -7,6 +7,7 @@ p { } pre { + .font-size-el(@g-font_size_h6); text-align: left; text-indent: 0; white-space: pre; diff --git a/src/_base.text.data.less b/src/_base.text.data.less index e19d964..2cb15b4 100644 --- a/src/_base.text.data.less +++ b/src/_base.text.data.less @@ -9,7 +9,7 @@ data { time { } code, kbd, samp { - font-size: 0.75em; + font-size: (@g-font_size_h6 * 1em); white-space: nowrap; code, kbd, samp { font-size: inherit; // undo compounding font sizes diff --git a/src/_base.text.doctext.less b/src/_base.text.doctext.less index cb3815d..6e482cf 100644 --- a/src/_base.text.doctext.less +++ b/src/_base.text.doctext.less @@ -37,7 +37,7 @@ cite { font-style: italic; } sup, sub { - font-size: 0.75em; + font-size: (@g-font_size_h6 * 1em); } sup { } diff --git a/src/_base.text.stress.less b/src/_base.text.stress.less index f8489e4..80c5204 100644 --- a/src/_base.text.stress.less +++ b/src/_base.text.stress.less @@ -20,7 +20,7 @@ u { color: #080; } small { - font-size: 0.75em; + font-size: (@g-font_size_h6 * 1em); } s { text-decoration: line-through; From dd328bda6c1773966e859e42c634badb9e378ea1 Mon Sep 17 00:00:00 2001 From: Chris Harvey Date: Thu, 5 May 2016 21:32:13 -0400 Subject: [PATCH 06/18] add default params except for delims --- src/__tool.fallback.box-sizing.less | 2 +- src/__tool.fallback.column-count.less | 2 +- src/__tool.fallback.column-width.less | 2 +- src/__tool.fallback.filter.less | 4 ++-- src/__tool.fallback.flexbox.less | 24 ++++++++++++------------ src/__tool.fallback.linear-gradient.less | 5 +++-- src/__tool.fallback.transform.less | 4 ++-- src/__tool.fallback.transition.less | 12 +++++++----- src/__tool.module.fontsize.less | 8 ++++---- 9 files changed, 33 insertions(+), 30 deletions(-) diff --git a/src/__tool.fallback.box-sizing.less b/src/__tool.fallback.box-sizing.less index 28907ea..050c85d 100644 --- a/src/__tool.fallback.box-sizing.less +++ b/src/__tool.fallback.box-sizing.less @@ -14,7 +14,7 @@ // : Chris Harvey // ^updated // : 2014-10-21 -.box-sizing(@box) { +.box-sizing(@box: content-box) { -webkit-box-sizing: @box; -moz-box-sizing: @box; box-sizing: @box; diff --git a/src/__tool.fallback.column-count.less b/src/__tool.fallback.column-count.less index 06793a9..25fc15d 100644 --- a/src/__tool.fallback.column-count.less +++ b/src/__tool.fallback.column-count.less @@ -13,7 +13,7 @@ // : Chris Harvey // ^updated // : 2015-10-23 -.column-count(@n) { +.column-count(@n: auto) { -webkit-column-count: @n; -moz-column-count: @n; column-count: @n; diff --git a/src/__tool.fallback.column-width.less b/src/__tool.fallback.column-width.less index 3aa1f23..401a84c 100644 --- a/src/__tool.fallback.column-width.less +++ b/src/__tool.fallback.column-width.less @@ -13,7 +13,7 @@ // : Chris Harvey // ^updated // : 2016-02-08 -.column-width(@n) { +.column-width(@n: auto) { -webkit-column-width: @n; -moz-column-width: @n; column-width: @n; diff --git a/src/__tool.fallback.filter.less b/src/__tool.fallback.filter.less index 7dc3b36..92ebeef 100644 --- a/src/__tool.fallback.filter.less +++ b/src/__tool.fallback.filter.less @@ -9,12 +9,12 @@ // ^url // : https://developer.mozilla.org/en-US/docs/Web/CSS/filter // ^params -// : @arg - a list of space-separated filter functions +// : @arg - (default: `none`) a list of space-separated filter functions // ^author // : Chris Harvey // ^updated // : 2016-04-05 -.filter(@arg) { +.filter(@arg: none) { -webkit-filter: @arg; -moz-filter: @arg; -ms-filter: @arg; diff --git a/src/__tool.fallback.flexbox.less b/src/__tool.fallback.flexbox.less index 59c2d1b..cff62f6 100644 --- a/src/__tool.fallback.flexbox.less +++ b/src/__tool.fallback.flexbox.less @@ -43,7 +43,7 @@ // : Chris Harvey // ^updated // : 2015-02-12 -.flex-direction(@direction) { +.flex-direction(@direction: row) { -webkit-flex-direction: @direction; -moz-flex-direction: @direction; -ms-flex-direction: @direction; @@ -60,7 +60,7 @@ // : Chris Harvey // ^updated // : 2015-02-12 -.flex-wrap(@wrap) { +.flex-wrap(@wrap: nowrap) { -webkit-flex-wrap: @wrap; -moz-flex-wrap: @wrap; // no support for Firefox 27 and older (28+ uses `flex-wrap`) -ms-flex-wrap: @wrap; @@ -83,7 +83,7 @@ // : Chris Harvey // ^updated // : 2015-10-12 -.flex-justify-content(@justify) { +.flex-justify-content(@justify: flex-start) { -webkit-justify-content: @justify; -moz-justify-content: @justify; -ms-justify-content: @justify; @@ -106,7 +106,7 @@ // : Chris Harvey // ^updated // : 2015-09-03 -.flex-align-content(@align) { +.flex-align-content(@align: stretch) { -webkit-align-content: @align; -moz-align-content: @align; -ms-align-content: @align; @@ -127,7 +127,7 @@ // : Chris Harvey // ^updated // : 2015-09-03 -.flex-align-items(@align) { +.flex-align-items(@align: stretch) { -webkit-align-items: @align; -moz-align-items: @align; -ms-align-items: @align; @@ -147,7 +147,7 @@ // : Chris Harvey // ^updated // : 2015-09-03 -.flex-order(@integer) { +.flex-order(@integer: 0) { -webkit-box-ordinal-group: @integer; -moz-box-ordinal-group: @integer; -ms-flex-order: @integer; @@ -170,7 +170,7 @@ // : Chris Harvey // ^updated // : 2015-10-14 -.flex-align-self(@align) { +.flex-align-self(@align: auto) { -webkit-align-self: @align; -moz-align-self: @align; -ms-align-self: @align; @@ -186,7 +186,7 @@ // : Chris Harvey // ^updated // : 2016-04-26 -.flex-grow(@number) { +.flex-grow(@number: 0) { -webkit-flex-grow: @number; -ms-flex-grow: @number; flex-grow: @number; @@ -202,7 +202,7 @@ // : Chris Harvey // ^updated // : 2016-04-26 -.flex-shrink(@number) { +.flex-shrink(@number: 1) { -webkit-flex-shrink: @number; -ms-flex-shrink: @number; flex-shrink: @number; @@ -219,7 +219,7 @@ // : Chris Harvey // ^updated // : 2016-04-26 -.flex-basis(@width) { +.flex-basis(@width: auto) { -webkit-flex-basis: @width; -ms-flex-basis: @width; flex-basis: @width; @@ -230,7 +230,7 @@ // @arg - a space-separated list of: // - none | [ ‹number› ‹number›? || ‹length› ] // - options: -// 0. `initial` - computes to `0 1 auto` +// 0. `initial` - (default) computes to `0 1 auto` // 1. `none` - computes to `0 0 auto` // 2. `‹flex-grow›` // 3. `‹flex-grow› ‹flex-shrink›` @@ -241,7 +241,7 @@ // : Chris Harvey // ^updated // : 2015-09-03 -.flex(@arg) { +.flex(@arg: initial) { -webkit-box-flex: @arg; -moz-box-flex: @arg; -webkit-flex: @arg; diff --git a/src/__tool.fallback.linear-gradient.less b/src/__tool.fallback.linear-gradient.less index 1fea071..52a2dc8 100644 --- a/src/__tool.fallback.linear-gradient.less +++ b/src/__tool.fallback.linear-gradient.less @@ -14,13 +14,14 @@ // See [WPD](http://docs.webplatform.org/wiki/css/functions/linear-gradient) for more info. // // ^params -// : @arg - a list of comma-separated components (each as a component of one gradient value). +// : @arg - (default: `0deg, #fff`) a list of comma-separated components, +// each as a component of one gradient value. // Must be terminated with a semicolon (;). // ^author // : Chris Harvey // ^updated // : 2014-07-08 -.linear-gradient(@arg) { +.linear-gradient(@arg: 0deg, #fff;) { background-image: -webkit-linear-gradient(@arg); background-image: -moz-linear-gradient(@arg); background-image: -ms-linear-gradient(@arg); diff --git a/src/__tool.fallback.transform.less b/src/__tool.fallback.transform.less index be6d7de..dc07611 100644 --- a/src/__tool.fallback.transform.less +++ b/src/__tool.fallback.transform.less @@ -9,12 +9,12 @@ // ^url // : https://developer.mozilla.org/en-US/docs/Web/CSS/transform // ^params -// : @arg - a list of space-separated transformation functions +// : @arg - (default: `none`) a list of space-separated transformation functions // ^author // : Chris Harvey // ^updated // : 2016-05-04 -.transform(@arg) { +.transform(@arg: none) { -webkit-transform: @arg; -moz-transform: @arg; -ms-transform: @arg; diff --git a/src/__tool.fallback.transition.less b/src/__tool.fallback.transition.less index 0fc9bd0..e3238d4 100644 --- a/src/__tool.fallback.transition.less +++ b/src/__tool.fallback.transition.less @@ -9,15 +9,15 @@ // The default value of each parameter is the default value of its corresponding css property. // // ^params -// : @props - the CSS property name(s) -// : @dura - (optional: `0ms`) the length(s) in time, in milliseconds, the transition is to be in effect -// : @func - (optional: `ease`) the timing-function(s). See `https://developer.mozilla.org/en-US/docs/Web/CSS/timing-function` -// : @delay - (optional: `0ms`) the length(s) in time, in milliseconds, the transition will wait before starting +// : @props - (default: `all`) the CSS property name(s) +// : @dura - (default: `0ms`) the length(s) in time, in milliseconds, the transition is to be in effect +// : @func - (default: `ease`) the timing-function(s). See `https://developer.mozilla.org/en-US/docs/Web/CSS/timing-function` +// : @delay - (default: `0ms`) the length(s) in time, in milliseconds, the transition will wait before starting // ^author // : Chris Harvey // ^updated // : 2014-06-17 -.transition(@props; @dura: 0ms; @func: ease; @delay: 0ms) { +.transition(@props: all; @dura: 0ms; @func: ease; @delay: 0ms) { -webkit-transition-property: @props; -moz-transition-property: @props; -ms-transition-property: @props; @@ -41,6 +41,8 @@ } // Applies multiple transition timing effects on an element. +// Each transition effect must have the syntax: +// [ none | ‹single-transition-property› ] || ‹time› || ‹single-transition-timing-function› || ‹time› // // ^params // : @arg - (optional: `all 0ms ease 0ms`) a list of (zero or more) comma-separated transition effects. diff --git a/src/__tool.module.fontsize.less b/src/__tool.module.fontsize.less index 0963c1b..0ac3d28 100644 --- a/src/__tool.module.fontsize.less +++ b/src/__tool.module.fontsize.less @@ -38,12 +38,12 @@ // as the font-size of this module increases, so does vertical spacing. // // ^params -// @ratio - the ratio of the new font size to the root font size, i.e., the number of rems +// @ratio - (default: 1) the ratio of the new font size to the root font size, i.e., the number of rems // ^author // : Chris Harvey // ^updated // : 2016-04-26 -.font-size-mod(@ratio) { +.font-size-mod(@ratio: 1) { @l-vru: @ratio * @g-vru; // in rems font-size: (@ratio * @g-1rem); // legacy browsers (see __settings for more info) font-size: (@ratio * 1rem); @@ -62,7 +62,7 @@ // // ^params // NOTE that the order of these params has changed from the deprecated `.font-size-block()` mixin above. -// @ratio - the ratio of the new font size to +// @ratio - (default: 1) the ratio of the new font size to // the parent font size, i.e., the number of ems // @lines - (default: 1) the number of vrus each line of text will take up. // should be a whole number to satisfy vertical rhythm. @@ -72,7 +72,7 @@ // : Chris Harvey // ^updated // : 2016-04-26 -.font-size-el(@ratio; @lines: 1; @line_height_parent: @g-line_height) { +.font-size-el(@ratio: 1; @lines: 1; @line_height_parent: @g-line_height) { font-size: (@ratio * 1em); line-height: ((@line_height_parent / @ratio) * @lines); } From 5e9f6438f48be28ccdb25e0bbc11f7433b8a829e Mon Sep 17 00:00:00 2001 From: Chris Harvey Date: Thu, 5 May 2016 21:38:57 -0400 Subject: [PATCH 07/18] DEPRECATE .delmiters() and add new .delims() --- src/__tool.module.delims.less | 36 +++++++++++++++++++++++++++++++++++ 1 file changed, 36 insertions(+) diff --git a/src/__tool.module.delims.less b/src/__tool.module.delims.less index f889820..cf046ce 100644 --- a/src/__tool.module.delims.less +++ b/src/__tool.module.delims.less @@ -13,6 +13,9 @@ // : Chris Harvey // ^updated // : 2014-10-11 +/////////////////////////////////////////////////////////////////////////////// +// CHANGED: THIS MIXIN IS DEPRECATED. see `.delims()` below +/////////////////////////////////////////////////////////////////////////////// .delimiters(@left; @right) { quotes: @left @right; &::before { content: open-quote; } @@ -31,3 +34,36 @@ .quotes-double() { .delimiters('\201c'; '\201d'); } // '“' '”' // “ ” .guillemets-single() { .delimiters('\2039'; '\203a'); } // '‹' '›' // ‹ › .guillemets-double() { .delimiters('\00ab'; '\00bb'); } // '«' '»' // « » + + +/////////////////////////////////////////////////////////////////////////////// +// CHANGED: THIS NEW MIXIN HAS PRECEDENCE +// TODO UNCOMMENT THE MIXINS BELOW ON Version 5+ +/////////////////////////////////////////////////////////////////////////////// +// This tool adds opening and closing punctuation marks surrounding an element. +// The punctuation marks are given by the `quotes` property. +// +// @arg - (default: `none`) an even number of space-separated left/right delimiters, +// each pair used for one level of nested quotation. +// ^author +// : Chris Harvey +// ^updated +// : 2016-05-05 +.delims(@arg: none) { + quotes: @arg; + &::before { content: open-quote; } + &::after { content: close-quote; } +} + +// .parens() { .delimiters('(' ')'); } +// .brackets() { .delimiters('[' ']'); } +// .braces() { .delimiters('{' '}'); } +// .angles() { .delimiters('<' '>'); } // '\003c' '\003e' // < > +// +// .apos() { .delimiters('\'' '\''); } // '\0027' '\0027' // ' ' +// .quot() { .delimiters('\"' '\"'); } // '\0022' '\0022' // " " +// +// .quotes-single() { .delimiters('\2018' '\2019'); } // '‘' '’' // ‘ ’ +// .quotes-double() { .delimiters('\201c' '\201d'); } // '“' '”' // “ ” +// .guillemets-single() { .delimiters('\2039' '\203a'); } // '‹' '›' // ‹ › +// .guillemets-double() { .delimiters('\00ab' '\00bb'); } // '«' '»' // « » From a683700c093a6ae2d41222f4de42b4fa49805286 Mon Sep 17 00:00:00 2001 From: Chris Harvey Date: Tue, 17 May 2016 11:38:23 -0400 Subject: [PATCH 08/18] add longhand transition-* properties --- src/__tool.fallback.transition.less | 51 ++++++++++++++++++++++++++++- 1 file changed, 50 insertions(+), 1 deletion(-) diff --git a/src/__tool.fallback.transition.less b/src/__tool.fallback.transition.less index e3238d4..136e991 100644 --- a/src/__tool.fallback.transition.less +++ b/src/__tool.fallback.transition.less @@ -8,6 +8,9 @@ // Each parameter must be a list of (zero or more) comma-separated values. // The default value of each parameter is the default value of its corresponding css property. // +// Note: this is the shorthand form of the mixin. +// See mixins below for setting individual longhand forms. +// // ^params // : @props - (default: `all`) the CSS property name(s) // : @dura - (default: `0ms`) the length(s) in time, in milliseconds, the transition is to be in effect @@ -40,9 +43,55 @@ transition-delay: @delay; } +// The following 4 mixins set one or more longhand transition-* properties on an element +// (`transition-property`, `transition-duration`, `transition-timing-function`, and +// `transition-delay`, repsectively). +// Each mixin takes one argument, which is a list of comma-separated values. +// If the list contains more than one value, you MUST terminate it with a semicolon, +// or the Less compiler will interpret your comma-separated list as multiple arguments. +// +// ^params +// : @props - (default: `all`) the CSS property name(s) +// : @dura - (default: `0ms`) the length(s) in time, in milliseconds, the transition is to be in effect +// : @func - (default: `ease`) the timing-function(s). See `https://developer.mozilla.org/en-US/docs/Web/CSS/timing-function` +// : @delay - (default: `0ms`) the length(s) in time, in milliseconds, the transition will wait before starting +// ^author +// : Chris Harvey +// ^updated +// : 2016-05-17 +.transition-property(@props: all) { + -webkit-transition-property: @props; + -moz-transition-property: @props; + -ms-transition-property: @props; + -o-transition-property: @props; + transition-property: @props; +} +.transition-duration(@dura: 0ms) { + -webkit-transition-duration: @dura; + -moz-transition-duration: @dura; + -ms-transition-duration: @dura; + -o-transition-duration: @dura; + transition-duration: @dura; +} +.transition-timing-function(@func: ease) { + -webkit-transition-timing-function: @func; + -moz-transition-timing-function: @func; + -ms-transition-timing-function: @func; + -o-transition-timing-function: @func; + transition-timing-function: @func; +} +.transition-delay(@delay: 0ms) { + -webkit-transition-delay: @delay; + -moz-transition-delay: @delay; + -ms-transition-delay: @delay; + -o-transition-delay: @delay; + transition-delay: @delay; +} + // Applies multiple transition timing effects on an element. // Each transition effect must have the syntax: // [ none | ‹single-transition-property› ] || ‹time› || ‹single-transition-timing-function› || ‹time› +// If more than one, list of transitions must be comma-separated and terminated with a semicolon. // // ^params // : @arg - (optional: `all 0ms ease 0ms`) a list of (zero or more) comma-separated transition effects. @@ -50,7 +99,7 @@ // ^author // : Chris Harvey // ^updated -// : 2014-06-17 +// : 2016-05-04 .transition-multi(@arg: all 0ms ease 0ms) { -webkit-transition: @arg; -moz-transition: @arg; From a1d54e2d1c3764646c0d14b11a0412f11556bf03 Mon Sep 17 00:00:00 2001 From: Chris Harvey Date: Wed, 18 May 2016 11:46:09 -0400 Subject: [PATCH 09/18] clean up transition src --- src/__tool.fallback.transition.less | 38 ++++++++--------------------- 1 file changed, 10 insertions(+), 28 deletions(-) diff --git a/src/__tool.fallback.transition.less b/src/__tool.fallback.transition.less index 136e991..34ee03a 100644 --- a/src/__tool.fallback.transition.less +++ b/src/__tool.fallback.transition.less @@ -4,12 +4,10 @@ \*################################*/ -// Applies a single transition timing effect on an element. +// Applies individual longhand transition-* properties on an element. // Each parameter must be a list of (zero or more) comma-separated values. -// The default value of each parameter is the default value of its corresponding css property. -// -// Note: this is the shorthand form of the mixin. -// See mixins below for setting individual longhand forms. +// The default value of each parameter is the default value of its +// corresponding longhand css property. // // ^params // : @props - (default: `all`) the CSS property name(s) @@ -19,34 +17,18 @@ // ^author // : Chris Harvey // ^updated -// : 2014-06-17 +// : 2016-05-18 .transition(@props: all; @dura: 0ms; @func: ease; @delay: 0ms) { - -webkit-transition-property: @props; - -moz-transition-property: @props; - -ms-transition-property: @props; - -o-transition-property: @props; - transition-property: @props; - -webkit-transition-duration: @dura; - -moz-transition-duration: @dura; - -ms-transition-duration: @dura; - -o-transition-duration: @dura; - transition-duration: @dura; - -webkit-transition-timing-function: @func; - -moz-transition-timing-function: @func; - -ms-transition-timing-function: @func; - -o-transition-timing-function: @func; - transition-timing-function: @func; - -webkit-transition-delay: @delay; - -moz-transition-delay: @delay; - -ms-transition-delay: @delay; - -o-transition-delay: @delay; - transition-delay: @delay; + .transition-property(@props); + .transition-duration(@dura); + .transition-timing-function(@func); + .transition-delay(@delay); } -// The following 4 mixins set one or more longhand transition-* properties on an element +// The following 4 mixins set one or more longhand transition-* values on an element // (`transition-property`, `transition-duration`, `transition-timing-function`, and // `transition-delay`, repsectively). -// Each mixin takes one argument, which is a list of comma-separated values. +// Each mixin takes one argument, which is a list of (one or more) comma-separated values. // If the list contains more than one value, you MUST terminate it with a semicolon, // or the Less compiler will interpret your comma-separated list as multiple arguments. // From c76d5d475d7ea28c015467be4240fe8dfa54d588 Mon Sep 17 00:00:00 2001 From: Chris Harvey Date: Wed, 18 May 2016 12:14:05 -0400 Subject: [PATCH 10/18] add new .transitions() mixin --- src/__tool.fallback.transition.less | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/src/__tool.fallback.transition.less b/src/__tool.fallback.transition.less index 34ee03a..27f3f2a 100644 --- a/src/__tool.fallback.transition.less +++ b/src/__tool.fallback.transition.less @@ -18,7 +18,13 @@ // : Chris Harvey // ^updated // : 2016-05-18 +/////////////////////////////////////////////////////////////////////////////// +// CHANGED: THIS MIXIN IS DEPRECATED. see `.transitions()` below +/////////////////////////////////////////////////////////////////////////////// .transition(@props: all; @dura: 0ms; @func: ease; @delay: 0ms) { + .transitions(@props; @dura; @func; @delay); +} +.transitions(@props: all; @dura: 0ms; @func: ease; @delay: 0ms) { .transition-property(@props); .transition-duration(@dura); .transition-timing-function(@func); From e40a55264f484858a59fc74c001474afcf7da837 Mon Sep 17 00:00:00 2001 From: Chris Harvey Date: Wed, 18 May 2016 12:59:35 -0400 Subject: [PATCH 11/18] bump version no --- package.json | 2 +- xmeter.less | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/package.json b/package.json index f108a55..b2bb5fc 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "xmeter", - "version": "4.1.0", + "version": "4.2.0", "description": "A default stylesheet with a set of tools that make designing with vertical rhythm easy.", "main": "xmeter.css", "dependencies": {}, diff --git a/xmeter.less b/xmeter.less index aecbfca..7aa493b 100644 --- a/xmeter.less +++ b/xmeter.less @@ -1,7 +1,7 @@ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*\ xmeter - Version: 4.1.0 + Version: 4.2.0 Licence: MIT Repo : https://github.com/chharvey/xmeter.git Home : https://github.com/chharvey/xmeter/blob/gh-pages/README.md From 0fc21829950352bdc87f74ed5f28bcd34385aa6b Mon Sep 17 00:00:00 2001 From: Chris Harvey Date: Wed, 18 May 2016 13:12:30 -0400 Subject: [PATCH 12/18] add necessary import statements --- src/_base.grouping.paras.less | 2 ++ src/_base.text.data.less | 1 + src/_base.text.doctext.less | 1 + src/_base.text.stress.less | 1 + 4 files changed, 5 insertions(+) diff --git a/src/_base.grouping.paras.less b/src/_base.grouping.paras.less index 568d791..b34fd00 100644 --- a/src/_base.grouping.paras.less +++ b/src/_base.grouping.paras.less @@ -2,6 +2,8 @@ /*################################*\ xmeter | _base.grouping.paras.less \*################################*/ +@import (reference) url('__settings.less'); +@import (reference) url('__tool.module.fontsize.less'); p { diff --git a/src/_base.text.data.less b/src/_base.text.data.less index 2cb15b4..6f44f54 100644 --- a/src/_base.text.data.less +++ b/src/_base.text.data.less @@ -2,6 +2,7 @@ /*################################*\ xmeter | _base.text.data.less \*################################*/ +@import (reference) url('__settings.less'); data { diff --git a/src/_base.text.doctext.less b/src/_base.text.doctext.less index afd2e66..871ed88 100644 --- a/src/_base.text.doctext.less +++ b/src/_base.text.doctext.less @@ -2,6 +2,7 @@ /*################################*\ xmeter | _base.text.doctext.less \*################################*/ +@import (reference) url('__settings.less'); @import (reference) url('__tool.module.delims.less'); diff --git a/src/_base.text.stress.less b/src/_base.text.stress.less index 80c5204..b1b12c5 100644 --- a/src/_base.text.stress.less +++ b/src/_base.text.stress.less @@ -2,6 +2,7 @@ /*################################*\ xmeter | _base.text.stress.less \*################################*/ +@import (reference) url('__settings.less'); em { From 6055f61ed229813ad6d78a4c9a6bae1626f7e05b Mon Sep 17 00:00:00 2001 From: Chris Harvey Date: Wed, 18 May 2016 13:13:05 -0400 Subject: [PATCH 13/18] rebuild stage 2016-05-18T13:13 --- doc/styles/doc.css | 30 ++ doc/test.html | 75 ++++ xmeter.css | 918 +++++++++++++++++++++++++++++++++++++++++++++ xmeter.min.css | 1 + 4 files changed, 1024 insertions(+) create mode 100644 doc/styles/doc.css create mode 100644 doc/test.html create mode 100644 xmeter.css create mode 100644 xmeter.min.css diff --git a/doc/styles/doc.css b/doc/styles/doc.css new file mode 100644 index 0000000..197b0b5 --- /dev/null +++ b/doc/styles/doc.css @@ -0,0 +1,30 @@ +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*\ + xmeter +\*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ +/*================================*\ + doc.less +\*================================*/ +body { + background-image: url('https://chharvey.github.io/core/images/crossgrid-lined.svg'); + background-size: 1px 24px; + background-repeat: repeat; + background-position: left top; +} +.x-c-Code { + padding: 1px 2px; + border-radius: 3px; + background-color: #f4f8f0; + color: #008080; +} +.x-c-Fig { + margin-left: 1rem; + margin-right: 1rem; + padding: 0.75rem 0.5rem; + border-width: 1px; + margin-top: -2px; + border-style: solid; + border-color: #e5eaef; + border-radius: 8px; + position: relative; + background: rgba(245, 250, 255, 0.5); +} diff --git a/doc/test.html b/doc/test.html new file mode 100644 index 0000000..576d154 --- /dev/null +++ b/doc/test.html @@ -0,0 +1,75 @@ +Base Typography | Xmeter

Xmeter — Base Typography

Headings & Paragraphs

Heading 1 h1

Paragraph p +Lorem ipsum dolor sit amet, consectetur adipiscing elit. +Aliquam sagittis suscipit nunc, a cursus libero euismod at. +Nulla placerat neque massa, quis interdum leo efficitur vel. +Donec feugiat varius arcu non volutpat. +Mauris eget mauris ut mauris auctor mattis id vel justo. +Nulla dictum arcu nec suscipit mollis. +Maecenas a iaculis nisl, ut pretium est. Nulla facilisi.

Heading 2 h2

Paragraph p +Suspendisse ut auctor enim. +Aliquam viverra enim vitae ante aliquet venenatis. +Sed vel nibh sit amet sapien fermentum mattis nec non arcu. +Praesent dapibus velit quis lectus tempus, ut ullamcorper nibh facilisis. +Aenean tincidunt ante risus, semper malesuada libero consectetur id. +Praesent vel ligula ut enim porttitor porta. Aenean eu ullamcorper mi. +Integer blandit est quam, eget mattis urna scelerisque quis. +Maecenas sapien sapien, ornare nec lobortis eget, tincidunt sed ligula. +Maecenas risus nibh, volutpat sed euismod non, semper eget neque. +Integer varius egestas risus, volutpat sagittis turpis convallis eget. +Vivamus pulvinar ligula eget mi tincidunt, eget faucibus justo laoreet. +In sapien lacus, egestas faucibus laoreet eu, tempor sit amet lorem. +Sed luctus congue tortor a scelerisque.

Heading 3 h3

Paragraph p +Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. +Nunc sit amet scelerisque lectus. Cras cursus sed dui quis convallis. +Quisque id justo elit. +Fusce ut quam non sem efficitur accumsan sed id neque. +Mauris finibus dignissim gravida. +In dignissim mauris ac odio molestie volutpat. +Nulla tellus justo, finibus sed volutpat sed, tristique ac lacus. +Suspendisse sit amet fermentum sapien. +Aliquam luctus laoreet iaculis. +Proin lacinia orci vitae tellus pellentesque porttitor.

Heading 4 h4

Paragraph p +Aenean consectetur suscipit urna, non vehicula lacus blandit et. +Integer at lacus et diam tristique suscipit. +Ut cursus massa sit amet nisl convallis, elementum accumsan sapien mattis. +Vestibulum vitae magna ac tellus accumsan pharetra vulputate vitae erat. +Vestibulum est dui, elementum non sagittis ac, sagittis accumsan justo. +Donec at vestibulum diam. Nam et volutpat dolor, at pulvinar nisi. +Curabitur aliquam maximus nulla eu venenatis. +Nam aliquam lorem non felis dignissim dictum. +Pellentesque sagittis vehicula nisl non luctus. +Pellentesque eget ligula hendrerit, blandit enim consequat, dictum sem. +In quis lectus in lectus interdum laoreet eu quis quam. +Fusce auctor posuere purus, quis semper libero dignissim euismod. +Curabitur commodo mauris a sapien vulputate, eget pharetra urna facilisis.

Heading 5 h5

Paragraph p +Donec finibus ut lectus finibus pellentesque. +Nulla euismod feugiat nulla nec posuere. +Sed ac est id sem sagittis rhoncus eu ac neque. +Aliquam eu metus sagittis, porta turpis id, scelerisque magna. +Nulla venenatis elementum est, semper viverra felis tristique sit amet. +Mauris nec ipsum id orci porttitor auctor sed sit amet sem. +Lorem ipsum dolor sit amet, consectetur adipiscing elit. +Etiam tellus leo, venenatis sit amet ipsum non, sagittis feugiat ante.

Heading 6 h6

Paragraph p +Donec vel dolor ut felis dapibus ultricies vitae a nibh. +Ut semper odio est, sed lacinia ligula gravida ut. +Vestibulum facilisis viverra pulvinar. +Suspendisse maximus nisl sit amet augue vulputate, vel porta nunc molestie. +Aliquam mauris diam, pharetra vel consectetur quis, rhoncus in risus. +Donec ut quam massa. +Vestibulum sapien justo, commodo a eros in, rhoncus interdum nisl. +Etiam a porta lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem Ipsum h1

Lorem Ipsum h2

Lorem Ipsum h3

Lorem Ipsum h4

Lorem Ipsum h5
Lorem Ipsum h6
12345 address Ave br
+Washington, DC 00000 br
+United States of America
Pellentesque pre habitant() {
+  morbi.tristique = senectus;
+  et (netus = malesuada; fames < ac; turpis.egestas++) {
+    Nunc.sit += [amet, scelerisque][et];
+    Cras = {
+      lectus: cursus
+    , sed: dui
+    , quis: convallis(id () { justo Quisque.elit; })
+    };
+  }
+}
Aenean consectetur figure suscipit urna, non vehicula lacus blandit et.
Integer at lacus et diam tristique figure figcaption suscipit.
Donec blockquote vel dolor ut felis dapibus ultricies vitae a nibh.

Lists

Ordered List ol
  1. List item li
  2. List item li
    1. Nested list item
    2. Nested list item
      1. Another nested list item
      2. Another nested list item
Unrdered List ul
  • List item li
  • List item li
    • Nested list item
    • Nested list item
      • Another nested list item
      • Another nested list item
Dictionary List dl
key dt
value dd
  • 1st key
  • 2nd key
value
key
  • 1st value
  • 2nd value

Tables

table caption
theader trow 1 theading 1theader trow 1 theading 2theader trow 1 theading 3
tfooter trow 1 tdata 1tfooter trow 1 tdata 2tfooter trow 1 tdata 3
tfooter trow 2 tdata 1tfooter trow 2 tdata 2tfooter trow 2 tdata 3
tbody trow 1 tdata 1tbody trow 1 tdata 2tbody trow 1 tdata 3
tbody trow 2 tdata 1tbody trow 2 tdata 2tbody trow 2 tdata 3
tbody trow 3 tdata 1tbody trow 3 tdata 2tbody trow 3 tdata 3

Text-Level Elements

Stress

  • emphasized text em
  • important text strong
  • alternate voice/mood (scare quotes, mentioning words, foreign expressions) i
  • relevant in some context mark
  • unarticulated annotation u
  • side comment small
  • text shown to be no longer relevant s

Documentation

  • content shown to be inserted into a document ins
  • content shown to be deleted from a document del
  • definining instance of a term dfn
  • keyword or technical term b
  • abbreviation or acronym abbr[title]
  • variable var
  • quoted material q
  • reference to a work, some part of a work, or the creator of a work cite
  • superscript sup
  • subscript sub

Data

  • generic machine-readable data data
  • a fragment of code code
  • user input kbd
  • a button or key on a physical device kbd > kbd
  • sample computer output samp

Embedded Elements

Forms

Integer at lacus et diam tristique fieldset legend suscipit.Aenean consectetur fieldset suscipit urna, non vehicula lacus blandit et.
single line text inputs
date/time
without text input
check boxes
radio buttons
drop-down list (select only one)
drop-down list (select multiple)
buttons
textarea

Interactive Elements

Integer at lacus et diam tristique details summary suscipit.Aenean consectetur details suscipit urna, non vehicula lacus blandit et.
\ No newline at end of file diff --git a/xmeter.css b/xmeter.css new file mode 100644 index 0000000..4359081 --- /dev/null +++ b/xmeter.css @@ -0,0 +1,918 @@ +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*\ + xmeter + Version: 4.2.0 + Licence: MIT + Repo : https://github.com/chharvey/xmeter.git + Home : https://github.com/chharvey/xmeter/blob/gh-pages/README.md + Author : https://chharvey.github.io/ +\*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ +/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*\ + resetcss + Version: 1.0.2 + Licence: MIT + Repo : https://github.com/chharvey/resetcss.git + Home : https://chharvey.github.io/resetcss/ + Author : https://chharvey.github.io/ +\*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ +/*================================*\ + reset.less +\*================================*/ +body { + text-align: left; + background: #fff; + color: #000; +} +sup, +sub { + vertical-align: inherit; +} +body, +h1, +h2, +h3, +h4, +h5, +h6, +hr, +p, +figure, +blockquote, +pre, +ol, +ul, +dl, +dd, +fieldset { + margin: 0; +} +ol, +ul, +th, +td { + padding: 0; +} +h1, +h2, +h3, +h4, +h5, +h6, +address, +pre, +th, +em, +strong, +i, +small, +dfn, +b, +var, +cite, +sup, +sub, +code, +kbd, +samp { + font: inherit; +} +table { + text-align: left; +} +caption, +th { + text-align: inherit; +} +pre { + white-space: inherit; +} +mark { + background: transparent; +} +a, +u, +s, +ins, +del { + text-decoration: none; +} +ol, +ul { + list-style: none; +} +q { + quotes: none; +} +a, +mark { + color: inherit; +} + +/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */ + +/** + * 1. Change the default font family in all browsers (opinionated). + * 2. Prevent adjustments of font size after orientation changes in IE and iOS. + */ + +html { + font-family: sans-serif; /* 1 */ + -ms-text-size-adjust: 100%; /* 2 */ + -webkit-text-size-adjust: 100%; /* 2 */ +} + +/** + * Remove the margin in all browsers (opinionated). + */ + +body { + margin: 0; +} + +/* HTML5 display definitions + ========================================================================== */ + +/** + * Add the correct display in IE 9-. + * 1. Add the correct display in Edge, IE, and Firefox. + * 2. Add the correct display in IE. + */ + +article, +aside, +details, /* 1 */ +figcaption, +figure, +footer, +header, +main, /* 2 */ +menu, +nav, +section, +summary { /* 1 */ + display: block; +} + +/** + * Add the correct display in IE 9-. + */ + +audio, +canvas, +progress, +video { + display: inline-block; +} + +/** + * Add the correct display in iOS 4-7. + */ + +audio:not([controls]) { + display: none; + height: 0; +} + +/** + * Add the correct vertical alignment in Chrome, Firefox, and Opera. + */ + +progress { + vertical-align: baseline; +} + +/** + * Add the correct display in IE 10-. + * 1. Add the correct display in IE. + */ + +template, /* 1 */ +[hidden] { + display: none; +} + +/* Links + ========================================================================== */ + +/** + * 1. Remove the gray background on active links in IE 10. + * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. + */ + +a { + background-color: transparent; /* 1 */ + -webkit-text-decoration-skip: objects; /* 2 */ +} + +/** + * Remove the outline on focused links when they are also active or hovered + * in all browsers (opinionated). + */ + +a:active, +a:hover { + outline-width: 0; +} + +/* Text-level semantics + ========================================================================== */ + +/** + * 1. Remove the bottom border in Firefox 39-. + * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. + */ + +abbr[title] { + border-bottom: none; /* 1 */ + text-decoration: underline; /* 2 */ + text-decoration: underline dotted; /* 2 */ +} + +/** + * Prevent the duplicate application of `bolder` by the next rule in Safari 6. + */ + +b, +strong { + font-weight: inherit; +} + +/** + * Add the correct font weight in Chrome, Edge, and Safari. + */ + +b, +strong { + font-weight: bolder; +} + +/** + * Add the correct font style in Android 4.3-. + */ + +dfn { + font-style: italic; +} + +/** + * Correct the font size and margin on `h1` elements within `section` and + * `article` contexts in Chrome, Firefox, and Safari. + */ + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +/** + * Add the correct background and color in IE 9-. + */ + +mark { + background-color: #ff0; + color: #000; +} + +/** + * Add the correct font size in all browsers. + */ + +small { + font-size: 80%; +} + +/** + * Prevent `sub` and `sup` elements from affecting the line height in + * all browsers. + */ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +/* Embedded content + ========================================================================== */ + +/** + * Remove the border on images inside links in IE 10-. + */ + +img { + border-style: none; +} + +/** + * Hide the overflow in IE. + */ + +svg:not(:root) { + overflow: hidden; +} + +/* Grouping content + ========================================================================== */ + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + +code, +kbd, +pre, +samp { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/** + * Add the correct margin in IE 8. + */ + +figure { + margin: 1em 40px; +} + +/** + * 1. Add the correct box sizing in Firefox. + * 2. Show the overflow in Edge and IE. + */ + +hr { + box-sizing: content-box; /* 1 */ + height: 0; /* 1 */ + overflow: visible; /* 2 */ +} + +/* Forms + ========================================================================== */ + +/** + * 1. Change font properties to `inherit` in all browsers (opinionated). + * 2. Remove the margin in Firefox and Safari. + */ + +button, +input, +select, +textarea { + font: inherit; /* 1 */ + margin: 0; /* 2 */ +} + +/** + * Restore the font weight unset by the previous rule. + */ + +optgroup { + font-weight: bold; +} + +/** + * Show the overflow in IE. + * 1. Show the overflow in Edge. + */ + +button, +input { /* 1 */ + overflow: visible; +} + +/** + * Remove the inheritance of text transform in Edge, Firefox, and IE. + * 1. Remove the inheritance of text transform in Firefox. + */ + +button, +select { /* 1 */ + text-transform: none; +} + +/** + * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` + * controls in Android 4. + * 2. Correct the inability to style clickable types in iOS and Safari. + */ + +button, +html [type="button"], /* 1 */ +[type="reset"], +[type="submit"] { + -webkit-appearance: button; /* 2 */ +} + +/** + * Remove the inner border and padding in Firefox. + */ + +button::-moz-focus-inner, +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { + border-style: none; + padding: 0; +} + +/** + * Restore the focus styles unset by the previous rule. + */ + +button:-moz-focusring, +[type="button"]:-moz-focusring, +[type="reset"]:-moz-focusring, +[type="submit"]:-moz-focusring { + outline: 1px dotted ButtonText; +} + +/** + * Change the border, margin, and padding in all browsers (opinionated). + */ + +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} + +/** + * 1. Correct the text wrapping in Edge and IE. + * 2. Correct the color inheritance from `fieldset` elements in IE. + * 3. Remove the padding so developers are not caught out when they zero out + * `fieldset` elements in all browsers. + */ + +legend { + box-sizing: border-box; /* 1 */ + color: inherit; /* 2 */ + display: table; /* 1 */ + max-width: 100%; /* 1 */ + padding: 0; /* 3 */ + white-space: normal; /* 1 */ +} + +/** + * Remove the default vertical scrollbar in IE. + */ + +textarea { + overflow: auto; +} + +/** + * 1. Add the correct box sizing in IE 10-. + * 2. Remove the padding in IE 10-. + */ + +[type="checkbox"], +[type="radio"] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ +} + +/** + * Correct the cursor style of increment and decrement buttons in Chrome. + */ + +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +/** + * 1. Correct the odd appearance in Chrome and Safari. + * 2. Correct the outline style in Safari. + */ + +[type="search"] { + -webkit-appearance: textfield; /* 1 */ + outline-offset: -2px; /* 2 */ +} + +/** + * Remove the inner padding and cancel buttons in Chrome and Safari on OS X. + */ + +[type="search"]::-webkit-search-cancel-button, +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** + * Correct the text style of placeholders in Chrome, Edge, and Safari. + */ + +::-webkit-input-placeholder { + color: inherit; + opacity: 0.54; +} + +/** + * 1. Correct the inability to style clickable types in iOS and Safari. + * 2. Change font properties to `inherit` in Safari. + */ + +::-webkit-file-upload-button { + -webkit-appearance: button; /* 1 */ + font: inherit; /* 2 */ +} + +/*================================*\ + xmeter.less +\*================================*/ +/** + * CONTENTS + * + * reset.css (above).............strips all elements of all browser-default styles + * normalize.css (above).........(@necolas) addresses browser discrepancies + * + * BASE + * generic.......................styles that apply to `html` and very far-reaching groups of elements + * sections......................secioning content and section-related elements + * grouping......................grouping content + * ....paras.........................paragraphs, block-level textual elements + * ....lists.........................ordered, unordered, dictionary + * ....tables........................tables + * text..........................text-level and inline elements + * ....links.........................inline hyperlinks + * ....stress........................text outstanding from surrounding prose + * ....doctext.......................documentation elements + * ....data..........................machine- or human-readable data + * embedded......................images and other media + * forms.........................form elements + * interactive...................interactive elements + */ +/*################################*\ + xmeter | _base.generic.less +\*################################*/ +*, +*::before, +*::after { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + border: 0 solid; + content: ' '; + content: ''; + content: none; +} +@media print { + *, + *::before, + *::after { + background: transparent !important; + box-shadow: none !important; + text-shadow: none !important; + } +} +html { + font-size: 100%; + font-size: 16px; + line-height: 1.5; +} +h1, +h2, +h3, +h4, +h5, +h6, +p, +pre, +figure, +blockquote, +ol, +ul, +dl, +table, +fieldset { + margin-bottom: 1.5rem; +} +h1 { + padding-top: 1.5rem; +} +li > ol, +dt > ol, +dd > ol, +li > ul, +dt > ul, +dd > ul, +li > dl, +dt > dl, +dd > dl { + margin-bottom: 0; +} +span, +br, +em, +strong, +i, +mark, +u, +small, +dfn, +b, +abbr, +var, +q, +cite, +sup, +sub, +data, +time, +code, +kbd, +samp { + line-height: 0; +} +a, +s, +ins, +del { + display: contents; +} + +/*################################*\ + xmeter | _base.sections.less +\*################################*/ +html, +body { + width: 100%; + height: 100%; +} +h1, +h2, +h3, +h4, +h5, +h6 { + font-weight: 700; +} +h1 { + font-size: 2em; + line-height: 0.75; +} +h2 { + font-size: 1.5em; + line-height: 1; +} +h3 { + font-size: 1.25em; + line-height: 1.2; +} +h4 { + font-size: 1em; + line-height: 1.5; +} +h5 { + font-size: 0.875em; + line-height: 1.71428571; +} +h6 { + font-size: 0.75em; + line-height: 2; +} +h1 { + margin-top: 0; +} + +/*################################*\ + xmeter | _base.grouping.less +\*################################*/ +hr { + display: none; +} + +/*################################*\ + xmeter | _base.grouping.paras.less +\*################################*/ +pre { + font-size: 0.75em; + line-height: 2; + text-align: left; + text-indent: 0; + white-space: pre; +} +figure { + margin-top: 0; + margin-left: 0; + margin-right: 0; +} + +/*################################*\ + xmeter | _base.grouping.lists.less +\*################################*/ +ol, +ul { + padding: 0 0 0 4rem; +} +li > ol, +li > ul, +dt > ol, +dt > ul, +dd > ol, +dd > ul { + padding-left: 2rem; +} +ol { + list-style-type: decimal; +} +ul { + list-style-type: disc; +} + +/*################################*\ + xmeter | _base.grouping.tables.less +\*################################*/ +table { + max-width: 100%; +} +caption { + text-align: center; +} +thead, +tfoot { + vertical-align: bottom; +} +tbody { + vertical-align: top; +} +th { + font-weight: 700; + text-align: center; +} + +/*################################*\ + xmeter | _base.text.less +\*################################*/ + +/*################################*\ + xmeter | _base.text.links.less +\*################################*/ +a { + color: #00e; +} +@media screen { + a:not([href]) { + opacity: 0.5; + } +} + +/*################################*\ + xmeter | _base.text.stress.less +\*################################*/ +em { + font-style: italic; +} +strong { + font-weight: 700; +} +i { + font-style: italic; +} +u { + text-decoration: underline; + color: #080; +} +small { + font-size: 0.75em; +} +s { + text-decoration: line-through; + color: #b00; +} + +/*################################*\ + xmeter | _base.text.doctext.less +\*################################*/ +ins { + background: #a6f3a6; +} +del { + background: #f8cbcb; +} +dfn { + font-style: inherit; + font-weight: 700; +} +b { + font-weight: 700; +} +abbr[title] { + cursor: help; + text-decoration: none; +} +var { + font-style: italic; +} +q { + quotes: '\201c' '\201d'; + quotes: initial; +} +q::before { + content: open-quote; +} +q::after { + content: close-quote; +} +cite { + font-style: italic; +} +sup, +sub { + font-size: 0.75em; +} + +/*################################*\ + xmeter | _base.text.data.less +\*################################*/ +code, +kbd, +samp { + font-size: 0.75em; + white-space: nowrap; +} +code code, +kbd code, +samp code, +code kbd, +kbd kbd, +samp kbd, +code samp, +kbd samp, +samp samp { + font-size: inherit; +} + +/*################################*\ + xmeter | _base.embedded.less +\*################################*/ +img { + width: auto; + height: auto; + max-width: 100%; + font-style: italic; + vertical-align: middle; +} + +/*################################*\ + xmeter | _base.forms.less +\*################################*/ +fieldset, +input, +select, +textarea, +button { + border-width: 1px; + margin-top: -2px; + border-style: solid; + border-color: #c0c0c0; + border-color: rgba(0, 0, 0, 0.25); +} +fieldset { + padding: 0 1rem; + margin-left: 0; + margin-right: 0; +} +input, +select, +textarea, +button { + padding: 0 0.25rem; +} +input:not([type="button"]):not([type="reset"]):not([type="submit"]), +textarea { + font-size: 0.75em; + line-height: 2; +} +textarea { + width: 30rem; + height: 9rem; + line-height: 1.5; +} +input[type="button"], +input[type="reset"], +input[type="submit"], +button { + background-color: #c0c0c0; + background-color: rgba(0, 0, 0, 0.25); +} +input[type="search"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +/*################################*\ + xmeter | _base.interactive.less +\*################################*/ + diff --git a/xmeter.min.css b/xmeter.min.css new file mode 100644 index 0000000..bc7c556 --- /dev/null +++ b/xmeter.min.css @@ -0,0 +1 @@ +body,mark{color:#000}a,abbr[title],del,ins,s,u{text-decoration:none}progress,sub,sup{vertical-align:baseline}audio:not([controls]),hr{height:0;display:none}[hidden],hr,template{display:none}button,hr,input{overflow:visible}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}legend,ol,td,th,ul{padding:0}body,pre,table{text-align:left}caption,th{text-align:center}img,legend,table{max-width:100%}body{background:#fff}blockquote,body,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,ol,p,pre,ul{margin:0}address,b,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,i,kbd,pre,samp,small,strong,sub,sup,th,var{font:inherit}mark{background:#ff0}ol,ul{list-style:none;padding:0 0 0 4rem}/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}a{background-color:transparent;-webkit-text-decoration-skip:objects;color:#00e}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;cursor:help}h1{margin:.67em 0}sub,sup{line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace}figure{margin:0 0 1em}hr{box-sizing:content-box}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px}legend{color:inherit;display:table;white-space:normal}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}h4,html{line-height:1.5}b,dfn,h1,h2,h3,h4,h5,h6,strong,th{font-weight:700}*,::after,::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:0 solid;content:' ';content:'';content:none}@media print{*,::after,::before{background:0 0!important;box-shadow:none!important;text-shadow:none!important}}html{font-size:100%;font-size:16px}blockquote,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul{margin-bottom:1.5rem}h1{padding-top:1.5rem;font-size:2em;line-height:.75;margin-top:0}dd>dl,dd>ol,dd>ul,dt>dl,dt>ol,dt>ul,li>dl,li>ol,li>ul{margin-bottom:0}abbr,b,br,cite,code,data,dfn,em,i,kbd,mark,q,samp,small,span,strong,sub,sup,time,u,var{line-height:0}a,del,ins,s{display:contents}body,html{width:100%;height:100%}h2{font-size:1.5em;line-height:1}h3{font-size:1.25em;line-height:1.2}h4{font-size:1em}h5{font-size:.875em;line-height:1.71428571}code,kbd,pre,samp,small,sub,sup{font-size:.75em}h6,input:not([type=button]):not([type=reset]):not([type=submit]),textarea{font-size:.75em;line-height:2}pre{line-height:2;text-indent:0;white-space:pre}dd>ol,dd>ul,dt>ol,dt>ul,li>ol,li>ul{padding-left:2rem}ol{list-style-type:decimal}ul{list-style-type:disc}tfoot,thead{vertical-align:bottom}tbody{vertical-align:top}@media screen{a:not([href]){opacity:.5}}cite,em,i,var{font-style:italic}u{text-decoration:underline;color:#080}s{text-decoration:line-through;color:#b00}ins{background:#a6f3a6}del{background:#f8cbcb}dfn{font-style:inherit}q{quotes:'\201c' '\201d';quotes:initial}q::before{content:open-quote}q::after{content:close-quote}code,kbd,samp{white-space:nowrap}code code,code kbd,code samp,kbd code,kbd kbd,kbd samp,samp code,samp kbd,samp samp{font-size:inherit}img{border-style:none;width:auto;height:auto;font-style:italic;vertical-align:middle}button,fieldset,input,select,textarea{border-width:1px;margin-top:-2px;border-style:solid;border-color:silver;border-color:rgba(0,0,0,.25)}fieldset{padding:0 1rem;margin-left:0;margin-right:0}button,input,select,textarea{padding:0 .25rem}textarea{overflow:auto;width:30rem;height:9rem;line-height:1.5}button,input[type=button],input[type=reset],input[type=submit]{background-color:silver;background-color:rgba(0,0,0,.25)}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} \ No newline at end of file From 2f3bdd22d7ac9518d50ed8ff4e240f6996eac96c Mon Sep 17 00:00:00 2001 From: Chris Harvey Date: Wed, 18 May 2016 21:56:02 -0400 Subject: [PATCH 14/18] move nested list spacing declaration --- src/_base.generic.less | 5 ----- src/_base.grouping.lists.less | 5 +++++ xmeter.css | 22 +++++++++++----------- xmeter.min.css | 2 +- 4 files changed, 17 insertions(+), 17 deletions(-) diff --git a/src/_base.generic.less b/src/_base.generic.less index 1f6dcfe..7cd3818 100644 --- a/src/_base.generic.less +++ b/src/_base.generic.less @@ -33,11 +33,6 @@ html { // Vertical spacing between typographical blocks .vertspacing(); -li, dt, dd { - > ol, > ul, > dl { - margin-bottom: 0; // undo default bottom spacing for nested lists - } -} // Font sizes for text-level elements should be in units of `em` instead of `rem` because // they should scale with their parents. diff --git a/src/_base.grouping.lists.less b/src/_base.grouping.lists.less index ca6eb14..6ed9f05 100644 --- a/src/_base.grouping.lists.less +++ b/src/_base.grouping.lists.less @@ -4,6 +4,11 @@ \*################################*/ +ol, ul, dl { + li > &, dt > &, dd > & { + margin-bottom: 0; // undo default bottom spacing for nested lists + } +} ol, ul { padding: 0 0 0 4rem; li > &, diff --git a/xmeter.css b/xmeter.css index 4359081..f39ae16 100644 --- a/xmeter.css +++ b/xmeter.css @@ -600,17 +600,6 @@ fieldset { h1 { padding-top: 1.5rem; } -li > ol, -dt > ol, -dd > ol, -li > ul, -dt > ul, -dd > ul, -li > dl, -dt > dl, -dd > dl { - margin-bottom: 0; -} span, br, em, @@ -711,6 +700,17 @@ figure { /*################################*\ xmeter | _base.grouping.lists.less \*################################*/ +li > ol, +li > ul, +li > dl, +dt > ol, +dt > ul, +dt > dl, +dd > ol, +dd > ul, +dd > dl { + margin-bottom: 0; +} ol, ul { padding: 0 0 0 4rem; diff --git a/xmeter.min.css b/xmeter.min.css index bc7c556..c553903 100644 --- a/xmeter.min.css +++ b/xmeter.min.css @@ -1 +1 @@ -body,mark{color:#000}a,abbr[title],del,ins,s,u{text-decoration:none}progress,sub,sup{vertical-align:baseline}audio:not([controls]),hr{height:0;display:none}[hidden],hr,template{display:none}button,hr,input{overflow:visible}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}legend,ol,td,th,ul{padding:0}body,pre,table{text-align:left}caption,th{text-align:center}img,legend,table{max-width:100%}body{background:#fff}blockquote,body,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,ol,p,pre,ul{margin:0}address,b,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,i,kbd,pre,samp,small,strong,sub,sup,th,var{font:inherit}mark{background:#ff0}ol,ul{list-style:none;padding:0 0 0 4rem}/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}a{background-color:transparent;-webkit-text-decoration-skip:objects;color:#00e}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;cursor:help}h1{margin:.67em 0}sub,sup{line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace}figure{margin:0 0 1em}hr{box-sizing:content-box}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px}legend{color:inherit;display:table;white-space:normal}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}h4,html{line-height:1.5}b,dfn,h1,h2,h3,h4,h5,h6,strong,th{font-weight:700}*,::after,::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:0 solid;content:' ';content:'';content:none}@media print{*,::after,::before{background:0 0!important;box-shadow:none!important;text-shadow:none!important}}html{font-size:100%;font-size:16px}blockquote,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul{margin-bottom:1.5rem}h1{padding-top:1.5rem;font-size:2em;line-height:.75;margin-top:0}dd>dl,dd>ol,dd>ul,dt>dl,dt>ol,dt>ul,li>dl,li>ol,li>ul{margin-bottom:0}abbr,b,br,cite,code,data,dfn,em,i,kbd,mark,q,samp,small,span,strong,sub,sup,time,u,var{line-height:0}a,del,ins,s{display:contents}body,html{width:100%;height:100%}h2{font-size:1.5em;line-height:1}h3{font-size:1.25em;line-height:1.2}h4{font-size:1em}h5{font-size:.875em;line-height:1.71428571}code,kbd,pre,samp,small,sub,sup{font-size:.75em}h6,input:not([type=button]):not([type=reset]):not([type=submit]),textarea{font-size:.75em;line-height:2}pre{line-height:2;text-indent:0;white-space:pre}dd>ol,dd>ul,dt>ol,dt>ul,li>ol,li>ul{padding-left:2rem}ol{list-style-type:decimal}ul{list-style-type:disc}tfoot,thead{vertical-align:bottom}tbody{vertical-align:top}@media screen{a:not([href]){opacity:.5}}cite,em,i,var{font-style:italic}u{text-decoration:underline;color:#080}s{text-decoration:line-through;color:#b00}ins{background:#a6f3a6}del{background:#f8cbcb}dfn{font-style:inherit}q{quotes:'\201c' '\201d';quotes:initial}q::before{content:open-quote}q::after{content:close-quote}code,kbd,samp{white-space:nowrap}code code,code kbd,code samp,kbd code,kbd kbd,kbd samp,samp code,samp kbd,samp samp{font-size:inherit}img{border-style:none;width:auto;height:auto;font-style:italic;vertical-align:middle}button,fieldset,input,select,textarea{border-width:1px;margin-top:-2px;border-style:solid;border-color:silver;border-color:rgba(0,0,0,.25)}fieldset{padding:0 1rem;margin-left:0;margin-right:0}button,input,select,textarea{padding:0 .25rem}textarea{overflow:auto;width:30rem;height:9rem;line-height:1.5}button,input[type=button],input[type=reset],input[type=submit]{background-color:silver;background-color:rgba(0,0,0,.25)}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} \ No newline at end of file +body,mark{color:#000}a,abbr[title],del,ins,s,u{text-decoration:none}progress,sub,sup{vertical-align:baseline}audio:not([controls]),hr{height:0;display:none}[hidden],hr,template{display:none}button,hr,input{overflow:visible}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}legend,ol,td,th,ul{padding:0}body,pre,table{text-align:left}caption,th{text-align:center}img,legend,table{max-width:100%}body{background:#fff}blockquote,body,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,ol,p,pre,ul{margin:0}address,b,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,i,kbd,pre,samp,small,strong,sub,sup,th,var{font:inherit}mark{background:#ff0}ol,ul{list-style:none;padding:0 0 0 4rem}/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}a{background-color:transparent;-webkit-text-decoration-skip:objects;color:#00e}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;cursor:help}h1{margin:.67em 0}sub,sup{line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace}figure{margin:0 0 1em}hr{box-sizing:content-box}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px}legend{color:inherit;display:table;white-space:normal}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}h4,html{line-height:1.5}b,dfn,h1,h2,h3,h4,h5,h6,strong,th{font-weight:700}*,::after,::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:0 solid;content:' ';content:'';content:none}@media print{*,::after,::before{background:0 0!important;box-shadow:none!important;text-shadow:none!important}}html{font-size:100%;font-size:16px}blockquote,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul{margin-bottom:1.5rem}h1{padding-top:1.5rem;font-size:2em;line-height:.75;margin-top:0}abbr,b,br,cite,code,data,dfn,em,i,kbd,mark,q,samp,small,span,strong,sub,sup,time,u,var{line-height:0}a,del,ins,s{display:contents}body,html{width:100%;height:100%}h2{font-size:1.5em;line-height:1}h3{font-size:1.25em;line-height:1.2}h4{font-size:1em}h5{font-size:.875em;line-height:1.71428571}code,kbd,pre,samp,small,sub,sup{font-size:.75em}h6,input:not([type=button]):not([type=reset]):not([type=submit]),textarea{font-size:.75em;line-height:2}pre{line-height:2;text-indent:0;white-space:pre}dd>dl,dd>ol,dd>ul,dt>dl,dt>ol,dt>ul,li>dl,li>ol,li>ul{margin-bottom:0}dd>ol,dd>ul,dt>ol,dt>ul,li>ol,li>ul{padding-left:2rem}ol{list-style-type:decimal}ul{list-style-type:disc}tfoot,thead{vertical-align:bottom}tbody{vertical-align:top}@media screen{a:not([href]){opacity:.5}}cite,em,i,var{font-style:italic}u{text-decoration:underline;color:#080}s{text-decoration:line-through;color:#b00}ins{background:#a6f3a6}del{background:#f8cbcb}dfn{font-style:inherit}q{quotes:'\201c' '\201d';quotes:initial}q::before{content:open-quote}q::after{content:close-quote}code,kbd,samp{white-space:nowrap}code code,code kbd,code samp,kbd code,kbd kbd,kbd samp,samp code,samp kbd,samp samp{font-size:inherit}img{border-style:none;width:auto;height:auto;font-style:italic;vertical-align:middle}button,fieldset,input,select,textarea{border-width:1px;margin-top:-2px;border-style:solid;border-color:silver;border-color:rgba(0,0,0,.25)}fieldset{padding:0 1rem;margin-left:0;margin-right:0}button,input,select,textarea{padding:0 .25rem}textarea{overflow:auto;width:30rem;height:9rem;line-height:1.5}button,input[type=button],input[type=reset],input[type=submit]{background-color:silver;background-color:rgba(0,0,0,.25)}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} \ No newline at end of file From 1ddf23c723f91d2330e5045e66ef2c90e050a95b Mon Sep 17 00:00:00 2001 From: Chris Harvey Date: Wed, 18 May 2016 22:30:43 -0400 Subject: [PATCH 15/18] minor comment updates --- src/__tool.fallback.filter.less | 4 ++-- src/__tool.fallback.transform.less | 4 ++-- src/__tool.fallback.transition.less | 4 ++-- 3 files changed, 6 insertions(+), 6 deletions(-) diff --git a/src/__tool.fallback.filter.less b/src/__tool.fallback.filter.less index 92ebeef..526e3f2 100644 --- a/src/__tool.fallback.filter.less +++ b/src/__tool.fallback.filter.less @@ -4,12 +4,12 @@ \*################################*/ -// Applies one or more graphical filter effects on an element. +// Applies graphical filter effects on an element. // // ^url // : https://developer.mozilla.org/en-US/docs/Web/CSS/filter // ^params -// : @arg - (default: `none`) a list of space-separated filter functions +// : @arg - (default: `none`) a list of zero or more space-separated filter functions // ^author // : Chris Harvey // ^updated diff --git a/src/__tool.fallback.transform.less b/src/__tool.fallback.transform.less index dc07611..0d3d31b 100644 --- a/src/__tool.fallback.transform.less +++ b/src/__tool.fallback.transform.less @@ -4,12 +4,12 @@ \*################################*/ -// Applies one or more transformations to an element. +// Applies transformations to an element. // // ^url // : https://developer.mozilla.org/en-US/docs/Web/CSS/transform // ^params -// : @arg - (default: `none`) a list of space-separated transformation functions +// : @arg - (default: `none`) a list of zero or more space-separated transformation functions // ^author // : Chris Harvey // ^updated diff --git a/src/__tool.fallback.transition.less b/src/__tool.fallback.transition.less index 27f3f2a..7fdc7ca 100644 --- a/src/__tool.fallback.transition.less +++ b/src/__tool.fallback.transition.less @@ -34,7 +34,7 @@ // The following 4 mixins set one or more longhand transition-* values on an element // (`transition-property`, `transition-duration`, `transition-timing-function`, and // `transition-delay`, repsectively). -// Each mixin takes one argument, which is a list of (one or more) comma-separated values. +// Each mixin takes one argument, which is a list of (zero or more) comma-separated values. // If the list contains more than one value, you MUST terminate it with a semicolon, // or the Less compiler will interpret your comma-separated list as multiple arguments. // @@ -78,7 +78,7 @@ // Applies multiple transition timing effects on an element. // Each transition effect must have the syntax: -// [ none | ‹single-transition-property› ] || ‹time› || ‹single-transition-timing-function› || ‹time› +// [ none | all | ‹single-transition-property› ] || ‹time› || ‹single-transition-timing-function› || ‹time› // If more than one, list of transitions must be comma-separated and terminated with a semicolon. // // ^params From 0238459664912099a8a9c9acb6f44630366a6616 Mon Sep 17 00:00:00 2001 From: Chris Harvey Date: Mon, 23 May 2016 11:01:26 -0400 Subject: [PATCH 16/18] update npm scripts --- package.json | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/package.json b/package.json index b2bb5fc..5ddd989 100644 --- a/package.json +++ b/package.json @@ -16,10 +16,10 @@ "test": "echo \"Error: no test specified\" && exit 1", "jade:all": "jade doc/test.jade", "lessc:doc": "lessc doc/styles/doc.less doc/styles/doc.css", - "lessc:xmeter": "lessc-each src/ build/ ; lessc xmeter.less xmeter.css", - "lessc:all": "npm run lessc:doc ; npm run lessc:xmeter", + "lessc:xmeter": "lessc-each src/ build/ && lessc xmeter.less xmeter.css", + "lessc:all": "npm run lessc:doc && npm run lessc:xmeter", "minify": "cleancss xmeter.css -o xmeter.min.css", - "build": "npm run jade:all ; npm run lessc:all ; npm run minify" + "build": "npm run jade:all && npm run lessc:all && npm run minify" }, "repository": { "type": "git", From 4778726b35027693a59f86e1cf9868b7da398bd4 Mon Sep 17 00:00:00 2001 From: Chris Harvey Date: Mon, 23 May 2016 11:01:50 -0400 Subject: [PATCH 17/18] rebuild stage 2016-05-23T11:02 (empty commit) From c1448915e775cbeb5a53a750021e51659ac9fbae Mon Sep 17 00:00:00 2001 From: Chris Harvey Date: Mon, 23 May 2016 11:59:19 -0400 Subject: [PATCH 18/18] update todo comments --- src/__settings.less | 2 +- src/__tool.fallback.rotate.less | 1 - src/__tool.module.spacing.less | 2 +- src/__tool.module.translucent.less | 2 -- 4 files changed, 2 insertions(+), 5 deletions(-) diff --git a/src/__settings.less b/src/__settings.less index 97fd436..423b6f4 100644 --- a/src/__settings.less +++ b/src/__settings.less @@ -4,7 +4,7 @@ \*################################*/ -// NOTE: the prefix `g-` on each variable stands for "global" because these variables +// Note: the prefix `g-` on each variable stands for "global" because these variables // are globally (project-wide) accessible. // In each partial file, if need a private variable, use prefix `p-` for "private". // Parameters in mixins shall not use any prefixes. diff --git a/src/__tool.fallback.rotate.less b/src/__tool.fallback.rotate.less index 0a71dd7..688a3ca 100644 --- a/src/__tool.fallback.rotate.less +++ b/src/__tool.fallback.rotate.less @@ -13,7 +13,6 @@ // : 2014-05-10 /////////////////////////////////////////////////////////////////////////////// // CHANGED: THIS MIXIN IS DEPRECATED. -// CHANGED // IMPORTANT!!! // ------------ // As of v4.1.0 diff --git a/src/__tool.module.spacing.less b/src/__tool.module.spacing.less index 193e2c0..d124145 100644 --- a/src/__tool.module.spacing.less +++ b/src/__tool.module.spacing.less @@ -5,7 +5,7 @@ /////////////////////////////////////////////////////////////////////////////// -// CHANGED +// CHANGED DEPRECATED // IMPORTANT!!! // ------------ // As of v4.1.0 diff --git a/src/__tool.module.translucent.less b/src/__tool.module.translucent.less index 8b31636..8a8450f 100644 --- a/src/__tool.module.translucent.less +++ b/src/__tool.module.translucent.less @@ -5,10 +5,8 @@ // Makes an object slightly transparent, but it becomes opaque upon `:hover`. -// NOTE THIS MIXIN IS NOW DEPRECATED /////////////////////////////////////////////////////////////////////////////// // CHANGED: THIS MIXIN IS DEPRECATED. -// CHANGED // IMPORTANT!!! // ------------ // As of v4.1.0