manoverboard-alpha 0.1.0 → 0.1.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: a896a4d61dd8f977db628e8610b88dfeb95e5172b72be303d56520f387b5beb0
-  data.tar.gz: 4b03267da01b7848a98ef0db60a6981c396ecdab34d14e5bb2acbc5eb5c549ef
+  metadata.gz: 70e825a5f24460b0d99df908ad1d0ffa3609efd55adda3a574d680ca177e7c13
+  data.tar.gz: 61b6389b740c95754c9f77012a7009b2dbce9ae56f30f2d6deb42ee19deb13a2
 SHA512:
-  metadata.gz: 808222682bb1646360d5545fd85b2e53e5188f9d935bb1c3d917d01b20d7f68f0a5dc0e85405c219e8805f79eb7ea5aee335cdebf0ea08ff4e07f92c35e682c9
-  data.tar.gz: af97a2e271534eeee47c0ed5b06a898917d59291c4c2d7451439e41242aa3344f7b3991d522a19fb11a57e3e0cd0838a99e964efbb315b24bc10de1582acfccf
+  metadata.gz: 559149cd9182e16e344803d01698bfda70d04bf5fbddba4081fcc91557d19a0a39472719731f4298d9d47e0fd143703af805cde44fad87cf017ada3a7f374799
+  data.tar.gz: 66bb293731c97b3a6ca925e10855817eb861d4c0a8766cfa9175e83e6e157d6efed8e4b10620d7b6af1988353465ae40be94e477fae4998636ad5b739177aeb0

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2021 nikki
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/README.md

