diff --git a/doc/include/_main-content.jade b/doc/include/_main-content.jade index 80856f3..e01acce 100644 --- a/doc/include/_main-content.jade +++ b/doc/include/_main-content.jade @@ -217,7 +217,7 @@ mixin main-content(args) h3 Links figure(class=classnames.figure): ul li: a a - li: a(href) a[href] + li: a(href="") a[href] if appending['links__list'] +links__list() section#stress @@ -239,7 +239,7 @@ mixin main-content(args) li: del content shown to be deleted from a document #[code(class=classnames.code) del] li: dfn definining instance of a term #[code(class=classnames.code) dfn] li: b keyword or technical term #[code(class=classnames.code) b] - li: abbr(title) abbreviation or acronym #[code(class=classnames.code) abbr[title]] + li: abbr(title="") abbreviation or acronym #[code(class=classnames.code) abbr[title]] li: var variable #[code(class=classnames.code) var] li: q quoted material #[code(class=classnames.code) q] li: cite reference to a work, some part of a work, or the creator of a work #[code(class=classnames.code) cite] @@ -251,7 +251,7 @@ mixin main-content(args) h3 Data figure(class=classnames.figure): ul li: time(datetime="Z") a specific date or time #[code(class=classnames.code) time] - li: data(value) generic machine-readable data #[code(class=classnames.code) data] + li: data(value="") generic machine-readable data #[code(class=classnames.code) data] li: code a fragment of code #[code(class=classnames.code) code] li: kbd user input #[code(class=classnames.code) kbd] li: kbd: kbd a button or key on a physical device #[code(class=classnames.code) kbd > kbd] diff --git a/doc/styles/doc.css b/doc/styles/doc.css index 197b0b5..b354dfb 100644 --- a/doc/styles/doc.css +++ b/doc/styles/doc.css @@ -10,21 +10,31 @@ body { background-repeat: repeat; background-position: left top; } -.x-c-Code { - padding: 1px 2px; - border-radius: 3px; - background-color: #f4f8f0; - color: #008080; +.x-code, +.x-pre { + background-color: #333; + color: #ccc; + border-radius: 0.25rem; } -.x-c-Fig { +.x-code u, +.x-pre u { + color: #6c6; +} +.x-code { + padding: 2px 4px; +} +.x-pre { + padding: 0.75rem 0.5rem; +} +.x-figure { 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; + border-color: #ddd; + border-radius: 0.5rem; position: relative; - background: rgba(245, 250, 255, 0.5); + background: #eee; } diff --git a/doc/styles/doc.less b/doc/styles/doc.less index 947047f..9875c50 100644 --- a/doc/styles/doc.less +++ b/doc/styles/doc.less @@ -20,20 +20,26 @@ body { background-repeat: repeat; background-position: left top; } -.x-c-Code { - padding: 1px 2px; - border-radius: 3px; - background-color: #f4f8f0; - color: #008080; +.x-code, .x-pre { + background-color: #333; + color: #ccc; + border-radius: 0.25rem; + u { color: #6c6; } // good contrast ratio } -.x-c-Fig { +.x-code { + padding: 2px 4px; +} +.x-pre { + padding: (0.5*@g-vru) 0.5rem; +} +.x-figure { margin-left: 1rem; margin-right: 1rem; padding: (0.5*@g-vru) 0.5rem; .border-vert(all; 1px); border-style: solid; - border-color: #e5eaef; - border-radius: 8px; + border-color: #ddd; + border-radius: 0.5rem; position: relative; - background: rgba(245, 250, 255, 0.5); + background: #eee; } diff --git a/doc/test.html b/doc/test.html index 576d154..a149b96 100644 --- a/doc/test.html +++ b/doc/test.html @@ -1,11 +1,11 @@ -Base Typography | Xmeter

Xmeter — Base Typography

Headings & Paragraphs

Heading 1 h1

