diff --git a/.gitignore b/.gitignore
index 46bbce9..02011ed 100644
--- a/.gitignore
+++ b/.gitignore
@@ -2,10 +2,8 @@
node_modules
bower_components
_site
-_sass
public
_posts
-.sass-cache
components
build
tmp/*
diff --git a/.npmignore b/.npmignore
index e2c5785..334dc87 100644
--- a/.npmignore
+++ b/.npmignore
@@ -7,7 +7,6 @@ tests
public
gulpfile.js
_site
-_sass
_posts
index.html
components
diff --git a/.scss-lint.yml b/.scss-lint.yml
deleted file mode 100644
index 97e0105..0000000
--- a/.scss-lint.yml
+++ /dev/null
@@ -1,201 +0,0 @@
-scss_files: "**/*.scss"
-
-linters:
- BangFormat:
- enabled: true
- space_before_bang: true
- space_after_bang: false
-
- BorderZero:
- enabled: true
- convention: zero # or `none`
-
- ColorKeyword:
- enabled: true
-
- ColorVariable:
- enabled: false
-
- Comment:
- enabled: true
-
- DebugStatement:
- enabled: true
-
- DeclarationOrder:
- enabled: true
-
- DuplicateProperty:
- enabled: true
-
- ElsePlacement:
- enabled: true
- style: same_line # or 'new_line'
-
- EmptyLineBetweenBlocks:
- enabled: true
- ignore_single_line_blocks: true
-
- EmptyRule:
- enabled: true
-
- FinalNewline:
- enabled: true
- present: true
-
- HexLength:
- enabled: true
- style: short # or 'long'
-
- HexNotation:
- enabled: true
- style: lowercase # or 'uppercase'
-
- HexValidation:
- enabled: true
-
- IdSelector:
- enabled: true
-
- ImportantRule:
- enabled: false
-
- ImportPath:
- enabled: true
- leading_underscore: false
- filename_extension: false
-
- Indentation:
- enabled: true
- allow_non_nested_indentation: false
- character: space # or 'tab'
- width: 2
-
- LeadingZero:
- enabled: true
- style: exclude_zero # or 'include_zero'
-
- MergeableSelector:
- enabled: true
- force_nesting: true
-
- NameFormat:
- enabled: true
- allow_leading_underscore: true
- convention: hyphenated_lowercase # or 'BEM', or a regex pattern
-
- NestingDepth:
- enabled: true
- max_depth: 3
-
- PlaceholderInExtend:
- enabled: true
-
- PropertyCount:
- enabled: false
- include_nested: false
- max_properties: 10
-
- PropertyUnits:
- enabled: true
- global: [
- 'ch', 'em', 'ex', 'rem', # Font-relative lengths
- 'cm', 'in', 'mm', 'pc', 'pt', 'px', 'q', # Absolute lengths
- 'vh', 'vw', 'vmin', 'vmax', # Viewport-percentage lengths
- 'deg', 'grad', 'rad', 'turn', # Angle
- 'ms', 's', # Duration
- 'Hz', 'kHz', # Frequency
- 'dpi', 'dpcm', 'dppx', # Resolution
- '%', # Other
- ]
- properties: {}
-
- PropertySortOrder:
- enabled: true
- ignore_unspecified: false
- separate_groups: false
-
- PropertySpelling:
- enabled: true
- extra_properties: []
-
- QualifyingElement:
- enabled: false
- allow_element_with_attribute: false
- allow_element_with_class: false
- allow_element_with_id: false
-
- SelectorDepth:
- enabled: true
- max_depth: 3
-
- SelectorFormat:
- enabled: true
- convention: hyphenated_lowercase # or 'BEM', or 'hyphenated_BEM', or 'snake_case', or 'camel_case', or a regex pattern
-
- Shorthand:
- enabled: true
-
- SingleLinePerProperty:
- enabled: true
- allow_single_line_rule_sets: true
-
- SingleLinePerSelector:
- enabled: true
-
- SpaceAfterComma:
- enabled: true
-
- SpaceAfterPropertyColon:
- enabled: true
- style: one_space # or 'no_space', or 'at_least_one_space', or 'aligned'
-
- SpaceAfterPropertyName:
- enabled: true
-
- SpaceBeforeBrace:
- enabled: true
- style: space # or 'new_line'
- allow_single_line_padding: false
-
- SpaceBetweenParens:
- enabled: true
- spaces: 0
-
- StringQuotes:
- enabled: true
- style: single_quotes # or double_quotes
-
- TrailingSemicolon:
- enabled: true
-
- TrailingZero:
- enabled: false
-
- UnnecessaryMantissa:
- enabled: true
-
- UnnecessaryParentReference:
- enabled: true
-
- UrlFormat:
- enabled: true
-
- UrlQuotes:
- enabled: true
-
- VariableForProperty:
- enabled: false
- properties: []
-
- VendorPrefix:
- enabled: true
- identifier_list: base
- additional_identifiers: []
- excluded_identifiers: []
-
- ZeroUnit:
- enabled: true
-
- Compass::*:
- enabled: false
diff --git a/README.md b/README.md
index abae5c1..b384371 100644
--- a/README.md
+++ b/README.md
@@ -13,7 +13,6 @@ Marx is a CSS stylesheet to be used in any projects (namely small ones). If you
## Key features
- Built atop of Sanitize.css, meaning all browsers render consistently.
-- Created using SASS and Stylus preprocessors (Customise all the variables!).
- Responsive and mobile-friendly.
- Clean, beautiful typography.
- Forms, tables, buttons and navigation.
@@ -45,7 +44,6 @@ If you have cloned the repo or downloaded from .zip, there are a few steps you m
1. Change directory: `cd marx`.
2. Install node modules: `npm install`.
-3. Install scss-lint Ruby gem: `gem install scss-lint`.
4. To run gulp: `gulp`.
## Running Github Pages
@@ -70,31 +68,18 @@ These are the files that are generated from `npm install marx-css`
│ ├── marx.css
│ ├── marx.min.css
│ ├── marx.min.css.map
-│ ├── marx.styl.css
-│ ├── marx.styl.min.css
-│ └── marx.styl.min.css.map
├── gulpfile.js
-├── index-stylus.html
├── index.html
├── package.json
-├── scss
-│ ├── _base.scss
-│ ├── _buttons.scss
-│ ├── _form.scss
-│ ├── _tables.scss
-│ ├── _typography.scss
-│ ├── _variables.scss
-│ └── marx.scss
-└── styl
- ├── _base.styl
- ├── _buttons.styl
- ├── _form.styl
- ├── _sanitize.styl
- ├── _tables.styl
- ├── _typography.styl
- ├── _variables.styl
- └── marx.styl
-
+└── src
+ ├── _base.css
+ ├── _buttons.css
+ ├── _form.css
+ ├── _sanitize.css
+ ├── _tables.css
+ ├── _typography.css
+ ├── _variables.css
+ └── marx.css
```
diff --git a/css/marx.css b/css/marx.css
index 193b6a1..182d882 100644
--- a/css/marx.css
+++ b/css/marx.css
@@ -1,4 +1,4 @@
-@charset "UTF-8";
+/*! Marx v4.0.0 - The classless CSS reset (perfect for Communists) | MIT License | https://github.com/mblode/marx */
/* Document
* ========================================================================== */
/**
@@ -6,352 +6,330 @@
* 2. Backgrounds do not repeat by default (opinionated).
*/
*,
-::before,
-::after {
- box-sizing: border-box;
- /* 1 */
- background-repeat: no-repeat;
- /* 2 */
-}
-
+ ::before,
+ ::after {
+ box-sizing: border-box; /* 1 */
+ background-repeat: no-repeat; /* 2 */
+ }
/**
- * 1. Add text decoration inheritance in all browsers (opinionated).
- * 2. Add vertical alignment inheritance in all browsers (opinionated).
- */
+ * 1. Add text decoration inheritance in all browsers (opinionated).
+ * 2. Add vertical alignment inheritance in all browsers (opinionated).
+ */
::before,
-::after {
- text-decoration: inherit;
- /* 1 */
- vertical-align: inherit;
- /* 2 */
-}
-
+ ::after {
+ text-decoration: inherit; /* 1 */
+ vertical-align: inherit; /* 2 */
+ }
/**
- * 1. Use the default cursor in all browsers (opinionated).
- * 2. Change the line height in all browsers (opinionated).
- * 3. Breaks words to prevent overflow in all browsers (opinionated).
- * 4. Use a 4-space tab width in all browsers (opinionated).
- * 5. Remove the grey highlight on links in iOS (opinionated).
- * 6. Prevent adjustments of font size after orientation changes in iOS.
- */
+ * 1. Use the default cursor in all browsers (opinionated).
+ * 2. Change the line height in all browsers (opinionated).
+ * 3. Breaks words to prevent overflow in all browsers (opinionated).
+ * 4. Use a 4-space tab width in all browsers (opinionated).
+ * 5. Remove the grey highlight on links in iOS (opinionated).
+ * 6. Prevent adjustments of font size after orientation changes in iOS.
+ */
:where(:root) {
- cursor: default;
- /* 1 */
- line-height: 1.5;
- /* 2 */
- overflow-wrap: break-word;
- /* 3 */
- -moz-tab-size: 4;
- /* 4 */
- -o-tab-size: 4;
- tab-size: 4;
- /* 4 */
- -webkit-tap-highlight-color: transparent;
- /* 5 */
- -webkit-text-size-adjust: 100%;
- /* 6 */
-}
-
+ cursor: default; /* 1 */
+ line-height: 1.5; /* 2 */
+ overflow-wrap: break-word; /* 3 */
+ -moz-tab-size: 4; /* 4 */
+ -o-tab-size: 4;
+ tab-size: 4; /* 4 */
+ -webkit-tap-highlight-color: transparent; /* 5 */
+ -webkit-text-size-adjust: 100%; /* 6 */
+ -moz-text-size-adjust: 100%;
+ text-size-adjust: 100%; /* 6 */
+ }
/* Sections
- * ========================================================================== */
+ * ========================================================================== */
/**
- * Remove the margin in all browsers (opinionated).
- */
+ * Remove the margin in all browsers (opinionated).
+ */
:where(body) {
- margin: 0;
-}
-
+ margin: 0;
+ }
/**
- * Correct the font size and margin on `h1` elements within `section` and
- * `article` contexts in Chrome, Edge, Firefox, and Safari.
- */
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Edge, Firefox, and Safari.
+ */
:where(h1) {
- font-size: 2em;
- margin: 0.67em 0;
-}
-
+ font-size: 2em;
+ margin: 0.67em 0;
+ }
/* Grouping content
- * ========================================================================== */
+ * ========================================================================== */
/**
- * Remove the margin on nested lists in Chrome, Edge, and Safari.
- */
+ * Remove the margin on nested lists in Chrome, Edge, and Safari.
+ */
:where(dl, ol, ul) :where(dl, ol, ul) {
- margin: 0;
-}
-
+ margin: 0;
+ }
/**
- * 1. Correct the inheritance of border color in Firefox.
- * 2. Add the correct box sizing in Firefox.
- */
+ * 1. Correct the inheritance of border color in Firefox.
+ * 2. Add the correct box sizing in Firefox.
+ */
:where(hr) {
- color: inherit;
- /* 1 */
- height: 0;
- /* 2 */
-}
-
+ color: inherit; /* 1 */
+ height: 0; /* 2 */
+ }
/**
- * Remove the list style on navigation lists in all browsers (opinionated).
- */
+ * Remove the list style on navigation lists in all browsers (opinionated).
+ */
:where(nav) :where(ol, ul) {
- list-style-type: none;
- padding: 0;
-}
-
+ list-style-type: none;
+ padding: 0;
+ }
/**
- * Prevent VoiceOver from ignoring list semantics in Safari (opinionated).
- */
+ * Prevent VoiceOver from ignoring list semantics in Safari (opinionated).
+ */
:where(nav li)::before {
- content: "";
- float: left;
-}
-
+ content: "\200B";
+ float: left;
+ }
/**
- * 1. Correct the inheritance and scaling of font size in all browsers.
- * 2. Correct the odd `em` font sizing in all browsers.
- * 3. Prevent overflow of the container in all browsers (opinionated).
- */
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ * 3. Prevent overflow of the container in all browsers (opinionated).
+ */
:where(pre) {
- font-family: monospace, monospace;
- /* 1 */
- font-size: 1em;
- /* 2 */
- overflow: auto;
- /* 3 */
-}
-
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+ overflow: auto; /* 3 */
+ }
/* Text-level semantics
- * ========================================================================== */
+ * ========================================================================== */
/**
- * Add the correct text decoration in Safari.
- */
+ * Add the correct text decoration in Safari.
+ */
:where(abbr[title]) {
- text-decoration: underline;
- -webkit-text-decoration: underline dotted;
- text-decoration: underline dotted;
-}
-
+ text-decoration: underline;
+ -webkit-text-decoration: underline dotted;
+ text-decoration: underline dotted;
+ }
/**
- * Add the correct font weight in Chrome, Edge, and Safari.
- */
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
:where(b, strong) {
- font-weight: bolder;
-}
-
+ font-weight: bolder;
+ }
/**
- * 1. Correct the inheritance and scaling of font size in all browsers.
- * 2. Correct the odd `em` font sizing in all browsers.
- */
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
:where(code, kbd, samp) {
- font-family: monospace, monospace;
- /* 1 */
- font-size: 1em;
- /* 2 */
-}
-
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+ }
/**
- * Add the correct font size in all browsers.
- */
+ * Add the correct font size in all browsers.
+ */
:where(small) {
- font-size: 80%;
-}
-
+ font-size: 80%;
+ }
/* Embedded content
- * ========================================================================== */
+ * ========================================================================== */
/*
- * Change the alignment on media elements in all browsers (opinionated).
- */
+ * Change the alignment on media elements in all browsers (opinionated).
+ */
:where(audio, canvas, iframe, img, svg, video) {
- vertical-align: middle;
-}
-
+ vertical-align: middle;
+ }
/**
- * Remove the border on iframes in all browsers (opinionated).
- */
+ * Remove the border on iframes in all browsers (opinionated).
+ */
:where(iframe) {
- border-style: none;
-}
-
+ border-style: none;
+ }
/**
- * Change the fill color to match the text color in all browsers (opinionated).
- */
+ * Change the fill color to match the text color in all browsers (opinionated).
+ */
:where(svg:not([fill])) {
- fill: currentColor;
-}
-
+ fill: currentColor;
+ }
/* Tabular data
- * ========================================================================== */
+ * ========================================================================== */
/**
- * 1. Collapse border spacing in all browsers (opinionated).
- * 2. Correct table border color inheritance in all Chrome, Edge, and Safari.
- * 3. Remove text indentation from table contents in Chrome, Edge, and Safari.
- */
+ * 1. Collapse border spacing in all browsers (opinionated).
+ * 2. Correct table border color in Chrome, Edge, and Safari.
+ * 3. Remove text indentation from table contents in Chrome, Edge, and Safari.
+ */
:where(table) {
- border-collapse: collapse;
- /* 1 */
- border-color: inherit;
- /* 2 */
- text-indent: 0;
- /* 3 */
-}
-
+ border-collapse: collapse; /* 1 */
+ border-color: currentColor; /* 2 */
+ text-indent: 0; /* 3 */
+ }
/* Forms
- * ========================================================================== */
+ * ========================================================================== */
/**
- * Remove the margin on controls in Safari.
- */
+ * Remove the margin on controls in Safari.
+ */
:where(button, input, select) {
- margin: 0;
-}
-
+ margin: 0;
+ }
/**
- * Correct the inability to style buttons in iOS and Safari.
- */
+ * Correct the inability to style buttons in iOS and Safari.
+ */
:where(button, [type="button" i], [type="reset" i], [type="submit" i]) {
- -webkit-appearance: button;
-}
-
+ -webkit-appearance: button;
+ }
/**
- * Change the inconsistent appearance in all browsers (opinionated).
- */
+ * Change the inconsistent appearance in all browsers (opinionated).
+ */
:where(fieldset) {
- border: 1px solid #a0a0a0;
-}
-
+ border: 1px solid #a0a0a0;
+ }
/**
- * Add the correct vertical alignment in Chrome, Edge, and Firefox.
- */
+ * Add the correct vertical alignment in Chrome, Edge, and Firefox.
+ */
:where(progress) {
- vertical-align: baseline;
-}
-
+ vertical-align: baseline;
+ }
/**
- * 1. Remove the margin in Firefox and Safari.
- * 3. Change the resize direction in all browsers (opinionated).
- */
+ * 1. Remove the margin in Firefox and Safari.
+ * 3. Change the resize direction in all browsers (opinionated).
+ */
:where(textarea) {
- margin: 0;
- /* 1 */
- resize: vertical;
- /* 3 */
-}
-
+ margin: 0; /* 1 */
+ resize: vertical; /* 3 */
+ }
/**
- * 1. Correct the odd appearance in Chrome, Edge, and Safari.
- * 2. Correct the outline style in Safari.
- */
+ * 1. Correct the odd appearance in Chrome, Edge, and Safari.
+ * 2. Correct the outline style in Safari.
+ */
:where([type="search" i]) {
- -webkit-appearance: textfield;
- /* 1 */
- outline-offset: -2px;
- /* 2 */
-}
-
+ -webkit-appearance: textfield; /* 1 */
+ outline-offset: -2px; /* 2 */
+ }
/**
- * Correct the cursor style of increment and decrement buttons in Safari.
- */
+ * Correct the cursor style of increment and decrement buttons in Safari.
+ */
::-webkit-inner-spin-button,
-::-webkit-outer-spin-button {
- height: auto;
-}
-
+ ::-webkit-outer-spin-button {
+ height: auto;
+ }
/**
- * Correct the text style of placeholders in Chrome, Edge, and Safari.
- */
+ * Correct the text style of placeholders in Chrome, Edge, and Safari.
+ */
::-webkit-input-placeholder {
- color: inherit;
- opacity: 0.54;
-}
-
+ color: inherit;
+ opacity: 0.54;
+ }
/**
- * Remove the inner padding in Chrome, Edge, and Safari on macOS.
- */
+ * Remove the inner padding in Chrome, Edge, and Safari on macOS.
+ */
::-webkit-search-decoration {
- -webkit-appearance: none;
-}
-
+ -webkit-appearance: none;
+ }
/**
- * 1. Correct the inability to style upload buttons in iOS and Safari.
- * 2. Change font properties to `inherit` in Safari.
- */
+ * 1. Correct the inability to style upload buttons in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
::-webkit-file-upload-button {
- -webkit-appearance: button;
- /* 1 */
- font: inherit;
- /* 2 */
-}
-
+ -webkit-appearance: button; /* 1 */
+ font: inherit; /* 2 */
+ }
/* Interactive
- * ========================================================================== */
+ * ========================================================================== */
/*
- * Add the correct styles in Safari.
- */
+ * Add the correct styles in Safari.
+ */
:where(dialog) {
- background-color: white;
- border: solid;
- color: black;
- height: -moz-fit-content;
- height: -webkit-fit-content;
- height: fit-content;
- left: 0;
- margin: auto;
- padding: 1em;
- position: absolute;
- right: 0;
- width: -moz-fit-content;
- width: -webkit-fit-content;
- width: fit-content;
-}
-
+ background-color: white;
+ border: solid;
+ color: black;
+ height: -moz-fit-content;
+ height: -webkit-fit-content;
+ height: fit-content;
+ left: 0;
+ margin: auto;
+ padding: 1em;
+ position: absolute;
+ right: 0;
+ width: -moz-fit-content;
+ width: -webkit-fit-content;
+ width: fit-content;
+ }
:where(dialog:not([open])) {
- display: none;
-}
-
+ display: none;
+ }
/*
- * Add the correct display in Safari.
- */
+ * Add the correct display in Safari.
+ */
:where(details > summary:first-of-type) {
- display: list-item;
-}
-
+ display: list-item;
+ }
/* Accessibility
- * ========================================================================== */
+ * ========================================================================== */
/**
- * Change the cursor on busy elements in all browsers (opinionated).
- */
+ * Change the cursor on busy elements in all browsers (opinionated).
+ */
:where([aria-busy="true" i]) {
- cursor: progress;
-}
-
-/*
- * Change the cursor on control elements in all browsers (opinionated).
- */
-:where([aria-controls]) {
- cursor: pointer;
-}
-
+ cursor: progress;
+ }
/*
- * Change the cursor on disabled, not-editable, or otherwise
- * inoperable elements in all browsers (opinionated).
- */
+ * Change the cursor on disabled, not-editable, or otherwise
+ * inoperable elements in all browsers (opinionated).
+ */
:where([aria-disabled="true" i], [disabled]) {
- cursor: not-allowed;
-}
-
+ cursor: not-allowed;
+ }
/*
- * Change the display on visually hidden accessible elements
- * in all browsers (opinionated).
- */
+ * Change the display on visually hidden accessible elements
+ * in all browsers (opinionated).
+ */
:where([aria-hidden="false" i][hidden]) {
- display: initial;
-}
-
+ display: initial;
+ }
:where([aria-hidden="false" i][hidden]:not(:focus)) {
- clip: rect(0, 0, 0, 0);
- position: absolute;
+ clip: rect(0, 0, 0, 0);
+ position: absolute;
+ }
+:root {
+ --br: 4px;
+ --xs-pad: 4px;
+ --sm-pad: 8px;
+ --md-pad: 16px;
+ --lg-pad: 20px;
+ --xlg-pad: 40px;
+
+ --sm-breakpoint: 400px;
+ --lg-breakpoint: 768px;
+
+ --primary-400: #60a5fa;
+ --primary: #3b82f6;
+ --primary-600: #2563eb;
+ --accent: #64ffda;
+ --red: #f43f5e;
+ --red-600: #dc2626;
+ --yellow: #eab308;
+ --grey: #f7f7f9;
+ --white: #fff;
+ --black: #000;
+
+ --text: rgba(0, 0, 0, 0.8);
+ --secondary: rgba(0, 0, 0, 0.54);
+ --disabled: rgba(0, 0, 0, 0.38);
+ --dividers: rgba(0, 0, 0, 0.12);
+
+ --link-color: var(--primary);
+
+ --sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
+ --serif: Georgia, Times, 'Times New Roman', serif;
+ --monospace: Menlo, Monaco, Consolas, 'Courier New', monospace;
+ --font-family: var(--sans-serif);
+
+ --font-size-base: 16px;
+ --font-size-sm: 14px;
+ --font-size-h1: 40px;
+ --font-size-h2: 32px;
+ --font-size-h3: 28px;
+ --font-size-h4: 24px;
+ --font-size-h5: 20px;
+ --font-size-h6: 16px;
+ --line-height-base: 1.5;
+
+ --border: 1px solid var(--dividers);
}
-
-/*! Marx v3.0.9 - The classless CSS reset (perfect for Communists) | MIT License | https://github.com/mblode/marx */
main,
header,
footer,
@@ -361,55 +339,50 @@ aside,
details,
summary {
margin: 0 auto;
- margin-bottom: 16px;
+ margin-bottom: var(--md-pad);
width: 100%;
}
-
main {
display: block;
margin: 0 auto;
- max-width: 768px;
- padding: 0 16px 16px;
+ max-width: var(--lg-breakpoint);
+ padding: 0 var(--md-pad) var(--md-pad);
}
-
footer {
- border-top: 1px solid rgba(0, 0, 0, 0.12);
- padding: 16px 0;
+ border-top: var(--border);
+ padding: var(--md-pad) 0;
text-align: center;
}
footer p {
margin-bottom: 0;
}
-
hr {
border: 0;
- border-top: 1px solid rgba(0, 0, 0, 0.12);
+ border-top: var(--border);
display: block;
- margin-top: 16px;
- margin-bottom: 16px;
+ margin-top: var(--md-pad);
+ margin-bottom: var(--md-pad);
width: 100%;
box-sizing: content-box;
height: 0;
overflow: visible;
}
-
img {
height: auto;
max-width: 100%;
vertical-align: baseline;
}
-
-@media screen and (max-width: 400px) {
+@media screen and (max-width: var(--sm-breakpoint)) {
article,
-section,
-aside {
+ section,
+ aside {
clear: both;
display: block;
max-width: 100%;
}
img {
- margin-right: 16px;
+ margin-right: var(--md-pad);
}
}
embed,
@@ -417,19 +390,16 @@ iframe,
video {
border: 0;
}
-
body {
- color: rgba(0, 0, 0, 0.8);
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- font-size: 16px;
- line-height: 1.5;
+ color: var(--text);
+ font-family: var(--font-family);
+ font-size: var(--font-size-base);
+ line-height: var(--line-height-base);
}
-
p {
margin: 0;
- margin-bottom: 16px;
+ margin-bottom: var(--md-pad);
}
-
h1,
h2,
h3,
@@ -441,58 +411,49 @@ h6 {
line-height: 1.2;
font-weight: 500;
}
-
h1 {
- font-size: 40px;
- margin: 20px 0 16px;
+ font-size: var(--font-size-h1);
+ margin: var(--lg-pad) 0 var(--md-pad);
}
-
h2 {
- font-size: 32px;
- margin: 20px 0 16px;
+ font-size: var(--font-size-h2);
+ margin: var(--lg-pad) 0 var(--md-pad);
}
-
h3 {
- font-size: 28px;
- margin: 16px 0 4px;
+ font-size: var(--font-size-h3);
+ margin: var(--md-pad) 0 var(--xs-pad);
}
-
h4 {
- font-size: 24px;
- margin: 16px 0 4px;
+ font-size: var(--font-size-h4);
+ margin: var(--md-pad) 0 var(--xs-pad);
}
-
h5 {
- font-size: 20px;
- margin: 16px 0 4px;
+ font-size: var(--font-size-h5);
+ margin: var(--md-pad 0) var(--xs-pad);
}
-
h6 {
- font-size: 16px;
- margin: 16px 0 4px;
+ font-size: var(--font-size-h6);
+ margin: var(--md-pad) 0 var(--xs-pad);
}
-
small {
- color: rgba(0, 0, 0, 0.54);
+ color: var(--secondary);
vertical-align: bottom;
}
-
pre {
- background: #f7f7f9;
- color: rgba(0, 0, 0, 0.8);
+ background-color: var(--grey);
+ color: var(--text);
display: block;
- font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
- font-size: 16px;
- margin: 16px 0;
- padding: 16px;
+ font-family: var(--monospace);
+ font-size: var(--font-size-base);
+ margin: var(--md-pad 0);
+ padding: var(--md-pad);
white-space: pre-wrap;
overflow-wrap: break-word;
}
-
code {
- color: rgba(0, 0, 0, 0.8);
- font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
- font-size: 16px;
+ color: var(--text);
+ font-family: var(--monospace);
+ font-size: var(--font-size-base);
line-height: inherit;
margin: 0;
padding: 0;
@@ -500,258 +461,228 @@ code {
word-break: break-all;
word-wrap: break-word;
}
-
a {
- color: #3b82f6;
+ color: var(--link-color);
text-decoration: none;
background-color: transparent;
}
-a:hover, a:focus {
- color: #0b63f3;
+a:hover,
+a:focus {
+ color: var(--primary-600);
text-decoration: underline;
}
-
dl {
- margin-bottom: 16px;
+ margin-bottom: var(--md-pad);
}
-
dd {
- margin-left: 40px;
+ margin-left: var(--xlg-pad);
}
-
ul,
ol {
- margin-bottom: 8px;
- padding-left: 40px;
+ margin-bottom: var(--sm-pad);
+ padding-left: var(--xlg-pad);
vertical-align: baseline;
}
-
blockquote {
- border-left: 2px solid rgba(0, 0, 0, 0.8);
- font-family: Georgia, Times, "Times New Roman", serif;
+ border-left: 2px solid var(--text);
+ font-family: var(--serif);
font-style: italic;
- margin: 16px 0;
- padding-left: 16px;
+ margin: var(--md-pad 0);
+ padding-left: var(--md-pad);
}
-
figcaption {
- font-family: Georgia, Times, "Times New Roman", serif;
+ font-family: var(--serif);
}
-
u {
text-decoration: underline;
}
-
s {
text-decoration: line-through;
}
-
sup {
- font-size: 14px;
+ font-size: var(--font-size-sm);
vertical-align: super;
}
-
sub {
- font-size: 14px;
+ font-size: var(--font-size-sm);
vertical-align: sub;
}
-
mark {
- background: #eab308;
-}
-
-input[type=text],
-input[type=password],
-input[type=email],
-input[type=url],
-input[type=date],
-input[type=month],
-input[type=time],
-input[type=datetime],
-input[type=datetime-local],
-input[type=week],
-input[type=number],
-input[type=search],
-input[type=tel],
+ background-color: var(--yellow);
+}
+input[type="text"],
+input[type="password"],
+input[type="email"],
+input[type="url"],
+input[type="date"],
+input[type="month"],
+input[type="time"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="week"],
+input[type="number"],
+input[type="search"],
+input[type="tel"],
select,
textarea {
- background: #fff;
+ background: var(--white);
background-clip: padding-box;
- border: 1px solid rgba(0, 0, 0, 0.12);
- border-radius: 4px;
- color: rgba(0, 0, 0, 0.8);
+ border: var(--border);
+ border-radius: var(--br);
+ color: var(--text);
display: block;
width: 100%;
font-size: 1rem;
- padding: 8px 16px;
+ padding: var(--sm-pad) var(--md-pad);
line-height: 1.5;
- transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
+ font-family: var(--sans-serif);
word-break: normal;
}
-
-input[type=color] {
- background: #fff;
- border: 1px solid rgba(0, 0, 0, 0.12);
- border-radius: 4px;
+input[type="color"] {
+ background-color: var(--white);
+ border: var(--border);
+ border-radius: var(--br);
display: inline-block;
vertical-align: middle;
}
-
input:not([type]) {
-webkit-appearance: none;
- background: #fff;
+ background: var(--white);
background-clip: padding-box;
- border: 1px solid rgba(0, 0, 0, 0.12);
- border-radius: 4px;
- color: rgba(0, 0, 0, 0.8);
+ border: var(--border);
+ border-radius: var(--br);
+ color: var(--text);
display: block;
width: 100%;
- padding: 8px 16px;
+ padding: var(--sm-pad) var(--md-pad);
line-height: 1.5;
- transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
text-align: left;
word-break: normal;
}
-
-input[type=text]:focus,
-input[type=password]:focus,
-input[type=email]:focus,
-input[type=url]:focus,
-input[type=date]:focus,
-input[type=month]:focus,
-input[type=time]:focus,
-input[type=datetime]:focus,
-input[type=datetime-local]:focus,
-input[type=week]:focus,
-input[type=number]:focus,
-input[type=search]:focus,
-input[type=tel]:focus,
-input[type=color]:focus,
+input[type="text"]:focus,
+input[type="password"]:focus,
+input[type="email"]:focus,
+input[type="url"]:focus,
+input[type="date"]:focus,
+input[type="month"]:focus,
+input[type="time"]:focus,
+input[type="datetime"]:focus,
+input[type="datetime-local"]:focus,
+input[type="week"]:focus,
+input[type="number"]:focus,
+input[type="search"]:focus,
+input[type="tel"]:focus,
+input[type="color"]:focus,
select:focus,
textarea:focus {
- background-color: #fff;
- border-color: #9dc1fb;
+ background-color: var(--white);
+ border-color: var(--primary-400);
outline: 0;
- box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.25);
+ box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.5);
}
-
input:not([type]):focus {
- background-color: #fff;
- border-color: #9dc1fb;
+ background-color: var(--white);
+ border-color: var(--primary-400);
outline: 0;
- box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.25);
-}
-
-input[type=file]:focus,
-input[type=radio]:focus,
-input[type=checkbox]:focus {
- outline: 1px thin rgba(0, 0, 0, 0.12);
+ box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.5);
}
-
-input[type=text][disabled],
-input[type=password][disabled],
-input[type=email][disabled],
-input[type=url][disabled],
-input[type=date][disabled],
-input[type=month][disabled],
-input[type=time][disabled],
-input[type=datetime][disabled],
-input[type=datetime-local][disabled],
-input[type=week][disabled],
-input[type=number][disabled],
-input[type=search][disabled],
-input[type=tel][disabled],
-input[type=color][disabled],
+input[type="file"]:focus,
+input[type="radio"]:focus,
+input[type="checkbox"]:focus {
+ outline: 1px thin var(--dividers);
+}
+input[type="text"][disabled],
+input[type="password"][disabled],
+input[type="email"][disabled],
+input[type="url"][disabled],
+input[type="date"][disabled],
+input[type="month"][disabled],
+input[type="time"][disabled],
+input[type="datetime"][disabled],
+input[type="datetime-local"][disabled],
+input[type="week"][disabled],
+input[type="number"][disabled],
+input[type="search"][disabled],
+input[type="tel"][disabled],
+input[type="color"][disabled],
select[disabled],
textarea[disabled] {
- background-color: rgba(0, 0, 0, 0.12);
- color: rgba(0, 0, 0, 0.54);
+ background-color: var(--dividers);
+ color: var(--secondary);
cursor: not-allowed;
opacity: 1;
}
-
input:not([type])[disabled] {
- background-color: rgba(0, 0, 0, 0.12);
- color: rgba(0, 0, 0, 0.54);
+ background-color: var(--dividers);
+ color: var(--secondary);
cursor: not-allowed;
opacity: 1;
}
-
input[readonly],
select[readonly],
textarea[readonly] {
- border-color: rgba(0, 0, 0, 0.12);
- color: rgba(0, 0, 0, 0.54);
+ border-color: var(--dividers);
+ color: var(--secondary);
}
-
input:focus:invalid,
textarea:focus:invalid,
select:focus:invalid {
- border-color: #f10f36;
- color: #f43f5e;
+ border-color: var(--red-600);
+ color: var(--red);
}
-
-input[type=file]:focus:invalid:focus,
-input[type=radio]:focus:invalid:focus,
-input[type=checkbox]:focus:invalid:focus {
- outline-color: #f43f5e;
+input[type="file"]:focus:invalid:focus,
+input[type="radio"]:focus:invalid:focus,
+input[type="checkbox"]:focus:invalid:focus {
+ outline-color: var(--red);
}
-
select {
- border: 1px solid rgba(0, 0, 0, 0.12);
+ border: var(--border);
vertical-align: sub;
}
-
select:not([size]):not([multiple]) {
height: calc(2.25rem + 2px);
}
-
select[multiple] {
height: auto;
}
-
label {
display: inline-block;
line-height: 2;
}
-
fieldset {
border: 0;
margin: 0;
- padding: 8px 0;
+ padding: var(--sm-pad 0);
}
-
legend {
- border-bottom: 1px solid rgba(0, 0, 0, 0.12);
- color: rgba(0, 0, 0, 0.8);
+ border-bottom: var(--border);
+ color: var(--text);
display: block;
- margin-bottom: 8px;
- padding: 8px 0;
+ margin-bottom: var(--sm-pad);
+ padding: var(--sm-pad 0);
width: 100%;
}
-
textarea {
overflow: auto;
resize: vertical;
}
-
input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
padding: 0;
display: inline;
}
-
input[type=submit],
input[type=reset],
input[type=button],
button {
- background-color: #3b82f6;
- border: #3b82f6;
- border-radius: 4px;
- color: #fff;
- padding: 8px 16px;
+ background-color: var(--primary);
+ border: var(--primary);
+ border-radius: var(--br);
+ color: var(--white);
+ padding: var(--sm-pad) var(--md-pad);
display: inline-block;
font-weight: 400;
text-align: center;
@@ -764,34 +695,30 @@ button {
border: 1px solid transparent;
font-size: 1rem;
line-height: 1.5;
- transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
-
input[type=submit]::-moz-focus-inner,
input[type=reset]::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
button::-moz-focus-inner {
padding: 0;
}
-
input[type=submit]:hover,
input[type=reset]:hover,
input[type=button]:hover,
button:hover {
- background-color: #166bf4;
- border-color: #0b63f3;
- color: #fff;
+ background-color: var(--primary-600);
+ border-color: var(--primary-600);
+ color: var(--white);
}
-
input[type=submit]:not(:disabled):active,
input[type=reset]:not(:disabled):active,
input[type=button]:not(:disabled):active,
button:not(:disabled):active {
- background-color: #0b63f3;
- border-color: #0b5ee7;
- color: #fff;
+ background-color: var(--primary-600);
+ border-color: var(--primary-600);
+ color: var(--white);
}
-
input[type=submit]:focus,
input[type=reset]:focus,
input[type=button]:focus,
@@ -799,51 +726,43 @@ button:focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.5);
}
-
input[type=submit]:disabled,
input[type=reset]:disabled,
input[type=button]:disabled,
button:disabled {
- opacity: 0.65;
+ opacity: .65;
cursor: not-allowed;
- background-color: #3b82f6;
- border-color: #3b82f6;
- color: #fff;
+ background-color: var(--primary);
+ border-color: var(--primary);
+ color: var(--white);
}
-
table {
- border-top: 1px solid rgba(0, 0, 0, 0.12);
- margin-bottom: 16px;
+ border-top: var(--border);
+ margin-bottom: var(--md-pad);
}
-
caption {
- padding: 8px 0;
+ padding: var(--sm-pad 0);
}
-
thead th {
border: 0;
- border-bottom: 2px solid rgba(0, 0, 0, 0.12);
+ border-bottom: 2px solid var(--dividers);
text-align: left;
}
-
tr {
- margin-bottom: 8px;
+ margin-bottom: var(--sm-pad);
}
-
th,
td {
- border-bottom: 1px solid rgba(0, 0, 0, 0.12);
- padding: 16px;
+ border-bottom: var(--border);
+ padding: var(--md-pad);
vertical-align: inherit;
}
-
tfoot tr {
text-align: left;
}
-
tfoot td {
- color: rgba(0, 0, 0, 0.54);
- font-size: 8px;
+ color: var(--secondary);
+ font-size: var(--sm-pad);
font-style: italic;
- padding: 16px 4px;
-}
\ No newline at end of file
+ padding: var(--md-pad) var(--xs-pad);
+}
diff --git a/css/marx.min.css b/css/marx.min.css
index a00ca1f..f61cc90 100644
--- a/css/marx.min.css
+++ b/css/marx.min.css
@@ -1,2 +1 @@
-@charset "UTF-8";*,:after,:before{background-repeat:no-repeat;box-sizing:border-box}:after,:before{text-decoration:inherit;vertical-align:inherit}:where(:root){-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;cursor:default;line-height:1.5;overflow-wrap:break-word;-moz-tab-size:4;-o-tab-size:4;tab-size:4}:where(body){margin:0}:where(h1){font-size:2em;margin:.67em 0}:where(dl,ol,ul) :where(dl,ol,ul){margin:0}:where(hr){color:inherit;height:0}:where(nav) :where(ol,ul){list-style-type:none;padding:0}:where(navli):before{content:"";float:left}:where(pre){font-family:monospace,monospace;font-size:1em;overflow:auto}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(audio,canvas,iframe,img,svg,video){vertical-align:middle}:where(iframe){border-style:none}:where(svg:not([fill])){fill:currentColor}:where(table){border-collapse:collapse;border-color:inherit;text-indent:0}:where(button,input,select){margin:0}:where(button,[type=button i],[type=reset i],[type=submit i]){-webkit-appearance:button}:where(fieldset){border:1px solid #a0a0a0}:where(progress){vertical-align:baseline}:where(textarea){margin:0;resize:vertical}:where([type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(details>summary:first-of-type){display:list-item}:where([aria-busy=true i]){cursor:progress}:where([aria-controls]){cursor:pointer}:where([aria-disabled=true i],[disabled]){cursor:not-allowed}:where([aria-hidden=false i][hidden]){display:initial}:where([aria-hidden=false i][hidden]:not(:focus)){clip:rect(0,0,0,0);position:absolute}/*! Marx v3.0.9 - The classless CSS reset (perfect for Communists) | MIT License | https://github.com/mblode/marx */article,aside,details,footer,header,main,section,summary{margin:0 auto 16px;width:100%}main{display:block;margin:0 auto;max-width:768px;padding:0 16px 16px}footer{border-top:1px solid rgba(0,0,0,.12);padding:16px 0;text-align:center}footer p{margin-bottom:0}hr{border:0;border-top:1px solid rgba(0,0,0,.12);box-sizing:content-box;display:block;height:0;margin-bottom:16px;margin-top:16px;overflow:visible;width:100%}img{height:auto;max-width:100%;vertical-align:baseline}@media screen and (max-width:400px){article,aside,section{clear:both;display:block;max-width:100%}img{margin-right:16px}}embed,iframe,video{border:0}body{color:rgba(0,0,0,.8);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:16px;line-height:1.5}p{margin:0 0 16px}h1,h2,h3,h4,h5,h6{color:inherit;font-family:inherit;font-weight:500;line-height:1.2}h1{font-size:40px}h1,h2{margin:20px 0 16px}h2{font-size:32px}h3{font-size:28px}h3,h4{margin:16px 0 4px}h4{font-size:24px}h5{font-size:20px}h5,h6{margin:16px 0 4px}h6{font-size:16px}small{color:rgba(0,0,0,.54);vertical-align:bottom}pre{background:#f7f7f9;display:block;margin:16px 0;overflow-wrap:break-word;padding:16px;white-space:pre-wrap}code,pre{color:rgba(0,0,0,.8);font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:16px}code{word-wrap:break-word;line-height:inherit;margin:0;padding:0;vertical-align:baseline;word-break:break-all}a{background-color:transparent;color:#3b82f6;text-decoration:none}a:focus,a:hover{color:#0b63f3;text-decoration:underline}dl{margin-bottom:16px}dd{margin-left:40px}ol,ul{margin-bottom:8px;padding-left:40px;vertical-align:baseline}blockquote{border-left:2px solid rgba(0,0,0,.8);font-style:italic;margin:16px 0;padding-left:16px}blockquote,figcaption{font-family:Georgia,Times,Times New Roman,serif}u{text-decoration:underline}s{text-decoration:line-through}sup{vertical-align:super}sub,sup{font-size:14px}sub{vertical-align:sub}mark{background:#eab308}input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{background:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.12);border-radius:4px;color:rgba(0,0,0,.8);display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:1rem;line-height:1.5;padding:8px 16px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%;word-break:normal}input[type=color]{display:inline-block;vertical-align:middle}input:not([type]),input[type=color]{background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:4px}input:not([type]){-webkit-appearance:none;background-clip:padding-box;color:rgba(0,0,0,.8);display:block;line-height:1.5;padding:8px 16px;text-align:left;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%;word-break:normal}input:not([type]):focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus{background-color:#fff;border-color:#9dc1fb;box-shadow:0 0 0 .2rem rgba(59,130,246,.25);outline:0}input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus{outline:1px thin rgba(0,0,0,.12)}input:not([type])[disabled],input[type=color][disabled],input[type=date][disabled],input[type=datetime-local][disabled],input[type=datetime][disabled],input[type=email][disabled],input[type=month][disabled],input[type=number][disabled],input[type=password][disabled],input[type=search][disabled],input[type=tel][disabled],input[type=text][disabled],input[type=time][disabled],input[type=url][disabled],input[type=week][disabled],select[disabled],textarea[disabled]{background-color:rgba(0,0,0,.12);color:rgba(0,0,0,.54);cursor:not-allowed;opacity:1}input[readonly],select[readonly],textarea[readonly]{border-color:rgba(0,0,0,.12);color:rgba(0,0,0,.54)}input:focus:invalid,select:focus:invalid,textarea:focus:invalid{border-color:#f10f36;color:#f43f5e}input[type=checkbox]:focus:invalid:focus,input[type=file]:focus:invalid:focus,input[type=radio]:focus:invalid:focus{outline-color:#f43f5e}select{border:1px solid rgba(0,0,0,.12);vertical-align:sub}select:not([size]):not([multiple]){height:calc(2.25rem + 2px)}select[multiple]{height:auto}label{display:inline-block;line-height:2}fieldset{border:0;margin:0;padding:8px 0}legend{border-bottom:1px solid rgba(0,0,0,.12);color:rgba(0,0,0,.8);display:block;margin-bottom:8px;padding:8px 0;width:100%}textarea{overflow:auto;resize:vertical}input[type=checkbox],input[type=radio]{box-sizing:border-box;display:inline;padding:0}button,input[type=button],input[type=reset],input[type=submit]{background-color:#3b82f6;border:1px solid transparent;border-radius:4px;color:#fff;display:inline-block;font-size:1rem;font-weight:400;line-height:1.5;padding:8px 16px;text-align:center;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner{padding:0}button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{background-color:#166bf4;border-color:#0b63f3;color:#fff}button:not(:disabled):active,input[type=button]:not(:disabled):active,input[type=reset]:not(:disabled):active,input[type=submit]:not(:disabled):active{background-color:#0b63f3;border-color:#0b5ee7;color:#fff}button:focus,input[type=button]:focus,input[type=reset]:focus,input[type=submit]:focus{box-shadow:0 0 0 .2rem rgba(59,130,246,.5);outline:0}button:disabled,input[type=button]:disabled,input[type=reset]:disabled,input[type=submit]:disabled{background-color:#3b82f6;border-color:#3b82f6;color:#fff;cursor:not-allowed;opacity:.65}table{border-top:1px solid rgba(0,0,0,.12);margin-bottom:16px}caption{padding:8px 0}thead th{border:0;border-bottom:2px solid rgba(0,0,0,.12);text-align:left}tr{margin-bottom:8px}td,th{border-bottom:1px solid rgba(0,0,0,.12);padding:16px;vertical-align:inherit}tfoot tr{text-align:left}tfoot td{color:rgba(0,0,0,.54);font-size:8px;font-style:italic;padding:16px 4px}
-/*# sourceMappingURL=marx.min.css.map */
+/*! Marx v4.0.0 - The classless CSS reset (perfect for Communists) | MIT License | https://github.com/mblode/marx */*,:after,:before{background-repeat:no-repeat;box-sizing:border-box}:after,:before{text-decoration:inherit;vertical-align:inherit}:where(:root){-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;cursor:default;line-height:1.5;overflow-wrap:break-word;-moz-tab-size:4;-o-tab-size:4;tab-size:4}:where(body){margin:0}:where(h1){font-size:2em;margin:.67em 0}:where(dl,ol,ul) :where(dl,ol,ul){margin:0}:where(hr){color:inherit;height:0}:where(nav) :where(ol,ul){list-style-type:none;padding:0}:where(navli):before{content:"\200B";float:left}:where(pre){font-family:monospace,monospace;font-size:1em;overflow:auto}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(audio,canvas,iframe,img,svg,video){vertical-align:middle}:where(iframe){border-style:none}:where(svg:not([fill])){fill:currentColor}:where(table){border-collapse:collapse;border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button,[type=button i],[type=reset i],[type=submit i]){-webkit-appearance:button}:where(fieldset){border:1px solid #a0a0a0}:where(progress){vertical-align:baseline}:where(textarea){margin:0;resize:vertical}:where([type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(details>summary:first-of-type){display:list-item}:where([aria-busy=true i]){cursor:progress}:where([aria-disabled=true i],[disabled]){cursor:not-allowed}:where([aria-hidden=false i][hidden]){display:initial}:where([aria-hidden=false i][hidden]:not(:focus)){clip:rect(0,0,0,0);position:absolute}:root{--br:4px;--xs-pad:4px;--sm-pad:8px;--md-pad:16px;--lg-pad:20px;--xlg-pad:40px;--sm-breakpoint:400px;--lg-breakpoint:768px;--primary-400:#60a5fa;--primary:#3b82f6;--primary-600:#2563eb;--accent:#64ffda;--red:#f43f5e;--red-600:#dc2626;--yellow:#eab308;--grey:#f7f7f9;--white:#fff;--black:#000;--text:rgba(0,0,0,.8);--secondary:rgba(0,0,0,.54);--disabled:rgba(0,0,0,.38);--dividers:rgba(0,0,0,.12);--link-color:var(--primary);--sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--serif:Georgia,Times,"Times New Roman",serif;--monospace:Menlo,Monaco,Consolas,"Courier New",monospace;--font-family:var(--sans-serif);--font-size-base:16px;--font-size-sm:14px;--font-size-h1:40px;--font-size-h2:32px;--font-size-h3:28px;--font-size-h4:24px;--font-size-h5:20px;--font-size-h6:16px;--line-height-base:1.5;--border:1px solid var(--dividers)}article,aside,details,footer,header,main,section,summary{margin:0 auto;margin-bottom:var(--md-pad);width:100%}main{display:block;margin:0 auto;max-width:var(--lg-breakpoint);padding:0 var(--md-pad) var(--md-pad)}footer{border-top:var(--border);padding:var(--md-pad) 0;text-align:center}footer p{margin-bottom:0}hr{border:0;border-top:var(--border);box-sizing:content-box;display:block;height:0;margin-bottom:var(--md-pad);margin-top:var(--md-pad);overflow:visible;width:100%}img{height:auto;max-width:100%;vertical-align:baseline}@media screen and (max-width:var(--sm-breakpoint)){article,aside,section{clear:both;display:block;max-width:100%}img{margin-right:var(--md-pad)}}embed,iframe,video{border:0}body{color:var(--text);font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-base)}p{margin:0;margin-bottom:var(--md-pad)}h1,h2,h3,h4,h5,h6{color:inherit;font-family:inherit;font-weight:500;line-height:1.2}h1{font-size:var(--font-size-h1)}h1,h2{margin:var(--lg-pad) 0 var(--md-pad)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}h3,h4{margin:var(--md-pad) 0 var(--xs-pad)}h4{font-size:var(--font-size-h4)}h5{font-size:var(--font-size-h5);margin:var(--md-pad 0) var(--xs-pad)}h6{font-size:var(--font-size-h6);margin:var(--md-pad) 0 var(--xs-pad)}small{color:var(--secondary);vertical-align:bottom}pre{background-color:var(--grey);display:block;margin:var(--md-pad 0);overflow-wrap:break-word;padding:var(--md-pad);white-space:pre-wrap}code,pre{color:var(--text);font-family:var(--monospace);font-size:var(--font-size-base)}code{word-wrap:break-word;line-height:inherit;margin:0;padding:0;vertical-align:baseline;word-break:break-all}a{background-color:transparent;color:var(--link-color);text-decoration:none}a:focus,a:hover{color:var(--primary-600);text-decoration:underline}dl{margin-bottom:var(--md-pad)}dd{margin-left:var(--xlg-pad)}ol,ul{margin-bottom:var(--sm-pad);padding-left:var(--xlg-pad);vertical-align:baseline}blockquote{border-left:2px solid var(--text);font-style:italic;margin:var(--md-pad 0);padding-left:var(--md-pad)}blockquote,figcaption{font-family:var(--serif)}u{text-decoration:underline}s{text-decoration:line-through}sup{vertical-align:super}sub,sup{font-size:var(--font-size-sm)}sub{vertical-align:sub}mark{background-color:var(--yellow)}input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{background:var(--white);background-clip:padding-box;border:var(--border);border-radius:var(--br);color:var(--text);display:block;font-family:var(--sans-serif);font-size:1rem;line-height:1.5;padding:var(--sm-pad) var(--md-pad);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%;word-break:normal}input[type=color]{background-color:var(--white);display:inline-block;vertical-align:middle}input:not([type]),input[type=color]{border:var(--border);border-radius:var(--br)}input:not([type]){-webkit-appearance:none;background:var(--white);background-clip:padding-box;color:var(--text);display:block;line-height:1.5;padding:var(--sm-pad) var(--md-pad);text-align:left;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%;word-break:normal}input:not([type]):focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus{background-color:var(--white);border-color:var(--primary-400);box-shadow:0 0 0 .2rem rgba(59,130,246,.5);outline:0}input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus{outline:1px thin var(--dividers)}input:not([type])[disabled],input[type=color][disabled],input[type=date][disabled],input[type=datetime-local][disabled],input[type=datetime][disabled],input[type=email][disabled],input[type=month][disabled],input[type=number][disabled],input[type=password][disabled],input[type=search][disabled],input[type=tel][disabled],input[type=text][disabled],input[type=time][disabled],input[type=url][disabled],input[type=week][disabled],select[disabled],textarea[disabled]{background-color:var(--dividers);color:var(--secondary);cursor:not-allowed;opacity:1}input[readonly],select[readonly],textarea[readonly]{border-color:var(--dividers);color:var(--secondary)}input:focus:invalid,select:focus:invalid,textarea:focus:invalid{border-color:var(--red-600);color:var(--red)}input[type=checkbox]:focus:invalid:focus,input[type=file]:focus:invalid:focus,input[type=radio]:focus:invalid:focus{outline-color:var(--red)}select{border:var(--border);vertical-align:sub}select:not([size]):not([multiple]){height:calc(2.25rem + 2px)}select[multiple]{height:auto}label{display:inline-block;line-height:2}fieldset{border:0;margin:0}fieldset,legend{padding:var(--sm-pad 0)}legend{border-bottom:var(--border);color:var(--text);display:block;margin-bottom:var(--sm-pad);width:100%}textarea{overflow:auto;resize:vertical}input[type=checkbox],input[type=radio]{box-sizing:border-box;display:inline;padding:0}button,input[type=button],input[type=reset],input[type=submit]{background-color:var(--primary);border:1px solid transparent;border-radius:var(--br);color:var(--white);display:inline-block;font-size:1rem;font-weight:400;line-height:1.5;padding:var(--sm-pad) var(--md-pad);text-align:center;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner{padding:0}button:hover,button:not(:disabled):active,input[type=button]:hover,input[type=button]:not(:disabled):active,input[type=reset]:hover,input[type=reset]:not(:disabled):active,input[type=submit]:hover,input[type=submit]:not(:disabled):active{background-color:var(--primary-600);border-color:var(--primary-600);color:var(--white)}button:focus,input[type=button]:focus,input[type=reset]:focus,input[type=submit]:focus{box-shadow:0 0 0 .2rem rgba(59,130,246,.5);outline:0}button:disabled,input[type=button]:disabled,input[type=reset]:disabled,input[type=submit]:disabled{background-color:var(--primary);border-color:var(--primary);color:var(--white);cursor:not-allowed;opacity:.65}table{border-top:var(--border);margin-bottom:var(--md-pad)}caption{padding:var(--sm-pad 0)}thead th{border:0;border-bottom:2px solid var(--dividers);text-align:left}tr{margin-bottom:var(--sm-pad)}td,th{border-bottom:var(--border);padding:var(--md-pad);vertical-align:inherit}tfoot tr{text-align:left}tfoot td{color:var(--secondary);font-size:var(--sm-pad);font-style:italic;padding:var(--md-pad) var(--xs-pad)}
\ No newline at end of file
diff --git a/css/marx.min.css.map b/css/marx.min.css.map
deleted file mode 100644
index 2bf63d1..0000000
--- a/css/marx.min.css.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"sources":["../node_modules/sanitize.css/sanitize.css","marx.scss","_base.scss","_typography.scss","_form.scss","_buttons.scss","_tables.scss"],"names":[],"mappings":"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","file":"marx.min.css","sourcesContent":["/* Document\n * ========================================================================== */\n\n/**\n * 1. Add border box sizing in all browsers (opinionated).\n * 2. Backgrounds do not repeat by default (opinionated).\n */\n\n*,\n::before,\n::after {\n box-sizing: border-box; /* 1 */\n background-repeat: no-repeat; /* 2 */\n}\n\n/**\n * 1. Add text decoration inheritance in all browsers (opinionated).\n * 2. Add vertical alignment inheritance in all browsers (opinionated).\n */\n\n::before,\n::after {\n text-decoration: inherit; /* 1 */\n vertical-align: inherit; /* 2 */\n}\n\n/**\n * 1. Use the default cursor in all browsers (opinionated).\n * 2. Change the line height in all browsers (opinionated).\n * 3. Breaks words to prevent overflow in all browsers (opinionated).\n * 4. Use a 4-space tab width in all browsers (opinionated).\n * 5. Remove the grey highlight on links in iOS (opinionated).\n * 6. Prevent adjustments of font size after orientation changes in iOS.\n */\n\n:where(:root) {\n cursor: default; /* 1 */\n line-height: 1.5; /* 2 */\n overflow-wrap: break-word; /* 3 */\n -moz-tab-size: 4; /* 4 */\n tab-size: 4; /* 4 */\n -webkit-tap-highlight-color: transparent; /* 5 */\n -webkit-text-size-adjust: 100%; /* 6 */\n}\n\n/* Sections\n * ========================================================================== */\n\n/**\n * Remove the margin in all browsers (opinionated).\n */\n\n:where(body) {\n margin: 0;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Edge, Firefox, and Safari.\n */\n\n:where(h1) {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n * ========================================================================== */\n\n/**\n * Remove the margin on nested lists in Chrome, Edge, and Safari.\n */\n\n:where(dl, ol, ul) :where(dl, ol, ul) {\n margin: 0;\n}\n\n/**\n * 1. Correct the inheritance of border color in Firefox.\n * 2. Add the correct box sizing in Firefox.\n */\n\n:where(hr) {\n color: inherit; /* 1 */\n height: 0; /* 2 */\n}\n\n/**\n * Remove the list style on navigation lists in all browsers (opinionated).\n */\n\n:where(nav) :where(ol, ul) {\n list-style-type: none;\n padding: 0;\n}\n\n/**\n * Prevent VoiceOver from ignoring list semantics in Safari (opinionated).\n */\n\n:where(nav li)::before {\n content: \"\\200B\";\n float: left;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n * 3. Prevent overflow of the container in all browsers (opinionated).\n */\n\n:where(pre) {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n overflow: auto; /* 3 */\n}\n\n/* Text-level semantics\n * ========================================================================== */\n\n/**\n * Add the correct text decoration in Safari.\n */\n\n:where(abbr[title]) {\n text-decoration: underline;\n text-decoration: underline dotted;\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\n:where(b, strong) {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\n:where(code, kbd, samp) {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\n:where(small) {\n font-size: 80%;\n}\n\n/* Embedded content\n * ========================================================================== */\n\n/*\n * Change the alignment on media elements in all browsers (opinionated).\n */\n\n:where(audio, canvas, iframe, img, svg, video) {\n vertical-align: middle;\n}\n\n/**\n * Remove the border on iframes in all browsers (opinionated).\n */\n\n:where(iframe) {\n border-style: none;\n}\n\n/**\n * Change the fill color to match the text color in all browsers (opinionated).\n */\n\n:where(svg:not([fill])) {\n fill: currentColor;\n}\n\n/* Tabular data\n * ========================================================================== */\n\n/**\n * 1. Collapse border spacing in all browsers (opinionated).\n * 2. Correct table border color inheritance in all Chrome, Edge, and Safari.\n * 3. Remove text indentation from table contents in Chrome, Edge, and Safari.\n */\n\n:where(table) {\n border-collapse: collapse; /* 1 */\n border-color: inherit; /* 2 */\n text-indent: 0; /* 3 */\n}\n\n/* Forms\n * ========================================================================== */\n\n/**\n * Remove the margin on controls in Safari.\n */\n\n:where(button, input, select) {\n margin: 0;\n}\n\n/**\n * Correct the inability to style buttons in iOS and Safari.\n */\n\n:where(button, [type=\"button\" i], [type=\"reset\" i], [type=\"submit\" i]) {\n -webkit-appearance: button;\n}\n\n/**\n * Change the inconsistent appearance in all browsers (opinionated).\n */\n\n:where(fieldset) {\n border: 1px solid #a0a0a0;\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Edge, and Firefox.\n */\n\n:where(progress) {\n vertical-align: baseline;\n}\n\n/**\n * 1. Remove the margin in Firefox and Safari.\n * 3. Change the resize direction in all browsers (opinionated).\n */\n\n:where(textarea) {\n margin: 0; /* 1 */\n resize: vertical; /* 3 */\n}\n\n/**\n * 1. Correct the odd appearance in Chrome, Edge, and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n:where([type=\"search\" i]) {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Safari.\n */\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * Correct the text style of placeholders in Chrome, Edge, and Safari.\n */\n\n::-webkit-input-placeholder {\n color: inherit;\n opacity: 0.54;\n}\n\n/**\n * Remove the inner padding in Chrome, Edge, and Safari on macOS.\n */\n\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style upload buttons in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n * ========================================================================== */\n\n/*\n * Add the correct styles in Safari.\n */\n\n:where(dialog) {\n background-color: white;\n border: solid;\n color: black;\n height: -moz-fit-content;\n height: fit-content;\n left: 0;\n margin: auto;\n padding: 1em;\n position: absolute;\n right: 0;\n width: -moz-fit-content;\n width: fit-content;\n}\n\n:where(dialog:not([open])) {\n display: none;\n}\n\n/*\n * Add the correct display in Safari.\n */\n\n:where(details > summary:first-of-type) {\n display: list-item;\n}\n\n/* Accessibility\n * ========================================================================== */\n\n/**\n * Change the cursor on busy elements in all browsers (opinionated).\n */\n\n:where([aria-busy=\"true\" i]) {\n cursor: progress;\n}\n\n/*\n * Change the cursor on control elements in all browsers (opinionated).\n */\n\n:where([aria-controls]) {\n cursor: pointer;\n}\n\n/*\n * Change the cursor on disabled, not-editable, or otherwise\n * inoperable elements in all browsers (opinionated).\n */\n\n:where([aria-disabled=\"true\" i], [disabled]) {\n cursor: not-allowed;\n}\n\n/*\n * Change the display on visually hidden accessible elements\n * in all browsers (opinionated).\n */\n\n:where([aria-hidden=\"false\" i][hidden]) {\n display: initial;\n}\n\n:where([aria-hidden=\"false\" i][hidden]:not(:focus)) {\n clip: rect(0, 0, 0, 0);\n position: absolute;\n}\n","@charset 'utf-8';\n\n@import 'sanitize.css/sanitize';\n\n/*! Marx v3.0.9 - The classless CSS reset (perfect for Communists) | MIT License | https://github.com/mblode/marx */\n@import 'variables';\n@import 'base';\n@import 'typography';\n@import 'form';\n@import 'buttons';\n@import 'tables';\n","main,\nheader,\nfooter,\narticle,\nsection,\naside,\ndetails,\nsummary {\n margin: 0 auto;\n margin-bottom: $md-pad;\n width: 100%;\n}\n\nmain {\n display: block;\n margin: 0 auto;\n max-width: $large-breakpoint;\n padding: 0 $md-pad $md-pad;\n}\n\nfooter {\n border-top: $border;\n padding: $md-pad 0;\n text-align: center;\n\n p {\n margin-bottom: 0;\n }\n}\n\nhr {\n border: 0;\n border-top: $border;\n display: block;\n margin-top: $md-pad;\n margin-bottom: $md-pad;\n width: 100%;\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n}\n\nimg {\n height: auto;\n max-width: 100%;\n vertical-align: baseline;\n}\n\n@media screen and (max-width: $small-breakpoint) {\n article,\n section,\n aside {\n clear: both;\n display: block;\n max-width: 100%;\n }\n\n img {\n margin-right: $md-pad;\n }\n}\n\nembed,\niframe,\nvideo {\n border: 0;\n}\n","body {\n color: $text;\n font-family: $font-family;\n font-size: $font-size-base;\n line-height: $line-height-base;\n}\n\np {\n margin: 0;\n margin-bottom: $md-pad;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n color: inherit;\n font-family: inherit;\n line-height: 1.2;\n font-weight: 500;\n}\n\nh1 {\n font-size: $font-size-h1;\n margin: $lg-pad 0 $md-pad;\n}\n\nh2 {\n font-size: $font-size-h2;\n margin: $lg-pad 0 $md-pad;\n}\n\nh3 {\n font-size: $font-size-h3;\n margin: $md-pad 0 $xs-pad;\n}\n\nh4 {\n font-size: $font-size-h4;\n margin: $md-pad 0 $xs-pad;\n}\n\nh5 {\n font-size: $font-size-h5;\n margin: $md-pad 0 $xs-pad;\n}\n\nh6 {\n font-size: $font-size-h6;\n margin: $md-pad 0 $xs-pad;\n}\n\nsmall {\n color: $secondary;\n vertical-align: bottom;\n}\n\npre {\n background: $grey;\n color: $text;\n display: block;\n font-family: $monospace;\n font-size: $font-size-base;\n margin: $md-pad 0;\n padding: $md-pad;\n white-space: pre-wrap;\n overflow-wrap: break-word;\n}\n\ncode {\n color: $text;\n font-family: $monospace;\n font-size: $font-size-base;\n line-height: inherit;\n margin: 0;\n padding: 0;\n vertical-align: baseline;\n word-break: break-all;\n word-wrap: break-word;\n}\n\na {\n color: $link-color;\n text-decoration: none;\n background-color: transparent;\n\n &:hover,\n &:focus {\n color: darken($primary, 10%);\n text-decoration: underline;\n }\n}\n\ndl {\n margin-bottom: $md-pad;\n}\n\ndd {\n margin-left: $xlg-pad;\n}\n\nul,\nol {\n margin-bottom: $sm-pad;\n padding-left: $xlg-pad;\n vertical-align: baseline;\n}\n\nblockquote {\n border-left: 2px solid $text;\n font-family: $serif;\n font-style: italic;\n margin: $md-pad 0;\n padding-left: $md-pad;\n}\n\nfigcaption {\n font-family: $serif;\n}\n\nu {\n text-decoration: underline;\n}\n\ns {\n text-decoration: line-through;\n}\n\nsup {\n font-size: $font-size-small;\n vertical-align: super;\n}\n\nsub {\n font-size: $font-size-small;\n vertical-align: sub;\n}\n\nmark {\n background: $yellow;\n}\n","input[type=\"text\"],\ninput[type=\"password\"],\ninput[type=\"email\"],\ninput[type=\"url\"],\ninput[type=\"date\"],\ninput[type=\"month\"],\ninput[type=\"time\"],\ninput[type=\"datetime\"],\ninput[type=\"datetime-local\"],\ninput[type=\"week\"],\ninput[type=\"number\"],\ninput[type=\"search\"],\ninput[type=\"tel\"],\nselect,\ntextarea {\n background: $white;\n background-clip: padding-box;\n border: $border;\n border-radius: $br;\n color: $text;\n display: block;\n width: 100%;\n font-size: 1rem;\n padding: $sm-pad $md-pad;\n line-height: 1.5;\n transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n font-family: $sans-serif;\n word-break: normal;\n}\n\ninput[type=\"color\"], {\n background: $white;\n border: $border;\n border-radius: $br;\n display: inline-block;\n vertical-align: middle;\n}\n\ninput:not([type]) {\n -webkit-appearance: none;\n background: $white;\n background-clip: padding-box;\n border: $border;\n border-radius: $br;\n color: $text;\n display: block;\n width: 100%;\n padding: $sm-pad $md-pad;\n line-height: 1.5;\n transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n text-align: left;\n word-break: normal;\n}\n\ninput[type=\"text\"]:focus,\ninput[type=\"password\"]:focus,\ninput[type=\"email\"]:focus,\ninput[type=\"url\"]:focus,\ninput[type=\"date\"]:focus,\ninput[type=\"month\"]:focus,\ninput[type=\"time\"]:focus,\ninput[type=\"datetime\"]:focus,\ninput[type=\"datetime-local\"]:focus,\ninput[type=\"week\"]:focus,\ninput[type=\"number\"]:focus,\ninput[type=\"search\"]:focus,\ninput[type=\"tel\"]:focus,\ninput[type=\"color\"]:focus,\nselect:focus,\ntextarea:focus {\n background-color: $white;\n border-color: mix($primary, $white);\n outline: 0;\n box-shadow: 0 0 0 0.2rem fade_out($primary, 0.75);\n}\n\ninput:not([type]):focus {\n background-color: $white;\n border-color: mix($primary, $white);\n outline: 0;\n box-shadow: 0 0 0 0.2rem fade_out($primary, 0.75);\n}\n\ninput[type=\"file\"]:focus,\ninput[type=\"radio\"]:focus,\ninput[type=\"checkbox\"]:focus {\n outline: 1px thin $dividers;\n}\n\ninput[type=\"text\"][disabled],\ninput[type=\"password\"][disabled],\ninput[type=\"email\"][disabled],\ninput[type=\"url\"][disabled],\ninput[type=\"date\"][disabled],\ninput[type=\"month\"][disabled],\ninput[type=\"time\"][disabled],\ninput[type=\"datetime\"][disabled],\ninput[type=\"datetime-local\"][disabled],\ninput[type=\"week\"][disabled],\ninput[type=\"number\"][disabled],\ninput[type=\"search\"][disabled],\ninput[type=\"tel\"][disabled],\ninput[type=\"color\"][disabled],\nselect[disabled],\ntextarea[disabled] {\n background-color: $dividers;\n color: $secondary;\n cursor: not-allowed;\n opacity: 1;\n}\n\ninput:not([type])[disabled] {\n background-color: $dividers;\n color: $secondary;\n cursor: not-allowed;\n opacity: 1;\n}\n\ninput[readonly],\nselect[readonly],\ntextarea[readonly] {\n border-color: $dividers;\n color: $secondary;\n}\n\ninput:focus:invalid,\ntextarea:focus:invalid,\nselect:focus:invalid {\n border-color: darken($red, 10);\n color: $red;\n}\n\ninput[type=\"file\"]:focus:invalid:focus,\ninput[type=\"radio\"]:focus:invalid:focus,\ninput[type=\"checkbox\"]:focus:invalid:focus {\n outline-color: $red;\n}\n\nselect {\n border: $border;\n vertical-align: sub;\n}\n\nselect:not([size]):not([multiple]) {\n height: calc(2.25rem + 2px);\n}\n\nselect[multiple] {\n height: auto;\n}\n\nlabel {\n display: inline-block;\n line-height: 2;\n}\n\nfieldset {\n border: 0;\n margin: 0;\n padding: $sm-pad 0;\n}\n\nlegend {\n border-bottom: $border;\n color: $text;\n display: block;\n margin-bottom: $sm-pad;\n padding: $sm-pad 0;\n width: 100%;\n}\n\ntextarea {\n overflow: auto;\n resize: vertical;\n}\n\ninput[type=checkbox],\ninput[type=radio] {\n box-sizing: border-box;\n padding: 0;\n display: inline;\n}\n","input[type=submit],\ninput[type=reset],\ninput[type=button],\nbutton {\n background-color: $primary;\n border: $primary;\n border-radius: $br;\n color: $white;\n padding: $sm-pad $md-pad;\n display: inline-block;\n font-weight: 400;\n text-align: center;\n white-space: nowrap;\n vertical-align: middle;\n user-select: none;\n border: 1px solid transparent;\n font-size: 1rem;\n line-height: 1.5;\n transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n}\n\ninput[type=submit]::-moz-focus-inner,\ninput[type=reset]::-moz-focus-inner,\ninput[type=button]::-moz-focus-inner,\nbutton::-moz-focus-inner {\n padding: 0;\n}\n\ninput[type=submit]:hover,\ninput[type=reset]:hover,\ninput[type=button]:hover,\nbutton:hover {\n background-color: darken($primary, 7.5%);\n border-color: darken($primary, 10%);\n color: $white;\n}\n\ninput[type=submit]:not(:disabled):active,\ninput[type=reset]:not(:disabled):active,\ninput[type=button]:not(:disabled):active,\nbutton:not(:disabled):active {\n background-color: darken($primary, 10%);\n border-color: darken($primary, 12.5%);\n color: $white;\n}\n\ninput[type=submit]:focus,\ninput[type=reset]:focus,\ninput[type=button]:focus,\nbutton:focus {\n outline: 0;\n box-shadow: 0 0 0 0.2rem fade_out($primary, 0.5);\n}\n\ninput[type=submit]:disabled,\ninput[type=reset]:disabled,\ninput[type=button]:disabled,\nbutton:disabled {\n opacity: .65;\n cursor: not-allowed;\n background-color: $primary;\n border-color: $primary;\n color: $white;\n}\n","table {\n border-top: $border;\n margin-bottom: $md-pad;\n}\n\ncaption {\n padding: $sm-pad 0;\n}\n\nthead th {\n border: 0;\n border-bottom: 2px solid $dividers;\n text-align: left;\n}\n\ntr {\n margin-bottom: $sm-pad;\n}\n\nth,\ntd {\n border-bottom: $border;\n padding: $md-pad;\n vertical-align: inherit;\n}\n\ntfoot tr {\n text-align: left;\n}\n\ntfoot td {\n color: $secondary;\n font-size: $sm-pad;\n font-style: italic;\n padding: $md-pad $xs-pad;\n}\n"]}
\ No newline at end of file
diff --git a/css/marx.styl.css b/css/marx.styl.css
deleted file mode 100644
index cfa3e93..0000000
--- a/css/marx.styl.css
+++ /dev/null
@@ -1,602 +0,0 @@
-*,
-::before,
-::after {
- box-sizing: border-box; /* 1 */
- background-repeat: no-repeat; /* 2 */
-}
-::before,
-::after {
- text-decoration: inherit; /* 1 */
- vertical-align: inherit; /* 2 */
-}
-:where(:root) {
- cursor: default; /* 1 */
- line-height: 1.5; /* 2 */
- overflow-wrap: break-word; /* 3 */
- -moz-tab-size: 4; /* 4 */
- -o-tab-size: 4;
- tab-size: 4; /* 4 */
- -webkit-tap-highlight-color: transparent; /* 5 */
- -webkit-text-size-adjust: 100%; /* 6 */
-}
-:where(body) {
- margin: 0;
-}
-:where(h1) {
- font-size: 2em;
- margin: 0.67em 0;
-}
-:where(dl,
-ol,
-ul) :where(dl,
-ul) {
- margin: 0;
-}
-:where(hr) {
- color: inherit; /* 1 */
- height: 0; /* 2 */
-}
-:where(nav) :where(ol,
-ul) {
- list-style-type: none;
- padding: 0;
-}
-:where(nav li)::before {
- content: "\200B";
- float: left;
-}
-:where(pre) {
- font-family: monospace, monospace; /* 1 */
- font-size: 1em; /* 2 */
- overflow: auto; /* 3 */
-}
-:where(abbr[title]) {
- text-decoration: underline;
- -webkit-text-decoration: underline dotted;
- text-decoration: underline dotted;
-}
-:where(b,
-strong) {
- font-weight: bolder;
-}
-:where(code,
-kbd,
-samp) {
- font-family: monospace, monospace; /* 1 */
- font-size: 1em; /* 2 */
-}
-:where(small) {
- font-size: 80%;
-}
-:where(audio,
-canvas,
-iframe,
-img,
-svg,
-video) {
- vertical-align: middle;
-}
-:where(iframe) {
- border-style: none;
-}
-:where(svg:not([fill])) {
- fill: currentColor;
-}
-:where(table) {
- border-collapse: collapse; /* 1 */
- border-color: inherit; /* 2 */
- text-indent: 0; /* 3 */
-}
-:where(button,
-input,
-select) {
- margin: 0;
-}
-:where(button,
-[type="button"i],
-[type="reset"i],
-[type="submit"i]) {
- -webkit-appearance: button;
-}
-:where(fieldset) {
- border: 1px solid #a0a0a0;
-}
-:where(progress) {
- vertical-align: baseline;
-}
-:where(textarea) {
- margin: 0; /* 1 */
- resize: vertical; /* 3 */
-}
-:where([type="search"i]) {
- -webkit-appearance: textfield; /* 1 */
- outline-offset: -2px; /* 2 */
-}
-::-webkit-inner-spin-button,
-::-webkit-outer-spin-button {
- height: auto;
-}
-::-webkit-input-placeholder {
- color: inherit;
- opacity: 0.54;
-}
-::-webkit-search-decoration {
- -webkit-appearance: none;
-}
-::-webkit-file-upload-button {
- -webkit-appearance: button; /* 1 */
- font: inherit; /* 2 */
-}
-:where(dialog) {
- background-color: #fff;
- border: solid;
- color: #000;
- height: -moz-fit-content;
- height: -webkit-fit-content;
- height: fit-content;
- left: 0;
- margin: auto;
- padding: 1em;
- position: absolute;
- right: 0;
- width: -moz-fit-content;
- width: -webkit-fit-content;
- width: fit-content;
-}
-:where(dialog:not([open])) {
- display: none;
-}
-:where(details > summary:first-of-type) {
- display: list-item;
-}
-:where([aria-busy="true"i]) {
- cursor: progress;
-}
-:where([aria-controls]) {
- cursor: pointer;
-}
-:where([aria-disabled="true"i],
-[disabled]) {
- cursor: not-allowed;
-}
-:where([aria-hidden="false"i][hidden]) {
- display: initial;
-}
-:where([aria-hidden="false"i][hidden]:not(:focus)) {
- clip: rect(0, 0, 0, 0);
- position: absolute;
-}
-/*! Marx v3.0.9 - The classless CSS reset (perfect for Communists) | MIT License | https://github.com/mblode/marx */
-main,
-header,
-footer,
-article,
-section,
-aside,
-details,
-summary {
- margin: 0 auto;
- margin-bottom: 16px;
- width: 100%;
-}
-main {
- display: block;
- margin: 0 auto;
- max-width: 768px;
- padding: 0 16px 16px;
-}
-footer {
- border-top: 1px solid rgba(0,0,0,0.12);
- padding: 16px 0;
- text-align: center;
-}
-footer p {
- margin-bottom: 0;
-}
-hr {
- border: 0;
- border-top: 1px solid rgba(0,0,0,0.12);
- display: block;
- margin-top: 16px;
- margin-bottom: 16px;
- width: 100%;
- box-sizing: content-box;
- height: 0;
- overflow: visible;
-}
-img {
- height: auto;
- max-width: 100%;
- vertical-align: baseline;
-}
-@media screen and (max-width: 400px) {
- article,
- section,
- aside {
- clear: both;
- display: block;
- max-width: 100%;
- }
- img {
- margin-right: 16px;
- }
-}
-embed,
-iframe,
-video {
- border: 0;
-}
-body {
- color: rgba(0,0,0,0.8);
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- font-size: 16px;
- line-height: 1.5;
-}
-p {
- margin: 0;
- margin-bottom: 16px;
-}
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
- color: inherit;
- font-family: inherit;
- line-height: 1.2;
- font-weight: 500;
-}
-h1 {
- font-size: 40px;
- margin: 20px 0 16px;
-}
-h2 {
- font-size: 32px;
- margin: 20px 0 16px;
-}
-h3 {
- font-size: 28px;
- margin: 16px 0 4px;
-}
-h4 {
- font-size: 24px;
- margin: 16px 0 4px;
-}
-h5 {
- font-size: 20px;
- margin: 16px 0 4px;
-}
-h6 {
- font-size: 16px;
- margin: 16px 0 4px;
-}
-small {
- color: rgba(0,0,0,0.54);
- vertical-align: bottom;
-}
-pre {
- background: #f7f7f9;
- color: rgba(0,0,0,0.8);
- display: block;
- font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
- font-size: 16px;
- margin: 16px 0;
- padding: 16px;
- white-space: pre-wrap;
- overflow-wrap: break-word;
-}
-code {
- color: rgba(0,0,0,0.8);
- font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
- font-size: 16px;
- line-height: inherit;
- margin: 0;
- padding: 0;
- vertical-align: baseline;
- word-break: break-all;
- word-wrap: break-word;
-}
-a {
- color: #3b82f6;
- text-decoration: none;
- background-color: transparent;
-}
-a:hover,
-a:focus {
- color: #1e6ff5;
- text-decoration: underline;
-}
-dl {
- margin-bottom: 16px;
-}
-dd {
- margin-left: 40px;
-}
-ul,
-ol {
- margin-bottom: 8px;
- padding-left: 40px;
- vertical-align: baseline;
-}
-blockquote {
- border-left: 2px solid rgba(0,0,0,0.8);
- font-family: Georgia, Times, "Times New Roman", serif;
- font-style: italic;
- margin: 16px 0;
- padding-left: 16px;
-}
-figcaption {
- font-family: Georgia, Times, "Times New Roman", serif;
-}
-u {
- text-decoration: underline;
-}
-s {
- text-decoration: line-through;
-}
-sup {
- font-size: 14px;
- vertical-align: super;
-}
-sub {
- font-size: 14px;
- vertical-align: sub;
-}
-mark {
- background: #eab308;
-}
-input[type="text"],
-input[type="password"],
-input[type="email"],
-input[type="url"],
-input[type="date"],
-input[type="month"],
-input[type="time"],
-input[type="datetime"],
-input[type="datetime-local"],
-input[type="week"],
-input[type="number"],
-input[type="search"],
-input[type="tel"],
-select,
-textarea {
- background: #fff;
- background-clip: padding-box;
- border: 1px solid rgba(0,0,0,0.12);
- border-radius: 4px;
- color: rgba(0,0,0,0.8);
- display: block;
- width: 100%;
- font-size: 1rem;
- padding: 8px 16px;
- line-height: 1.5;
- transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-}
-input[type="color"] {
- background: #fff;
- border: 1px solid rgba(0,0,0,0.12);
- border-radius: 4px;
- display: inline-block;
- vertical-align: middle;
-}
-input:not([type]) {
- -webkit-appearance: none;
- background: #fff;
- background-clip: padding-box;
- border: 1px solid rgba(0,0,0,0.12);
- border-radius: 4px;
- color: rgba(0,0,0,0.8);
- display: block;
- width: 100%;
- padding: 8px 16px;
- line-height: 1.5;
- transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
- text-align: left;
-}
-input[type="text"]:focus,
-input[type="password"]:focus,
-input[type="email"]:focus,
-input[type="url"]:focus,
-input[type="date"]:focus,
-input[type="month"]:focus,
-input[type="time"]:focus,
-input[type="datetime"]:focus,
-input[type="datetime-local"]:focus,
-input[type="week"]:focus,
-input[type="number"]:focus,
-input[type="search"]:focus,
-input[type="tel"]:focus,
-input[type="color"]:focus,
-select:focus,
-textarea:focus {
- background-color: #fff;
- border-color: #9dc0fa;
- outline: 0;
- box-shadow: 0 0 0 0.2rem rgba(59,130,246,0.25);
-}
-input:not([type]):focus {
- background-color: #fff;
- border-color: #9dc0fa;
- outline: 0;
- box-shadow: 0 0 0 0.2rem rgba(59,130,246,0.25);
-}
-input[type="file"]:focus,
-input[type="radio"]:focus,
-input[type="checkbox"]:focus {
- outline: 1px thin rgba(0,0,0,0.12);
-}
-input[type="text"][disabled],
-input[type="password"][disabled],
-input[type="email"][disabled],
-input[type="url"][disabled],
-input[type="date"][disabled],
-input[type="month"][disabled],
-input[type="time"][disabled],
-input[type="datetime"][disabled],
-input[type="datetime-local"][disabled],
-input[type="week"][disabled],
-input[type="number"][disabled],
-input[type="search"][disabled],
-input[type="tel"][disabled],
-input[type="color"][disabled],
-select[disabled],
-textarea[disabled] {
- background-color: rgba(0,0,0,0.12);
- color: rgba(0,0,0,0.54);
- cursor: not-allowed;
- opacity: 1;
-}
-input:not([type])[disabled] {
- background-color: rgba(0,0,0,0.12);
- color: rgba(0,0,0,0.54);
- cursor: not-allowed;
- opacity: 1;
-}
-input[readonly],
-select[readonly],
-textarea[readonly] {
- border-color: rgba(0,0,0,0.12);
- color: rgba(0,0,0,0.54);
-}
-input:focus:invalid,
-textarea:focus:invalid,
-select:focus:invalid {
- border-color: #f10f36;
- color: #f43f5e;
-}
-input[type="file"]:focus:invalid:focus,
-input[type="radio"]:focus:invalid:focus,
-input[type="checkbox"]:focus:invalid:focus {
- outline-color: #f43f5e;
-}
-select {
- border: 1px solid rgba(0,0,0,0.12);
- vertical-align: sub;
-}
-select:not([size]):not([multiple]) {
- height: calc(2.25rem + 2px);
-}
-select[multiple] {
- height: auto;
-}
-label {
- display: inline-block;
- line-height: 2;
-}
-fieldset {
- border: 0;
- margin: 0;
- padding: 8px 0;
-}
-legend {
- border-bottom: 1px solid rgba(0,0,0,0.12);
- color: rgba(0,0,0,0.8);
- display: block;
- margin-bottom: 8px;
- padding: 8px 0;
- width: 100%;
-}
-textarea {
- overflow: auto;
- resize: vertical;
-}
-input[type=checkbox],
-input[type=radio] {
- box-sizing: border-box;
- padding: 0;
- display: inline;
-}
-input[type=submit],
-input[type=reset],
-input[type=button],
-button {
- background-color: #3b82f6;
- border: #3b82f6;
- border-radius: 4px;
- color: #fff;
- padding: 8px 16px;
- display: inline-block;
- font-weight: 400;
- text-align: center;
- white-space: nowrap;
- vertical-align: middle;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- border: 1px solid transparent;
- font-size: 1rem;
- line-height: 1.5;
- transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-}
-input[type=submit]::-moz-focus-inner,
-input[type=reset]::-moz-focus-inner,
-input[type=button]::-moz-focus-inner,
-button::-moz-focus-inner {
- padding: 0;
-}
-input[type=submit]:hover,
-input[type=reset]:hover,
-input[type=button]:hover,
-button:hover {
- background-color: #0f66f4;
- border-color: #0b5fe9;
- color: #fff;
-}
-input[type=submit]:active,
-input[type=reset]:active,
-input[type=button]:active,
-button:active {
- background-color: #0b5fe9;
- border-color: #0a59db;
- color: #fff;
-}
-input[type=submit]:focus,
-input[type=reset]:focus,
-input[type=button]:focus,
-button:focus {
- outline: 0;
- box-shadow: 0 0 0 0.2rem rgba(59,130,246,0.5);
-}
-input[type=submit]:disabled,
-input[type=reset]:disabled,
-input[type=button]:disabled,
-button:disabled {
- opacity: 0.65;
- cursor: not-allowed;
- background-color: #3b82f6;
- border-color: #3b82f6;
- color: #fff;
-}
-table {
- border-top: 1px solid rgba(0,0,0,0.12);
- margin-bottom: 16px;
-}
-caption {
- padding: 8px 0;
-}
-thead th {
- border: 0;
- border-bottom: 2px solid rgba(0,0,0,0.12);
- text-align: left;
-}
-tr {
- margin-bottom: 8px;
-}
-th,
-td {
- border-bottom: 1px solid rgba(0,0,0,0.12);
- padding: 16px;
- vertical-align: inherit;
-}
-tfoot tr {
- text-align: left;
-}
-tfoot td {
- color: rgba(0,0,0,0.54);
- font-size: 8px;
- font-style: italic;
- padding: 16px 4px;
-}
diff --git a/css/marx.styl.min.css b/css/marx.styl.min.css
deleted file mode 100644
index 3b015ad..0000000
--- a/css/marx.styl.min.css
+++ /dev/null
@@ -1,2 +0,0 @@
-*,:after,:before{background-repeat:no-repeat;box-sizing:border-box}:after,:before{text-decoration:inherit;vertical-align:inherit}:where(:root){-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;cursor:default;line-height:1.5;overflow-wrap:break-word;-moz-tab-size:4;-o-tab-size:4;tab-size:4}:where(body){margin:0}:where(h1){font-size:2em;margin:.67em 0}:where(dl,ol,ul) :where(dl,ul){margin:0}:where(hr){color:inherit;height:0}:where(nav) :where(ol,ul){list-style-type:none;padding:0}:where(navli):before{content:"\200B";float:left}:where(pre){font-family:monospace,monospace;font-size:1em;overflow:auto}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(audio,canvas,iframe,img,svg,video){vertical-align:middle}:where(iframe){border-style:none}:where(svg:not([fill])){fill:currentColor}:where(table){border-collapse:collapse;border-color:inherit;text-indent:0}:where(button,input,select){margin:0}:where(button,[type=button i],[type=reset i],[type=submit i]){-webkit-appearance:button}:where(fieldset){border:1px solid #a0a0a0}:where(progress){vertical-align:baseline}:where(textarea){margin:0;resize:vertical}:where([type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(details>summary:first-of-type){display:list-item}:where([aria-busy=true i]){cursor:progress}:where([aria-controls]){cursor:pointer}:where([aria-disabled=true i],[disabled]){cursor:not-allowed}:where([aria-hidden=false i][hidden]){display:initial}:where([aria-hidden=false i][hidden]:not(:focus)){clip:rect(0,0,0,0);position:absolute}/*! Marx v3.0.9 - The classless CSS reset (perfect for Communists) | MIT License | https://github.com/mblode/marx */article,aside,details,footer,header,main,section,summary{margin:0 auto 16px;width:100%}main{display:block;margin:0 auto;max-width:768px;padding:0 16px 16px}footer{border-top:1px solid rgba(0,0,0,.12);padding:16px 0;text-align:center}footer p{margin-bottom:0}hr{border:0;border-top:1px solid rgba(0,0,0,.12);box-sizing:content-box;display:block;height:0;margin-bottom:16px;margin-top:16px;overflow:visible;width:100%}img{height:auto;max-width:100%;vertical-align:baseline}@media screen and (max-width:400px){article,aside,section{clear:both;display:block;max-width:100%}img{margin-right:16px}}embed,iframe,video{border:0}body{color:rgba(0,0,0,.8);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:16px;line-height:1.5}p{margin:0 0 16px}h1,h2,h3,h4,h5,h6{color:inherit;font-family:inherit;font-weight:500;line-height:1.2}h1{font-size:40px}h1,h2{margin:20px 0 16px}h2{font-size:32px}h3{font-size:28px}h3,h4{margin:16px 0 4px}h4{font-size:24px}h5{font-size:20px}h5,h6{margin:16px 0 4px}h6{font-size:16px}small{color:rgba(0,0,0,.54);vertical-align:bottom}pre{background:#f7f7f9;display:block;margin:16px 0;overflow-wrap:break-word;padding:16px;white-space:pre-wrap}code,pre{color:rgba(0,0,0,.8);font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:16px}code{word-wrap:break-word;line-height:inherit;margin:0;padding:0;vertical-align:baseline;word-break:break-all}a{background-color:transparent;color:#3b82f6;text-decoration:none}a:focus,a:hover{color:#1e6ff5;text-decoration:underline}dl{margin-bottom:16px}dd{margin-left:40px}ol,ul{margin-bottom:8px;padding-left:40px;vertical-align:baseline}blockquote{border-left:2px solid rgba(0,0,0,.8);font-style:italic;margin:16px 0;padding-left:16px}blockquote,figcaption{font-family:Georgia,Times,Times New Roman,serif}u{text-decoration:underline}s{text-decoration:line-through}sup{vertical-align:super}sub,sup{font-size:14px}sub{vertical-align:sub}mark{background:#eab308}input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{background:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.12);border-radius:4px;color:rgba(0,0,0,.8);display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:1rem;line-height:1.5;padding:8px 16px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}input[type=color]{display:inline-block;vertical-align:middle}input:not([type]),input[type=color]{background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:4px}input:not([type]){-webkit-appearance:none;background-clip:padding-box;color:rgba(0,0,0,.8);display:block;line-height:1.5;padding:8px 16px;text-align:left;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}input:not([type]):focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus{background-color:#fff;border-color:#9dc0fa;box-shadow:0 0 0 .2rem rgba(59,130,246,.25);outline:0}input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus{outline:1px thin rgba(0,0,0,.12)}input:not([type])[disabled],input[type=color][disabled],input[type=date][disabled],input[type=datetime-local][disabled],input[type=datetime][disabled],input[type=email][disabled],input[type=month][disabled],input[type=number][disabled],input[type=password][disabled],input[type=search][disabled],input[type=tel][disabled],input[type=text][disabled],input[type=time][disabled],input[type=url][disabled],input[type=week][disabled],select[disabled],textarea[disabled]{background-color:rgba(0,0,0,.12);color:rgba(0,0,0,.54);cursor:not-allowed;opacity:1}input[readonly],select[readonly],textarea[readonly]{border-color:rgba(0,0,0,.12);color:rgba(0,0,0,.54)}input:focus:invalid,select:focus:invalid,textarea:focus:invalid{border-color:#f10f36;color:#f43f5e}input[type=checkbox]:focus:invalid:focus,input[type=file]:focus:invalid:focus,input[type=radio]:focus:invalid:focus{outline-color:#f43f5e}select{border:1px solid rgba(0,0,0,.12);vertical-align:sub}select:not([size]):not([multiple]){height:calc(2.25rem + 2px)}select[multiple]{height:auto}label{display:inline-block;line-height:2}fieldset{border:0;margin:0;padding:8px 0}legend{border-bottom:1px solid rgba(0,0,0,.12);color:rgba(0,0,0,.8);display:block;margin-bottom:8px;padding:8px 0;width:100%}textarea{overflow:auto;resize:vertical}input[type=checkbox],input[type=radio]{box-sizing:border-box;display:inline;padding:0}button,input[type=button],input[type=reset],input[type=submit]{background-color:#3b82f6;border:1px solid transparent;border-radius:4px;color:#fff;display:inline-block;font-size:1rem;font-weight:400;line-height:1.5;padding:8px 16px;text-align:center;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner{padding:0}button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{background-color:#0f66f4;border-color:#0b5fe9;color:#fff}button:active,input[type=button]:active,input[type=reset]:active,input[type=submit]:active{background-color:#0b5fe9;border-color:#0a59db;color:#fff}button:focus,input[type=button]:focus,input[type=reset]:focus,input[type=submit]:focus{box-shadow:0 0 0 .2rem rgba(59,130,246,.5);outline:0}button:disabled,input[type=button]:disabled,input[type=reset]:disabled,input[type=submit]:disabled{background-color:#3b82f6;border-color:#3b82f6;color:#fff;cursor:not-allowed;opacity:.65}table{border-top:1px solid rgba(0,0,0,.12);margin-bottom:16px}caption{padding:8px 0}thead th{border:0;border-bottom:2px solid rgba(0,0,0,.12);text-align:left}tr{margin-bottom:8px}td,th{border-bottom:1px solid rgba(0,0,0,.12);padding:16px;vertical-align:inherit}tfoot tr{text-align:left}tfoot td{color:rgba(0,0,0,.54);font-size:8px;font-style:italic;padding:16px 4px}
-/*# sourceMappingURL=marx.styl.min.css.map */
diff --git a/css/marx.styl.min.css.map b/css/marx.styl.min.css.map
deleted file mode 100644
index a0a24fd..0000000
--- a/css/marx.styl.min.css.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"sources":["_sanitize.styl","marx.css","marx.styl","_base.styl","_typography.styl","_form.styl","_buttons.styl","_tables.styl"],"names":[],"mappings":"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","file":"marx.styl.min.css","sourcesContent":[null,"*,\n::before,\n::after {\n box-sizing: border-box; /* 1 */\n background-repeat: no-repeat; /* 2 */\n}\n::before,\n::after {\n text-decoration: inherit; /* 1 */\n vertical-align: inherit; /* 2 */\n}\n:where(:root) {\n cursor: default; /* 1 */\n line-height: 1.5; /* 2 */\n overflow-wrap: break-word; /* 3 */\n -moz-tab-size: 4; /* 4 */\n tab-size: 4; /* 4 */\n -webkit-tap-highlight-color: transparent; /* 5 */\n -webkit-text-size-adjust: 100%; /* 6 */\n}\n:where(body) {\n margin: 0;\n}\n:where(h1) {\n font-size: 2em;\n margin: 0.67em 0;\n}\n:where(dl,\nol,\nul) :where(dl,\nul) {\n margin: 0;\n}\n:where(hr) {\n color: inherit; /* 1 */\n height: 0; /* 2 */\n}\n:where(nav) :where(ol,\nul) {\n list-style-type: none;\n padding: 0;\n}\n:where(nav li)::before {\n content: \"\\200B\";\n float: left;\n}\n:where(pre) {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n overflow: auto; /* 3 */\n}\n:where(abbr[title]) {\n text-decoration: underline;\n text-decoration: underline dotted;\n}\n:where(b,\nstrong) {\n font-weight: bolder;\n}\n:where(code,\nkbd,\nsamp) {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n:where(small) {\n font-size: 80%;\n}\n:where(audio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo) {\n vertical-align: middle;\n}\n:where(iframe) {\n border-style: none;\n}\n:where(svg:not([fill])) {\n fill: currentColor;\n}\n:where(table) {\n border-collapse: collapse; /* 1 */\n border-color: inherit; /* 2 */\n text-indent: 0; /* 3 */\n}\n:where(button,\ninput,\nselect) {\n margin: 0;\n}\n:where(button,\n[type=\"button\"i],\n[type=\"reset\"i],\n[type=\"submit\"i]) {\n -webkit-appearance: button;\n}\n:where(fieldset) {\n border: 1px solid #a0a0a0;\n}\n:where(progress) {\n vertical-align: baseline;\n}\n:where(textarea) {\n margin: 0; /* 1 */\n resize: vertical; /* 3 */\n}\n:where([type=\"search\"i]) {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n height: auto;\n}\n::-webkit-input-placeholder {\n color: inherit;\n opacity: 0.54;\n}\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n:where(dialog) {\n background-color: #fff;\n border: solid;\n color: #000;\n height: -moz-fit-content;\n height: fit-content;\n left: 0;\n margin: auto;\n padding: 1em;\n position: absolute;\n right: 0;\n width: -moz-fit-content;\n width: fit-content;\n}\n:where(dialog:not([open])) {\n display: none;\n}\n:where(details > summary:first-of-type) {\n display: list-item;\n}\n:where([aria-busy=\"true\"i]) {\n cursor: progress;\n}\n:where([aria-controls]) {\n cursor: pointer;\n}\n:where([aria-disabled=\"true\"i],\n[disabled]) {\n cursor: not-allowed;\n}\n:where([aria-hidden=\"false\"i][hidden]) {\n display: initial;\n}\n:where([aria-hidden=\"false\"i][hidden]:not(:focus)) {\n clip: rect(0, 0, 0, 0);\n position: absolute;\n}\n/*! Marx v3.0.9 - The classless CSS reset (perfect for Communists) | MIT License | https://github.com/mblode/marx */\nmain,\nheader,\nfooter,\narticle,\nsection,\naside,\ndetails,\nsummary {\n margin: 0 auto;\n margin-bottom: 16px;\n width: 100%;\n}\nmain {\n display: block;\n margin: 0 auto;\n max-width: 768px;\n padding: 0 16px 16px;\n}\nfooter {\n border-top: 1px solid rgba(0,0,0,0.12);\n padding: 16px 0;\n text-align: center;\n}\nfooter p {\n margin-bottom: 0;\n}\nhr {\n border: 0;\n border-top: 1px solid rgba(0,0,0,0.12);\n display: block;\n margin-top: 16px;\n margin-bottom: 16px;\n width: 100%;\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n}\nimg {\n height: auto;\n max-width: 100%;\n vertical-align: baseline;\n}\n@media screen and (max-width: 400px) {\n article,\n section,\n aside {\n clear: both;\n display: block;\n max-width: 100%;\n }\n img {\n margin-right: 16px;\n }\n}\nembed,\niframe,\nvideo {\n border: 0;\n}\nbody {\n color: rgba(0,0,0,0.8);\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 16px;\n line-height: 1.5;\n}\np {\n margin: 0;\n margin-bottom: 16px;\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n color: inherit;\n font-family: inherit;\n line-height: 1.2;\n font-weight: 500;\n}\nh1 {\n font-size: 40px;\n margin: 20px 0 16px;\n}\nh2 {\n font-size: 32px;\n margin: 20px 0 16px;\n}\nh3 {\n font-size: 28px;\n margin: 16px 0 4px;\n}\nh4 {\n font-size: 24px;\n margin: 16px 0 4px;\n}\nh5 {\n font-size: 20px;\n margin: 16px 0 4px;\n}\nh6 {\n font-size: 16px;\n margin: 16px 0 4px;\n}\nsmall {\n color: rgba(0,0,0,0.54);\n vertical-align: bottom;\n}\npre {\n background: #f7f7f9;\n color: rgba(0,0,0,0.8);\n display: block;\n font-family: Menlo, Monaco, Consolas, \"Courier New\", monospace;\n font-size: 16px;\n margin: 16px 0;\n padding: 16px;\n white-space: pre-wrap;\n overflow-wrap: break-word;\n}\ncode {\n color: rgba(0,0,0,0.8);\n font-family: Menlo, Monaco, Consolas, \"Courier New\", monospace;\n font-size: 16px;\n line-height: inherit;\n margin: 0;\n padding: 0;\n vertical-align: baseline;\n word-break: break-all;\n word-wrap: break-word;\n}\na {\n color: #3b82f6;\n text-decoration: none;\n background-color: transparent;\n}\na:hover,\na:focus {\n color: #1e6ff5;\n text-decoration: underline;\n}\ndl {\n margin-bottom: 16px;\n}\ndd {\n margin-left: 40px;\n}\nul,\nol {\n margin-bottom: 8px;\n padding-left: 40px;\n vertical-align: baseline;\n}\nblockquote {\n border-left: 2px solid rgba(0,0,0,0.8);\n font-family: Georgia, Times, \"Times New Roman\", serif;\n font-style: italic;\n margin: 16px 0;\n padding-left: 16px;\n}\nfigcaption {\n font-family: Georgia, Times, \"Times New Roman\", serif;\n}\nu {\n text-decoration: underline;\n}\ns {\n text-decoration: line-through;\n}\nsup {\n font-size: 14px;\n vertical-align: super;\n}\nsub {\n font-size: 14px;\n vertical-align: sub;\n}\nmark {\n background: #eab308;\n}\ninput[type=\"text\"],\ninput[type=\"password\"],\ninput[type=\"email\"],\ninput[type=\"url\"],\ninput[type=\"date\"],\ninput[type=\"month\"],\ninput[type=\"time\"],\ninput[type=\"datetime\"],\ninput[type=\"datetime-local\"],\ninput[type=\"week\"],\ninput[type=\"number\"],\ninput[type=\"search\"],\ninput[type=\"tel\"],\nselect,\ntextarea {\n background: #fff;\n background-clip: padding-box;\n border: 1px solid rgba(0,0,0,0.12);\n border-radius: 4px;\n color: rgba(0,0,0,0.8);\n display: block;\n width: 100%;\n font-size: 1rem;\n padding: 8px 16px;\n line-height: 1.5;\n transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n}\ninput[type=\"color\"] {\n background: #fff;\n border: 1px solid rgba(0,0,0,0.12);\n border-radius: 4px;\n display: inline-block;\n vertical-align: middle;\n}\ninput:not([type]) {\n -webkit-appearance: none;\n background: #fff;\n background-clip: padding-box;\n border: 1px solid rgba(0,0,0,0.12);\n border-radius: 4px;\n color: rgba(0,0,0,0.8);\n display: block;\n width: 100%;\n padding: 8px 16px;\n line-height: 1.5;\n transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n text-align: left;\n}\ninput[type=\"text\"]:focus,\ninput[type=\"password\"]:focus,\ninput[type=\"email\"]:focus,\ninput[type=\"url\"]:focus,\ninput[type=\"date\"]:focus,\ninput[type=\"month\"]:focus,\ninput[type=\"time\"]:focus,\ninput[type=\"datetime\"]:focus,\ninput[type=\"datetime-local\"]:focus,\ninput[type=\"week\"]:focus,\ninput[type=\"number\"]:focus,\ninput[type=\"search\"]:focus,\ninput[type=\"tel\"]:focus,\ninput[type=\"color\"]:focus,\nselect:focus,\ntextarea:focus {\n background-color: #fff;\n border-color: #9dc0fa;\n outline: 0;\n box-shadow: 0 0 0 0.2rem rgba(59,130,246,0.25);\n}\ninput:not([type]):focus {\n background-color: #fff;\n border-color: #9dc0fa;\n outline: 0;\n box-shadow: 0 0 0 0.2rem rgba(59,130,246,0.25);\n}\ninput[type=\"file\"]:focus,\ninput[type=\"radio\"]:focus,\ninput[type=\"checkbox\"]:focus {\n outline: 1px thin rgba(0,0,0,0.12);\n}\ninput[type=\"text\"][disabled],\ninput[type=\"password\"][disabled],\ninput[type=\"email\"][disabled],\ninput[type=\"url\"][disabled],\ninput[type=\"date\"][disabled],\ninput[type=\"month\"][disabled],\ninput[type=\"time\"][disabled],\ninput[type=\"datetime\"][disabled],\ninput[type=\"datetime-local\"][disabled],\ninput[type=\"week\"][disabled],\ninput[type=\"number\"][disabled],\ninput[type=\"search\"][disabled],\ninput[type=\"tel\"][disabled],\ninput[type=\"color\"][disabled],\nselect[disabled],\ntextarea[disabled] {\n background-color: rgba(0,0,0,0.12);\n color: rgba(0,0,0,0.54);\n cursor: not-allowed;\n opacity: 1;\n}\ninput:not([type])[disabled] {\n background-color: rgba(0,0,0,0.12);\n color: rgba(0,0,0,0.54);\n cursor: not-allowed;\n opacity: 1;\n}\ninput[readonly],\nselect[readonly],\ntextarea[readonly] {\n border-color: rgba(0,0,0,0.12);\n color: rgba(0,0,0,0.54);\n}\ninput:focus:invalid,\ntextarea:focus:invalid,\nselect:focus:invalid {\n border-color: #f10f36;\n color: #f43f5e;\n}\ninput[type=\"file\"]:focus:invalid:focus,\ninput[type=\"radio\"]:focus:invalid:focus,\ninput[type=\"checkbox\"]:focus:invalid:focus {\n outline-color: #f43f5e;\n}\nselect {\n border: 1px solid rgba(0,0,0,0.12);\n vertical-align: sub;\n}\nselect:not([size]):not([multiple]) {\n height: calc(2.25rem + 2px);\n}\nselect[multiple] {\n height: auto;\n}\nlabel {\n display: inline-block;\n line-height: 2;\n}\nfieldset {\n border: 0;\n margin: 0;\n padding: 8px 0;\n}\nlegend {\n border-bottom: 1px solid rgba(0,0,0,0.12);\n color: rgba(0,0,0,0.8);\n display: block;\n margin-bottom: 8px;\n padding: 8px 0;\n width: 100%;\n}\ntextarea {\n overflow: auto;\n resize: vertical;\n}\ninput[type=checkbox],\ninput[type=radio] {\n box-sizing: border-box;\n padding: 0;\n display: inline;\n}\ninput[type=submit],\ninput[type=reset],\ninput[type=button],\nbutton {\n background-color: #3b82f6;\n border: #3b82f6;\n border-radius: 4px;\n color: #fff;\n padding: 8px 16px;\n display: inline-block;\n font-weight: 400;\n text-align: center;\n white-space: nowrap;\n vertical-align: middle;\n user-select: none;\n border: 1px solid transparent;\n font-size: 1rem;\n line-height: 1.5;\n transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\ninput[type=submit]::-moz-focus-inner,\ninput[type=reset]::-moz-focus-inner,\ninput[type=button]::-moz-focus-inner,\nbutton::-moz-focus-inner {\n padding: 0;\n}\ninput[type=submit]:hover,\ninput[type=reset]:hover,\ninput[type=button]:hover,\nbutton:hover {\n background-color: #0f66f4;\n border-color: #0b5fe9;\n color: #fff;\n}\ninput[type=submit]:active,\ninput[type=reset]:active,\ninput[type=button]:active,\nbutton:active {\n background-color: #0b5fe9;\n border-color: #0a59db;\n color: #fff;\n}\ninput[type=submit]:focus,\ninput[type=reset]:focus,\ninput[type=button]:focus,\nbutton:focus {\n outline: 0;\n box-shadow: 0 0 0 0.2rem rgba(59,130,246,0.5);\n}\ninput[type=submit]:disabled,\ninput[type=reset]:disabled,\ninput[type=button]:disabled,\nbutton:disabled {\n opacity: 0.65;\n cursor: not-allowed;\n background-color: #3b82f6;\n border-color: #3b82f6;\n color: #fff;\n}\ntable {\n border-top: 1px solid rgba(0,0,0,0.12);\n margin-bottom: 16px;\n}\ncaption {\n padding: 8px 0;\n}\nthead th {\n border: 0;\n border-bottom: 2px solid rgba(0,0,0,0.12);\n text-align: left;\n}\ntr {\n margin-bottom: 8px;\n}\nth,\ntd {\n border-bottom: 1px solid rgba(0,0,0,0.12);\n padding: 16px;\n vertical-align: inherit;\n}\ntfoot tr {\n text-align: left;\n}\ntfoot td {\n color: rgba(0,0,0,0.54);\n font-size: 8px;\n font-style: italic;\n padding: 16px 4px;\n}\n",null,null,null,null,null,null]}
\ No newline at end of file
diff --git a/gulpfile.js b/gulpfile.js
index 78e5ab7..1cb767a 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -1,18 +1,14 @@
// Load plugins
-const path = require('path');
const browsersync = require('browser-sync').create();
const gulp = require('gulp');
const autoprefixer = require('autoprefixer');
-const sass = require('gulp-sass')(require('sass'));
-const stylus = require('gulp-stylus');
+const postcssImport = require("postcss-import")
const cssnano = require('cssnano');
const postcss = require('gulp-postcss');
-const dest = require('gulp-dest');
const plumber = require('gulp-plumber');
const rename = require('gulp-rename');
const sourcemaps = require('gulp-sourcemaps');
const cleanCss = require('gulp-clean-css');
-const merge = require('merge-stream');
// BrowserSync
function browserSync(done) {
@@ -31,14 +27,12 @@ function browserSyncReload(done) {
done();
}
-// SCSS task
-function scss() {
+// CSS task
+function css() {
return gulp
- .src('./scss/**/[^_]*.scss')
+ .src('./src/**/[^_]*.css')
.pipe(plumber())
- .pipe(sourcemaps.init())
- .pipe(sass({ includePaths: [path.resolve(__dirname, 'node_modules')] }))
- .pipe(postcss([autoprefixer()]))
+ .pipe(postcss([autoprefixer(), postcssImport()]))
.pipe(gulp.dest('css/'))
.pipe(postcss([cssnano()]))
.pipe(rename({ suffix: '.min' }))
@@ -48,46 +42,18 @@ function scss() {
.pipe(browsersync.stream());
}
-// SCSS task
-function styl() {
- var sanitize = gulp
- .src(['./node_modules/sanitize.css/sanitize.css'])
- .pipe(dest('styl', { ext: '.styl' }))
- .pipe(rename({ prefix: '_' }))
- .pipe(gulp.dest('./'));
-
- var compile = gulp
- .src(['styl/**/[^_]*.styl'])
- .pipe(plumber())
- .pipe(sourcemaps.init())
- .pipe(stylus())
- .pipe(postcss([autoprefixer()]))
- .pipe(rename({ suffix: '.styl' }))
- .pipe(gulp.dest('css/'))
- .pipe(postcss([cssnano()]))
- .pipe(rename({ suffix: '.min' }))
- .pipe(cleanCss({ compatibility: 'ie8' }))
- .pipe(sourcemaps.write('.'))
- .pipe(gulp.dest('css/'))
- .pipe(browsersync.stream());
-
- return merge(sanitize, compile);
-}
-
// Watch files
function watchFiles() {
- gulp.watch('./scss/**/*', scss);
- gulp.watch('./styl/**/*', styl);
+ gulp.watch('./src/**/*', css);
gulp.watch('*.html', browserSyncReload);
}
// define complex tasks
-const build = gulp.series(gulp.parallel(scss, styl));
+const build = gulp.series(css);
const watch = gulp.parallel(watchFiles, browserSync);
// export tasks
-exports.scss = scss;
-exports.styl = styl;
+exports.css = css;
exports.build = build;
exports.watch = watch;
exports.default = build;
diff --git a/index-stylus.html b/index-stylus.html
deleted file mode 100644
index f0f701e..0000000
--- a/index-stylus.html
+++ /dev/null
@@ -1,416 +0,0 @@
-
-
-
-
- HTML5 Test Page (https://github.com/cbracco/html5-test-page) with Marx (Stylus)
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Heading 1
- Heading 2
- Heading 3
- Heading 4
- Heading 5
- Heading 6
-
-
-
-
-
-
-
A paragraph (from the Greek paragraphos, “to write beside” or “written beside”) is a self-contained unit of a discourse in writing dealing with a particular point or idea. A paragraph consists of one or more sentences. Though not required by the syntax of any language, paragraphs are usually an expected part of formal writing, used to organize longer prose.
-
-
-
-
-
-
-
- A block quotation (also known as a long quotation or extract) is a quotation in a written document, that is set off from the main text as a paragraph, or block of text.
- It is typically distinguished visually using indentation and a different typeface or smaller size quotation. It may or may not include a citation, usually placed at the bottom.
- Said no one, ever.
-
-
-
-
-
-
-
-
Definition list
-
- Definition List Title
- This is a definition list division.
-
-
Ordered List
-
- List Item 1
- List Item 2
- List Item 3
-
-
Unordered List
-
- List Item 1
- List Item 2
- List Item 3
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Table Caption
-
-
- Table Heading 1
- Table Heading 2
- Table Heading 3
- Table Heading 4
- Table Heading 5
-
-
-
-
- Table Footer 1
- Table Footer 2
- Table Footer 3
- Table Footer 4
- Table Footer 5
-
-
-
-
- Table Cell 1
- Table Cell 2
- Table Cell 3
- Table Cell 4
- Table Cell 5
-
-
- Table Cell 1
- Table Cell 2
- Table Cell 3
- Table Cell 4
- Table Cell 5
-
-
- Table Cell 1
- Table Cell 2
- Table Cell 3
- Table Cell 4
- Table Cell 5
-
-
- Table Cell 1
- Table Cell 2
- Table Cell 3
- Table Cell 4
- Table Cell 5
-
-
-
-
-
-
-
-
-
Keyboard input: Cmd
-
Inline code: <div>code</div>
-
Sample output: This is sample output from a computer program.
-
Pre-formatted text
-
P R E F O R M A T T E D T E X T
- ! " # $ % & ' ( ) * + , - . /
- 0 1 2 3 4 5 6 7 8 9 : ; < = > ?
- @ A B C D E F G H I J K L M N O
- P Q R S T U V W X Y Z [ \ ] ^ _
- ` a b c d e f g h i j k l m n o
- p q r s t u v w x y z { | } ~
-
-
-
-
-
-
-
This is a text link .
-
Strong is used to indicate strong importance.
-
This text has added emphasis.
-
The b element is stylistically different text from normal text, without any special importance.
-
The i element is text that is offset from the normal text.
-
The u element is text with an unarticulated, though explicitly rendered, non-textual annotation.
-
This text is deleted and This text is inserted .
-
This text has a strikethrough .
-
Superscript® .
-
Subscript for things like H2 O.
-
This small text is small for for fine print, etc.
-
Abbreviation: HTML
-
This text is a short inline quotation.
-
This is a citation.
-
The dfn element indicates a definition.
-
The mark element indicates a highlight.
-
The variable element , such as x = y .
-
The time element: 2 weeks ago
-
-
-
-
-
-
-
-
-
-
-
No <figure>
element
-
-
Wrapped in a <figure>
element, no <figcaption>
-
-
Wrapped in a <figure>
element, with a <figcaption>
-
-
- Here is a caption for this image.
-
-
-
-
-
-
-
-
-
-
-
- video
-
-
-
-
- canvas
-
-
-
-
- 2 out of 10
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-