@@ -0,0 +1,136 @@
+# MOB Theme : Jekyll Edition
+https://rubygems.org/gems/manoverboard-alpha
+
+If you are unsure how to use this theme, contact nikki@manoverboard.com.
+
+When pushing updates to this theme, please be specific with your push descriptions, and please update the below documentation.
+
+Please add your own features and modify as you like, but keep in mind that if you keep the file structure and naming conventions the same, we will all be able to work together as a team more efficiently.
+
+## Installation
+
+Add this line to your Jekyll site's `Gemfile`:
+
+```ruby
+gem "manoverboard-alpha"
+```
+
+And add this line to your Jekyll site's `_config.yml`:
+
+```yaml
+theme: manoverboard-alpha
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install manoverboard-alpha
+
+## Usage
+
+### Quick Links
+ - BEM: Please use the [BEM class model.](http://getbem.com/naming/)
+
+### Modified Files from old theme(s)
+
+#### base.scss | deadname: style.css.
+
+#### init.scss
+Slight update, now is used as a sass include.
+
+### New Files
+
+#### /js/global.js | deadname: theme_scripts.js
+Things should only go in here if they apply to the entire website, or multiple pages. Please remember to wrap them in if/if else statements to reduce errors and run time.
+
+**Removed** simple expand and resize to parent. You can find these in the previous theme if you need to use them, but both are considered outdated or over-engineered.
+
+Added function to add class to html if is keyboard user. This is handy to style your focused elements.
+
+#### /scss/layout.scss
+New grid system including the good ol' .wo and .inner styles. Imports into the main.scss. Read more about it under **MOB CSS Grid System**
+
+### SASS: [Learn here](https://www.youtube.com/watch?v=Zz6eOVaaelI&feature=emb_logo)
+
+#### What's New?
+Main stylesheet has been converted to SASS with SCSS syntax instead of SASS syntax to keep plain CSS still valid. The print stylesheet has been left as css since it does not get modified often, it can be found in the already compiled css folder.
+
+##### New sass stylesheet
+Includes partials  that can be added or removed easily by commenting or un-commenting their import line. This includes our initialization stylesheet partial: init.scss.
+
+##### Mix-ins and variables
+To speed up the web development process. Add your own :)
+
+##### CSS Grid - New layout system
+
+### Classes & Properties
+
+#### .hidden renamed to .sr-only
+Same functionality, just a more intuitive name now. Class to visually hide elements, but keep for screen readers.
+
+#### z-index
+Please use numbers in order to indicate depth. This makes it easy to scan and fix z-index issues.
+
+Highest could be 9 - 123456789
+Lowest could be 1 - 1
+
+### MOB CSS Grid System
+Will make responsive work much easier and coding sites to spec much faster! If the design does not line up with the column grid in the design file, please see the designer to see what they want to do about it.
+
+#### Syntax
+
+Uses syntax like: "col-**#start#**-to-**#end#**". **Start** being the left gutter and **end** being the right gutter. You don't have to use it everywhere if it doesn't make sense for the design, obviously! Just to help you out. Must be wrapped with the "wo" class. The old .inner class is folded into the column declaration.
+
+Variables can be changed, number of columns, width, etc. in base.scss.
+
+##### - - stacked Modifier
+Use this (.wo--stacked) instead of .wo when you don't need to use the grid system because items are stacked on top of one another rather than beside. 
+
+##### - - full Modifier
+Use this (.wo--full) instead of .wo when the layer should be 100% width with no outer margins like for heros, and full width images.
+
+##### .left | .justify | .right | .center
+You can use these classes on the column declaration to set the text as centre aligned or right aligned.
+
+## JAMstack Plugins
+Good resource: https://github.com/planetjekyll/awesome-jekyll-plugins
+
+### Basics
+-   **Instead of antispambot** https://github.com/vwochnik/jekyll-email-protect
+-   **SASS converter** is already installed if you're using Jekyll
+
+### Image Compression
+-   this but it hasn't been updated in a while https://github.com/valerijaspasojevic/jekyll-compress-images
+
+### SEO
+-   **Redirects** https://github.com/jekyll/jekyll-redirect-from
+-   **Sitemap generator** https://github.com/jekyll/jekyll-sitemap
+-   **SEO tags generator** https://github.com/jekyll/jekyll-seo-tag
+
+### Performance
+-   **Lazy loading images (won't work in safari tho)** https://github.com/gildesmarais/jekyll-loading-lazy
+
+### Social Feeds
+-   **Twitter** https://github.com/rob-murray/jekyll-twitter-plugin
+-   **Instagram and Facebook** are likely gonna be sucky to embed, should wait to see if existing plugins break after the 24th: "Facebook now requires each developer to register an app, and use a client token when getting data from their Graph API for oEmbed content beginning on the 24th of October, 2020"
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at https://github.com/[USERNAME]/hello. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
+
+## Development
+
+To set up your environment to develop this theme, run `bundle install`.
+
+Your theme is setup just like a normal Jekyll site! To test your theme, run `bundle exec jekyll serve` and open your browser at `http://localhost:4000`. This starts a Jekyll server using your theme. Add pages, documents, data, etc. like normal to test your theme's contents. As you make modifications to your theme and to your content, your site will regenerate and you should see the changes in the browser after a refresh, just like normal.
+
+When your theme is released, only the files in `_layouts`, `_includes`, `_sass` and `assets` tracked with Git will be bundled.
+To add a custom directory to your theme-gem, please edit the regexp in `manoverboard-alpha.gemspec` accordingly.
+
+## License
+
+The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
+

data/_config.yml