Paragraph p +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 +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. @@ -18,7 +18,7 @@ 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 +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. @@ -28,7 +28,7 @@ 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 +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. @@ -41,7 +41,7 @@ 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 +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. @@ -49,7 +49,7 @@ 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 +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. @@ -57,9 +57,9 @@ 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() {
+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];
@@ -69,7 +69,7 @@
     , 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 +hr-->

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/doc/test.jade b/doc/test.jade index 8ace0a9..a225f8b 100644 --- a/doc/test.jade +++ b/doc/test.jade @@ -15,8 +15,8 @@ html(lang="en") +main-content({ main_heading: project_name + ' — ' + page_title , classnames: { - figure: 'x-c-Fig' - , code : 'x-c-Code' + figure: 'x-figure' + , code : 'x-code' } }) script. diff --git a/package.json b/package.json index 5ddd989..63eabdb 100644 --- a/package.json +++ b/package.json @@ -1,16 +1,16 @@ { "name": "xmeter", - "version": "4.2.0", + "version": "4.3.0", "description": "A default stylesheet with a set of tools that make designing with vertical rhythm easy.", "main": "xmeter.css", "dependencies": {}, "devDependencies": { - "clean-css": "^3.4.5", + "clean-css": "^3.4.17", "jade": "^1.11.0", - "less": "^2.5.3", + "less": "^2.7.1", "lessc-each": "^1.1.0", "normalize.css": "^4.1.1", - "resetcss": "^1.0.2" + "resetcss": "^1.0.3" }, "scripts": { "test": "echo \"Error: no test specified\" && exit 1", @@ -19,6 +19,7 @@ "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", + "unbuild": "rm doc/test.html doc/styles/doc.css xmeter.css xmeter.min.css", "build": "npm run jade:all && npm run lessc:all && npm run minify" }, "repository": { @@ -30,8 +31,7 @@ "default", "stylesheet", "normalize", - "vertical", - "rhythm", + "vertical rhythm", "less" ], "author": "Chris Harvey (https://chharvey.github.io/)", @@ -39,5 +39,5 @@ "bugs": { "url": "https://github.com/chharvey/xmeter/issues" }, - "homepage": "https://github.com/chharvey/xmeter/blob/gh-pages/README.md" + "homepage": "https://github.com/chharvey/xmeter#readme" } diff --git a/src/__tool.fallback.flexbox.less b/src/__tool.fallback.flexbox.less index cff62f6..bdcdb6d 100644 --- a/src/__tool.fallback.flexbox.less +++ b/src/__tool.fallback.flexbox.less @@ -139,22 +139,6 @@ //++++++++++++++++++++++++++++++++// // # ITEMS //++++++++++++++++++++++++++++++++// -// Determines the order in which items appear in the flex container. -// -// @integer - ‹integer:0› the order in which the item appears in the flex container -// negative integers may be used. -// ^author -// : Chris Harvey -// ^updated -// : 2015-09-03 -.flex-order(@integer: 0) { - -webkit-box-ordinal-group: @integer; - -moz-box-ordinal-group: @integer; - -ms-flex-order: @integer; - -webkit-order: @integer; - order: @integer; -} - // Overrides behavior of `align-items` for aligining one specific flex item along cross axis // (align vertically for `flex-direction: row` or horizontally for `flex-direction: column`) // @@ -177,6 +161,22 @@ align-self: @align; } +// Determines the order in which items appear in the flex container. +// +// @integer - ‹integer:0› the order in which the item appears in the flex container +// negative integers may be used. +// ^author +// : Chris Harvey +// ^updated +// : 2015-09-03 +.flex-order(@integer: 0) { + -webkit-box-ordinal-group: @integer; + -moz-box-ordinal-group: @integer; + -ms-flex-order: @integer; + -webkit-order: @integer; + order: @integer; +} + // Specifies what amount of space inside the flex container this item should take up. // // ^param @@ -226,17 +226,41 @@ } // Shorthand for `flex-grow`, `flex-shrink`, and `flex-basis` properties (in that order). +// Options for the argument: +// 0. `initial` - (default) computes to `0 1 auto` [1] +// 1. `none` - computes to `0 0 auto` [2] +// 2. `‹flex-grow›` [3] +// 3. `‹flex-grow› ‹flex-shrink›` [3] +// 4. `‹flex-basis›` [3] +// 5. `‹flex-grow› ‹flex-basis›` [3] +// 6. `‹flex-grow› ‹flex-shrink› ‹flex-basis›` +// Notes: +// [1] `initial` - the flex item retains its content width but will shrink +// if there is not enough space in the flex container. +// It will not grow if there is extra space. +// [2] `none` - the flex item is set to its content width, and +// will neither grow nor shrink, regardless of +// whether there is extra or not enough space in the container. +// [3] When a value is left out, it defaults to the following: +// - `‹flex-grow›` - 1 +// - `‹flex-shrink›` - 1 +// - `‹flex-basis›` - `0%` +// For example: +// - `flex: auto;` = `flex: 1 1 auto;` +// the flex item is set to its content width, but +// will either grow or shrink, based on +// whether there is extra or not enough space in the container. +// - `flex: 1;` = `flex: 1 1 0%;` +// The flex item starts at 0% but grows or shrinks as necessary +// with the other items to fill or reduce the extra space. +// If all items have `flex: 1` then they will be equal. +// (If there are 4 items then they will all be 25%.) +// - `flex: 50%;` = `flex: 1 1 50%;` +// The flex item starts at 50% but grows or shrinks as necessary. // // @arg - a space-separated list of: -// - none | [ ‹number› ‹number›? || ‹length› ] -// - options: -// 0. `initial` - (default) computes to `0 1 auto` -// 1. `none` - computes to `0 0 auto` -// 2. `‹flex-grow›` -// 3. `‹flex-grow› ‹flex-shrink›` -// 4. `‹flex-basis›` -// 5. `‹flex-grow› ‹flex-basis›` -// 6. `‹flex-grow› ‹flex-shrink› ‹flex-basis›` +// none | [ ‹number› ‹number›? || ‹length› ] +// (see options above) // ^author // : Chris Harvey // ^updated diff --git a/src/__tool.fallback.gradient.less b/src/__tool.fallback.gradient.less index 874af76..55bbcd5 100644 --- a/src/__tool.fallback.gradient.less +++ b/src/__tool.fallback.gradient.less @@ -4,6 +4,16 @@ \*################################*/ +/////////////////////////////////////////////////////////////////////////////// +// CHANGED DEPRECATED +// IMPORTANT!!! +// ------------ +// As of v4.3.0 +// This entire file and the code therein is DEPRECATED due to +// renaming. see `__tool.fallback.linear-gradient.less` +// This file will be OBSOLETE and deleted on Version 5. +/////////////////////////////////////////////////////////////////////////////// + // Applies a single linear gradient background on an element. // This is an unusual property in that a single css value list is comprised // of comma-separated values (unlike normal css value lists which are space-separated). @@ -20,9 +30,6 @@ // : Chris Harvey // ^updated // : 2014-07-08 -/////////////////////////////////////////////////////////////////////////////// -// CHANGED: DEPRECATED. use `linear-gradient` name below. -/////////////////////////////////////////////////////////////////////////////// .gradient(@arg) { background-image: -webkit-linear-gradient(@arg); background-image: -moz-linear-gradient(@arg); diff --git a/src/__tool.fallback.linear-gradient.less b/src/__tool.fallback.linear-gradient.less index 52a2dc8..c09407d 100644 --- a/src/__tool.fallback.linear-gradient.less +++ b/src/__tool.fallback.linear-gradient.less @@ -4,6 +4,19 @@ \*################################*/ +/////////////////////////////////////////////////////////////////////////////// +// CHANGED DEPRECATED +// IMPORTANT!!! +// ------------ +// As of v4.3.0 +// This entire file and the code therein is DEPRECATED due to +// widespread support of the non-prefixed `linear-gradient()` function +// and inconsistent browser discrepancies. +// It is much easier to hand-write these discrepancies for browsers that need it, +// rather than to try to create a mixin with a given set of arguments. +// This file will be OBSOLETE and deleted on Version 5. +/////////////////////////////////////////////////////////////////////////////// + // Applies a single linear gradient background on an element. // This is an unusual property in that a single css value list is comprised // of comma-separated values (unlike normal css value lists which are space-separated). diff --git a/src/__tool.fallback.transform-origin.less b/src/__tool.fallback.transform-origin.less new file mode 100644 index 0000000..f007266 --- /dev/null +++ b/src/__tool.fallback.transform-origin.less @@ -0,0 +1,31 @@ + +/*################################*\ + xmeter | __tool.fallback.transform-origin.less +\*################################*/ + + +// Specifies the origin for transformations of an element. +// The argument must have the following syntax: +// ‹offset_all› | [ ‹offset_2d› ‹offset_z›? ] +// where: +// - ‹offset_all› = | | left | center | right | top | bottom +// - ‹offset_2d› = ‹offset_x› && ‹offset_y› +// - ‹offset_x› = | | left | center | right +// - ‹offset_y› = | | top | center | bottom +// - ‹offset_z› = +// +// ^url +// : https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin +// ^params +// : @arg - (default: `50% 50% 0`) see comment above +// ^author +// : Chris Harvey +// ^updated +// : 2016-05-18 +.transform-origin(@arg: 50% 50% 0) { + -webkit-transform-origin: @arg; + -moz-transform-origin: @arg; + -ms-transform-origin: @arg; + -o-transform-origin: @arg; + transform-origin: @arg; +} diff --git a/src/_base.generic.less b/src/_base.generic.less index 7cd3818..ec1d25d 100644 --- a/src/_base.generic.less +++ b/src/_base.generic.less @@ -38,7 +38,7 @@ html { // they should scale with their parents. // Also, inline elements should not affect vertical rhythm, thus line-heights are zero. span, br, -em, strong, i, mark, u, small, +em, strong, i, mark, u, small, s dfn, b, abbr, var, q, cite, sup, sub, data, time, code, kbd, samp { line-height: 0; @@ -46,7 +46,7 @@ data, time, code, kbd, samp { // Elements with a transparent content model // should display what their contents display. -a, s, ins, del { +a, ins, del { // display: inherit; // line-height: inherit; // h1 > &, h2 > &, h3 > &, h4 > &, h5 > &, h6 > &, diff --git a/src/_base.grouping.paras.less b/src/_base.grouping.paras.less index b34fd00..8f559af 100644 --- a/src/_base.grouping.paras.less +++ b/src/_base.grouping.paras.less @@ -13,6 +13,7 @@ pre { text-align: left; text-indent: 0; white-space: pre; + overflow: auto; } figure { // undo Normalize diff --git a/src/_base.grouping.tables.less b/src/_base.grouping.tables.less index 3b8cc2b..70ba416 100644 --- a/src/_base.grouping.tables.less +++ b/src/_base.grouping.tables.less @@ -6,6 +6,8 @@ table { max-width: 100%; // fluid tables for responsive purposes + border-collapse: collapse; + text-align: left; // fix browser bug } caption { text-align: center; diff --git a/src/_base.sections.less b/src/_base.sections.less index 0fa446e..a422532 100644 --- a/src/_base.sections.less +++ b/src/_base.sections.less @@ -6,11 +6,6 @@ @import (reference) url('__tool.module.fontsize.less'); -html, -body { - width: 100%; - height: 100%; -} body { } main { diff --git a/xmeter.css b/xmeter.css index f39ae16..59dd3ca 100644 --- a/xmeter.css +++ b/xmeter.css @@ -1,18 +1,18 @@ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*\ xmeter - Version: 4.2.0 + Version: 4.3.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/ + Home : https://github.com/chharvey/xmeter#readme + Author : Chris Harvey (https://chharvey.github.io/) \*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*\ resetcss - Version: 1.0.2 + Version: 1.0.3 Licence: MIT Repo : https://github.com/chharvey/resetcss.git - Home : https://chharvey.github.io/resetcss/ - Author : https://chharvey.github.io/ + Home : https://github.com/chharvey/resetcss#readme + Author : Chris Harvey (https://chharvey.github.io/) \*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*================================*\ reset.less @@ -48,7 +48,8 @@ fieldset { ol, ul, th, -td { +td, +legend { padding: 0; } h1, @@ -75,9 +76,6 @@ kbd, samp { font: inherit; } -table { - text-align: left; -} caption, th { text-align: inherit; @@ -608,7 +606,7 @@ i, mark, u, small, -dfn, +s dfn, b, abbr, var, @@ -624,7 +622,6 @@ samp { line-height: 0; } a, -s, ins, del { display: contents; @@ -633,11 +630,6 @@ del { /*################################*\ xmeter | _base.sections.less \*################################*/ -html, -body { - width: 100%; - height: 100%; -} h1, h2, h3, @@ -690,6 +682,7 @@ pre { text-align: left; text-indent: 0; white-space: pre; + overflow: auto; } figure { margin-top: 0; @@ -735,6 +728,8 @@ ul { \*################################*/ table { max-width: 100%; + border-collapse: collapse; + text-align: left; } caption { text-align: center; diff --git a/xmeter.less b/xmeter.less index 7aa493b..741cf97 100644 --- a/xmeter.less +++ b/xmeter.less @@ -1,11 +1,11 @@ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*\ xmeter - Version: 4.2.0 + Version: 4.3.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/ + Home : https://github.com/chharvey/xmeter#readme + Author : Chris Harvey (https://chharvey.github.io/) \*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ diff --git a/xmeter.min.css b/xmeter.min.css index c553903..4590a84 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}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 +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%}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}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,em,i,kbd,mark,q,s dfn,samp,small,span,strong,sub,sup,time,u,var{line-height:0}a,del,ins{display:contents}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}table{border-collapse:collapse}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{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