@@ -0,0 +1,96 @@
+# Welcome to Jekyll!
+#
+# This config file is meant for settings that affect your whole blog, values
+# which you are expected to set up once and rarely edit after that. If you find
+# yourself editing this file very often, consider using Jekyll's data files
+# feature for the data you need to update frequently.
+#
+# For technical reasons, this file is *NOT* reloaded automatically when you use
+# 'bundle exec jekyll serve'. If you change this file, please restart the server process.
+#
+# If you need help with YAML syntax, here are some quick references for you: 
+# https://learn-the-web.algonquindesign.ca/topics/markdown-yaml-cheat-sheet/#yaml
+# https://learnxinyminutes.com/docs/yaml/
+#
+# Site settings
+# These are used to personalize your new site. If you look in the HTML files,
+# you will see them accessed via {{ site.title }}, {{ site.email }}, and so on.
+# You can create any custom variable you would like, and they will be accessible
+# in the templates via {{ site.myvariable }}.
+
+title: Manoverboard Boilerplate
+description: >- # this means to ignore newlines until "baseurl:"
+  Write an awesome description for your new site here. You can edit this
+  line in _config.yml. It will appear in your document head meta (for
+  Google search results) and in your feed.xml site description.
+baseurl: "" # the subpath of your site, e.g. /blog
+url: "" # the base hostname & protocol for your site, e.g. http://example.com
+
+# Build settings
+markdown: kramdown
+theme: manoverboard-alpha
+plugins:
+  - jekyll-feed
+sass:
+  sass_dir: _sass #compressed
+  style: expanded
+collections_dir: collections
+include:
+  - assets
+  - _includes
+  - _layouts
+  - _sass
+  - _config.yml
+  - index.html
+
+# CloudCannon Options
+_options:
+  image: # Front matter field
+    uploads_dir: "uploads/:title"
+  content: # Content Editor and block Editable Regions
+    uploads_dir: "uploads/:title"
+
+#cloudcannon:
+  #data: true
+
+# CloudCannon Field Descriptions
+_comments:
+  name: This can get converted to the file name
+  title: This can get converted to the file name
+
+# Collections (Custom Post Types)
+collections:
+  general_pages:
+    output: true
+    _hide_content: true
+    permalink: /:name
+    # sort_by:   
+
+defaults:
+  - scope:
+      path: ""
+      type: "posts"
+    values:
+      layout: "post"
+  - scope:
+      path: ""
+      type: "general_pages"
+    values:
+      layout: "default"
+
+# Exclude from processing.
+# The following items will not be processed, by default.
+# Any item listed under the `exclude:` key here will be automatically added to
+# the internal "default list".
+#
+# exclude:
+#   - .sass-cache/
+#   - .jekyll-cache/
+#   - gemfiles/
+#   - Gemfile
+#   - Gemfile.lock
+#   - node_modules/
+#   - vendor/bundle/
+#   - vendor/cache/
+#   - vendor/gems/
+#   - vendor/ruby/

data/_includes/footer.html

@@ -0,0 +1,3 @@
+<footer id="mainFooter" class="main-footer wo">
+
+</footer>

data/_includes/head.html

@@ -0,0 +1,57 @@
+<!DOCTYPE HTML>
+<html lang="en">
+
+<head>
+    <meta http-equiv="Content-Type" charset="UTF-8" />
+    <meta name="viewport" content="initial-scale=1.0, width=device-width" />
+
+    <!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
+    <title>{{ page.title }} | {{ site.title }}</title>
+    <meta name="description" content="">
+    <meta name="web-author" content="Manoverboard Inc. http://www.manoverboard.com">
+    <meta name="author" content="">
+    <meta name="theme-color" content="#FFFFFF">
+    <!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
+
+    <!--[if lt IE 9]><script src="/js/html5shiv.js"></script><![endif]-->
+    
+    <!-- favicons -->
+
+    <!-- barba -->
+    <!--<script src="https://unpkg.com/@barba/core@2.9.7/dist/barba.umd.js"></script>
+    <script crossorigin="anonymous" src="https://polyfill.io/v3/polyfill.min.js?features=default%2CArray.prototype.find%2CIntersectionObserver"></script> -->
+    
+    <!-- gsap -->
+    <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.5.1/gsap.min.js"></script> -->
+
+    <!-- scripts -->
+    <script
+        src="https://code.jquery.com/jquery-3.5.1.min.js"
+	    integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
+        crossorigin="anonymous">
+    </script>
+    <script src="/assets/js/global.js"></script>
+    
+    <!-- css -->
+    <link rel="stylesheet" href="/assets/css/main.css">  
+
+    
+    <!-- font preload -->
+    <!-- <link rel="preload" href="__HARD_URL_HERE__" as="font" type="font/woff" crossorigin>-->
+
+    <!-- end wp head -->
+</head>
+
+<body id="bodyID" data-barba="wrapper">
+    <a id="skipLink" href="#skipNavigation">Skip Navigation</a>
+    <header id="mainHeader" class="main-header wo">
+        <div class="main-header__logo-area">
+            <a href="/">
+                <img src="/images/image.jpg" alt="Logo" />
+            </a>
+        </div>
+        <nav id="mainNav" class="main-header__nav">
+            <a class="{% if page.url == "/" %}active{% endif %} main-header__nav__link" href="/">Page</a>
+        </nav>
+    </header>
+    <div id="skipNavigation"></div>

data/_layouts/archive.html

@@ -0,0 +1,22 @@
+{% include head.html %}
+
+<main data-barba="container" data-barba-namespace="archive">
+	<div class="wo page-heading">
+		<h1 class="col-1-to-12">
+			<span>Archives for : </span>
+			<span class="page-heading__dot">{{ page.title }}</span>
+		</h1>
+	</div>
+
+	<div class="archive">
+	{% for post in page.posts limit: 10 %}
+		<a href="{{ post.url }}" class="archive__post wo-full">
+			<p class="archive__post__date col-1-to-3">{{ post.date | date: "%B %d, %Y" }}</p>
+			<h2 class="col-3-to-10">{{ post.title }}</h2>
+			<p aria-hidden="true" class="link right col-10-to-13">Read</p>
+		</a>
+	{% endfor %}
+	</div>
+</main>
+
+{% include footer.html %}

data/_layouts/blog.html

@@ -0,0 +1,7 @@
+{% include head.html %}
+
+<main data-barba="container" data-barba-namespace="ideas">
+	
+</main>
+
+{% include footer.html %}

data/_layouts/default.html

@@ -0,0 +1,7 @@
+{% include head.html %}
+
+<main data-barba="container" data-barba-namespace="default">
+
+</main>
+
+{% include footer.html %}

data/_layouts/home.html

@@ -0,0 +1,7 @@
+{% include head.html %}
+
+<main data-barba="container" data-barba-namespace="home">
+
+</main>
+
+{% include footer.html %}

data/_layouts/page.html

@@ -0,0 +1,7 @@
+{% include head.html %}
+
+<main data-barba="container" data-barba-namespace="page">
+    {{ content }}
+</main>
+
+{% include footer.html %}

data/_layouts/post.html

@@ -0,0 +1,7 @@
+{% include head.html %}
+
+<article data-barba="container" data-barba-namespace="post">
+
+</article>
+
+{% include footer.html %}

data/_layouts/search.html

@@ -0,0 +1,20 @@
+{% include head.html %}
+
+<main id="search">
+    <input type="text" id="searchInput" placeholder="search...">
+    <section id="searchResults"></section>
+</main>
+
+<script src="https://unpkg.com/simple-jekyll-search@latest/dest/simple-jekyll-search.min.js"></script>
+
+<!-- Configuration -->
+<script>
+    SimpleJekyllSearch({
+        searchInput: document.getElementById('searchInput'),
+        resultsContainer: document.getElementById('searchResults'),
+        json: '/assets/search/search.json',
+        searchResultTemplate: '<h2><a href="{{ site.url }}/">Title</a></h2>'
+    })
+</script>
+
+{% include footer.html %}

data/_sass/init.scss

@@ -0,0 +1,515 @@
+/*——————————————————————————————————————
+Theme: MOB
+Style Initilizer & Reset
+Circa 2019
+Incorporates parts of 
+    —MOB Styles, 
+    —Meyer Reset, 
+    —and sanitize.css
+——————————————————————————————————————*/
+
+
+/*—————————————————————————————————————— meyer reset */
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed, 
+figure, figcaption, footer, header, hgroup, 
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+	border: 0;
+	font: inherit;
+	vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure, 
+footer, header, hgroup, menu, nav, section {
+	display: block;
+}
+body {
+	line-height: 1;
+	margin: 0;
+    	padding: 0;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
+
+/*—————————————————————————————————————— overflow settings to prevent double-scrollbar */
+
+html,
+body,
+#wrapper {
+    overflow-x: hidden;
+    position: relative;
+}
+body {
+    -webkit-text-size-adjust: 100%;
+}
+#wrapper {
+    min-height: 100%;
+    overflow-y: hidden;
+}
+
+/*—————————————————————————————————————— fix the box model */
+
+html {
+    box-sizing: border-box;
+}
+*, *:before, *:after {
+    box-sizing: inherit;
+}
+
+
+/*—————————————————————————————————————— other resets */
+
+html {
+  -webkit-tap-highlight-color: transparent;
+  -ms-text-size-adjust: 100%; 
+  -webkit-text-size-adjust: 100%; 
+  word-break: break-word;
+}
+img {
+    vertical-align: middle;
+    max-width: 100%;
+    height: auto;
+    border-style: none;
+}
+abbr {
+    cursor: help;
+}
+
+
+/*—————————————————————————————————————— embedded content */
+
+iframe {
+  border-style: none;
+}
+audio,
+canvas,
+iframe,
+img,
+svg,
+video {
+  vertical-align: middle;
+}
+audio,
+video {
+  display: inline-block;
+}
+audio:not([controls]) {
+  display: none;
+  height: 0;
+}
+svg:not(:root) {
+  overflow: hidden;
+}
+svg {
+    position: relative;
+}
+
+
+/*—————————————————————————————————————— typography */
+
+body {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+body {
+    font-size: 62.5%;
+}
+li li {
+    font-size: 100%;
+}
+sup,
+sub {
+    font-size: 66%;
+}
+sup {
+    vertical-align: super;
+}
+sub {
+    vertical-align: sub;
+}
+section h1:first-child, 
+section h2:first-child,
+section h3:first-child,
+section h4:first-child,
+section h5:first-child,
+section h6:first-child {
+    margin-top: 0;
+    padding-top: 0;
+}
+h1 b, h2 b, h3 b, h4 b, h5 b, h6 b,
+h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
+    font-weight: inherit !important;
+}
+nav a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
+    text-decoration: none;
+}
+em,
+i {
+    font-style: italic;
+}
+a {
+  background-color: transparent;
+}
+abbr[title] {
+  text-decoration: underline;
+  text-decoration: underline dotted;
+}
+code,
+kbd,
+samp {
+  font-family: monospace, monospace; 
+  font-size: 1em; 
+}
+small {
+  font-size: 80%;
+}
+dl dl,
+dl ol,
+dl ul,
+ol dl,
+ul dl {
+  margin: 0;
+}
+ol ol,
+ol ul,
+ul ol,
+ul ul {
+  margin: 0;
+}
+main {
+  display: block;
+}
+nav ol,
+nav ul {
+  list-style: none;
+  padding: 0;
+}
+pre {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+
+/*—————————————————————————————————————— accessibility */
+
+[aria-busy="true"] {
+  cursor: progress;
+}
+[aria-controls] {
+  cursor: pointer;
+}
+[aria-disabled="true"],
+[disabled] {
+  cursor: not-allowed;
+}
+[aria-hidden="false"][hidden] {
+  display: initial;
+}
+[aria-hidden="false"][hidden]:not(:focus) {
+  clip: rect(0, 0, 0, 0);
+  position: absolute;
+}
+
+
+/*—————————————————————————————————————— interaction */
+
+a,
+area,
+button,
+input,
+label,
+select,
+summary,
+textarea,
+[tabindex] {
+  -ms-touch-action: manipulation;
+  touch-action: manipulation; 
+}
+[hidden] {
+  display: none;
+}
+details {
+  display: block;
+}
+dialog {
+  background-color: white;
+  border: solid;
+  color: black;
+  display: block;
+  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;
+}
+dialog:not([open]) {
+  display: none;
+}
+summary {
+  display: list-item;
+}
+
+
+/*—————————————————————————————————————— scripting */
+
+canvas {
+  display: inline-block;
+}
+template {
+  display: none;
+}
+
+
+/*—————————————————————————————————————— WordPress */
+
+#wpadminbar {
+    z-index: 100000000 !important;
+}
+.alignleft {
+    float: left;
+    margin-right: 15px;
+    margin-bottom: 10px;
+    max-width: 40%;
+}
+.alignright {
+    float: right;
+    margin-left: 15px;
+    margin-bottom: 10px;
+    max-width: 40%;
+}
+.aligncenter {
+    float: none;
+    margin-right: auto;
+    margin-left: auto;
+}
+.alignnone {
+    float: none;
+    margin: 20px 0;
+}
+.wp-caption {
+    max-width: 100%;
+}
+
+
+/*—————————————————————————————————————— handy classes */
+/* visually hides element — will read out on all screenreaders */
+.sr-only,
+.hidden {
+    position: absolute;
+    left: -10000px;
+    top: auto;
+    width: 1px;
+    height: 1px;
+    overflow: hidden;
+}
+/* clearfix */
+.cf:after {
+    visibility: hidden;
+    display: block;
+    font-size: 0;
+    content: " ";
+    clear: both;
+    height: 0;
+}
+* html .cf {
+    zoom: 1;
+}
+*:first-child + html .cf {
+    zoom: 1;
+}
+
+
+/*—————————————————————————————————————— form field standardization */
+
+button {
+    cursor: pointer;
+}
+::-moz-selection {
+    background: #9ddeee;
+    text-shadow: none;
+}
+::selection {
+    background: #9ddeee;
+    text-shadow: none;
+}
+fieldset {
+    border: 0;
+    margin: 0;
+    padding: 0;
+}
+.chromeframe {
+    margin: 0.2em 0;
+    background: #ccc;
+    color: #000;
+    padding: 0.2em 0;
+}
+input {
+    -webkit-border-radius: 0;
+    border-radius: 0;
+}
+input, textarea, submit, select {
+    max-width: 100%;
+}
+/**
+ * Remove the margin on controls in Safari.
+ */
+button,
+input,
+select {
+  margin: 0;
+}
+/**
+ * 1. Show the overflow in IE.
+ * 2. Remove the inheritance of text transform in Edge 18-, Firefox, and IE.
+ */
+button {
+  overflow: visible; /* 1 */
+  text-transform: none; /* 2 */
+}
+/**
+ * Correct the inability to style buttons in iOS and Safari.
+ */
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button;
+}
+/**
+ * 1. Change the inconsistent appearance in all browsers (opinionated).
+ * 2. Correct the padding in Firefox.
+ */
+fieldset {
+  border: 1px solid #a0a0a0; /* 1 */
+  padding: 0.35em 0.75em 0.625em; /* 2 */
+}
+/**
+ * Show the overflow in Edge 18- and IE.
+ */
+input {
+  overflow: visible;
+}
+/**
+ * 1. Correct the text wrapping in Edge 18- and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ */
+legend {
+  color: inherit; /* 2 */
+  display: table; /* 1 */
+  max-width: 100%; /* 1 */
+  white-space: normal; /* 1 */
+}
+/**
+ * 1. Add the correct display in Edge 18- and IE.
+ * 2. Add the correct vertical alignment in Chrome, Edge, and Firefox.
+ */
+progress {
+  display: inline-block; /* 1 */
+  vertical-align: baseline; /* 2 */
+}
+/**
+ * Remove the inheritance of text transform in Firefox.
+ */
+select {
+  text-transform: none;
+}
+/**
+ * 1. Remove the margin in Firefox and Safari.
+ * 2. Remove the default vertical scrollbar in IE.
+ * 3. Change the resize direction in all browsers (opinionated).
+ */
+textarea {
+  margin: 0; /* 1 */
+  overflow: auto; /* 2 */
+  resize: vertical; /* 3 */
+}
+/**
+ * Remove the padding in IE 10-.
+ */
+[type="checkbox"],
+[type="radio"] {
+  padding: 0;
+}
+/**
+ * 1. Correct the odd appearance in Chrome, Edge, and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+[type="search"] {
+  -webkit-appearance: textfield; /* 1 */
+  outline-offset: -2px; /* 2 */
+}
+/**
+ * Correct the cursor style of increment and decrement buttons in Safari.
+ */
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+  height: auto;
+}
+/**
+ * Correct the text style of placeholders in Chrome, Edge, and Safari.
+ */
+::-webkit-input-placeholder {
+  color: inherit;
+  opacity: 0.54;
+}
+/**
+ * Remove the inner padding in Chrome, Edge, and Safari on macOS.
+ */
+::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+/**
+ * 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 */
+}
+/**
+ * Remove the inner border and padding of focus outlines in Firefox.
+ */
+::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+/**
+ * Restore the focus outline styles unset by the previous rule in Firefox.
+ */
+:-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+/**
+ * Remove the additional :invalid styles in Firefox.
+ */
+:-moz-ui-invalid {
+  box-shadow: none;
+}