demo_mode 1.5.0 → 2.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 8d43fe47b27be671211e69d0470a4ae3e0e4628d2b682e73cd106ca761699679
-  data.tar.gz: c2706ae38dedf43c9b72f18ff5e1668e615edabaec41e1c7bc6d03c049072c19
+  metadata.gz: bc6c5fc3a85da7d4bba46cd2fb0efd5f0240517141ba17f3a47cb72ea32031c4
+  data.tar.gz: e61184a01792692be62a0e27673a9e88bb1a743accb838305b918da8483ea6d8
 SHA512:
-  metadata.gz: dcf56f9adcd9918bc8228400cfe3e1eb4a3bc17ba731907c89aec3190767d68634c88936dfc24e3112b637e20c739f0da855d621e1d21bf938946dfcfe30ce3e
-  data.tar.gz: 2f4205fda9a3a1f4dba2131baf79d54e9b17039188b4d8db090a153be837348bb3d3a6ed0548b2c0036867535fe188cb6a46f3886dc9050130c46a02d5f31854
+  metadata.gz: cea23c3da3a9ae476f2455cd7023a5534a6c3e679ea874adcf478d7b653ddde242031055beb8aa5a00674e8a8fe71859082a0a135686520335826844932e99ff
+  data.tar.gz: a30fcfa55028534a93b5f04f133b1276a5eaf3a03699202c14a8038914f409783218d5d3336292c6bba99a3ad19b5b19819531b08f820be471293dd213dd2379

data/app/views/layouts/demo_mode/application.html.erb

@@ -5,8 +5,10 @@
   <meta charset="UTF-8">
   <title>Demo Mode</title>
   <%= favicon_link_tag '/favicon.ico' %>
-  <%= stylesheet_link_tag 'demo_mode/application', media: 'all' %>
-  <%= javascript_include_tag 'demo_mode/application' %>
+  <link rel="stylesheet" href="/assets/demo_mode/vendor/normalize-v8.0.1.css">
+  <link rel="stylesheet" href="/assets/demo_mode/demo_mode.css?v=<%= DemoMode::VERSION %>">
+  <script src="/assets/demo_mode/vendor/typed-v2.1.0.js"></script>
+  <script src="/assets/demo_mode/demo_mode.js?v=<%= DemoMode::VERSION %>"></script>
   <%= csrf_meta_tags %>
   <meta name="viewport" content="width=device-width, initial-scale=1.0 maximum-scale=1.0, user-scalable=0">
 </head>

data/lib/demo_mode/config.rb

@@ -39,7 +39,7 @@ module DemoMode
       if block
         @loader = block
       else
-        @loader ||= ->(_) { image_tag('demo_mode/loader.png') }
+        @loader ||= ->(_) { image_tag("/assets/demo_mode/loader.png?v=#{VERSION}") }
       end
     end
 
@@ -47,9 +47,9 @@ module DemoMode
       if block
         @icon = block
       elsif name_or_path
-        @path = name_or_path.is_a?(Symbol) ? "demo_mode/icon--#{name_or_path}" : name_or_path
+        @path = ICONS.fetch(name_or_path, name_or_path)
       else
-        @path ||= 'demo_mode/icon--user'
+        @path ||= ICONS.fetch(:user)
         path = @path
         @icon ||= ->(_) { image_tag path }
       end

data/lib/demo_mode/engine.rb

@@ -1,7 +1,5 @@
 # frozen_string_literal: true
 
-require 'sprockets/railtie'
-
 module DemoMode
   class Engine < ::Rails::Engine
     isolate_namespace DemoMode
@@ -12,23 +10,16 @@ module DemoMode
         load 'demo_mode/tasks.rb'
       end
 
-      initializer 'demo_mode' do |_app|
+      initializer 'demo_mode' do |app|
         require 'zeitwerk/version'
         raise 'DemoMode only supports Zeitwerk::VERSION >= 2.4.2' unless Gem::Version.new(Zeitwerk::VERSION) >= Gem::Version.new('2.4.2')
 
         Rails.autoloaders.main.on_load(DemoMode.app_base_controller_name) do
           DemoMode.app_base_controller_name.constantize.include Demoable
         end
-      end
-    end
 
-    initializer 'demo_mode.assets' do |app|
-      app.config.assets.precompile << 'demo_mode/application.css'
-      app.config.assets.precompile << 'demo_mode/application.js'
-      app.config.assets.precompile << 'demo_mode/icon--user.png'
-      app.config.assets.precompile << 'demo_mode/icon--users.png'
-      app.config.assets.precompile << 'demo_mode/icon--tophat.png'
-      app.config.assets.precompile << 'demo_mode/loader.png'
+        app.middleware.insert_before(ActionDispatch::Static, ActionDispatch::Static, "#{root}/public")
+      end
     end
   end
 end

data/lib/demo_mode/persona.rb

@@ -15,7 +15,7 @@ module DemoMode
       if block
         @icon = block
       elsif name_or_path
-        @path = name_or_path.is_a?(Symbol) ? "demo_mode/icon--#{name_or_path}" : name_or_path
+        @path = ICONS.fetch(name_or_path, name_or_path)
         path = @path
         @icon = ->(_) { image_tag path }
       else

data/lib/demo_mode/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module DemoMode
-  VERSION = '1.5.0'
+  VERSION = '2.0.0'
 end

data/lib/demo_mode.rb

@@ -1,7 +1,6 @@
 # frozen_string_literal: true
 
 require 'rails'
-require 'typedjs-rails'
 require 'demo_mode/version'
 require 'demo_mode/clever_sequence'
 require 'demo_mode/config'
@@ -9,6 +8,12 @@ require 'demo_mode/engine'
 require 'demo_mode/persona'
 
 module DemoMode
+  ICONS = {
+    tophat: "/assets/demo_mode/icon--tophat.png?v=#{VERSION}",
+    user: "/assets/demo_mode/icon--user.png?v=#{VERSION}",
+    users: "/assets/demo_mode/icon--users.png?v=#{VERSION}",
+  }.freeze
+
   class << self
     delegate(*Config.configurations, to: :configuration)
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: demo_mode
 version: !ruby/object:Gem::Version
-  version: 1.5.0
+  version: 2.0.0
 platform: ruby
 authors:
 - Nathan Griffith
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-01-27 00:00:00.000000000 Z
+date: 2025-02-06 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -125,27 +125,33 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '8.1'
 - !ruby/object:Gem::Dependency
-  name: sprockets-rails
+  name: actionmailer
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: '0'
-  type: :runtime
+        version: '6.1'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '8.1'
+  type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '6.1'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '8.1'
 - !ruby/object:Gem::Dependency
-  name: typedjs-rails
+  name: appraisal
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
         version: '0'
-  type: :runtime
+  type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
@@ -153,27 +159,21 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
-  name: actionmailer
+  name: betterlint
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: '6.1'
-    - - "<"
-      - !ruby/object:Gem::Version
-        version: '8.1'
+        version: '0'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: '6.1'
-    - - "<"
-      - !ruby/object:Gem::Version
-        version: '8.1'
+        version: '0'
 - !ruby/object:Gem::Dependency
-  name: appraisal
+  name: capybara
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
@@ -187,7 +187,7 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
-  name: betterlint
+  name: combustion
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
@@ -201,7 +201,7 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
-  name: capybara
+  name: cuprite
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
@@ -215,7 +215,7 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
-  name: combustion
+  name: factory_bot
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
@@ -229,7 +229,7 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
-  name: cuprite
+  name: net-smtp
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
@@ -243,7 +243,7 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
-  name: factory_bot
+  name: rspec-rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
@@ -257,7 +257,7 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
-  name: net-smtp
+  name: sprockets-rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
@@ -271,7 +271,7 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
-  name: rspec-rails
+  name: sqlite3
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
@@ -323,14 +323,6 @@ files:
 - LICENSE
 - README.md
 - Rakefile
-- app/assets/images/demo_mode/icon--tophat.png
-- app/assets/images/demo_mode/icon--user.png
-- app/assets/images/demo_mode/icon--users.png
-- app/assets/images/demo_mode/loader.png
-- app/assets/javascript/demo_mode/application.js
-- app/assets/stylesheets/demo_mode/application.css
-- app/assets/stylesheets/demo_mode/default.css
-- app/assets/stylesheets/demo_mode/normalize.css
 - app/controllers/concerns/demo_mode/demoable.rb
 - app/controllers/demo_mode/application_controller.rb
 - app/controllers/demo_mode/sessions_controller.rb

data/app/assets/javascript/demo_mode/application.js

@@ -1,119 +0,0 @@
-//= require typed
-
-(function(document, performance, location) {
-  function* getJSON(url) {
-    while(true) { yield fetch(url).then(resp => resp.json()); }
-  }
-
-  function pollURL(url, minInterval, success, func) {
-    const then = performance.now();
-    if(!minInterval) { minInterval = 1000 }
-    if(!func) { func = getJSON(url) }
-
-    func.next().value.then((resp) => {
-      if(resp.processing) {
-        setTimeout(
-          () => pollURL(url, minInterval, success, func),
-          Math.max(0, minInterval - (performance.now() - then))
-        );
-      } else {
-        success();
-      }
-    });
-  }
-
-  document.addEventListener('DOMContentLoaded', (event) => {
-    [...document.querySelectorAll('[data-polling-refresh-url]')].forEach((elem) => {
-      pollURL(
-        elem.getAttribute('data-polling-refresh-url'),
-        elem.getAttribute('data-polling-refresh-interval') * 1000,
-        () => location.reload()
-      );
-    });
-  });
-}(document, performance, location));
-
-(function() {
-  var TableFilter = (function() {
-    var input;
-    var inputValue;
-
-    function onInputEvent(e) {
-      input = e.target;
-      inputValue = input.value.toLowerCase().replace(/[^0-9a-zA-Z ]/g, '');
-      updateTable()
-      updateHistory()
-    }
-
-    function updateTable() {
-      var table = document.querySelector(`.${input.dataset.table}`);
-      if (table) {
-        Array.prototype.forEach.call(table.tBodies, function(tbody) {
-          Array.prototype.forEach.call(tbody.rows, filter);
-        });
-      } else {
-        alert('TableFilter cannot find its table')
-      }
-    }
-
-    function updateHistory() {
-      var searchParams = new URLSearchParams(window.location.search)
-      searchParams.set("search", inputValue);
-      var newRelativePathQuery = window.location.pathname + '?' + searchParams.toString();
-      history.pushState(null, '', newRelativePathQuery);
-    }
-
-    function filter(row) {
-      var text = row.textContent.toLowerCase().replace(/[^0-9a-zA-Z ]/g,'');
-      row.style.display = text.indexOf(inputValue) === -1 ? 'none' : 'table-row';
-    }
-
-    function debounce(func, threshold) {
-      var timeout;
-
-      return function debounced() {
-        var obj = this;
-        var args = arguments;
-
-        function delayed() {
-          func.apply(obj, args);
-          timeout = null;
-        };
-
-        if (timeout) {
-          clearTimeout(timeout);
-        }
-        timeout = setTimeout(delayed, threshold);
-      };
-    }
-
-    return {
-      init: function() {
-        var input = document.querySelector('input[data-behavior=table-filter]');
-        if (!input) return;
-
-        input.oninput = debounce(onInputEvent, 250);
-        var urlParams = new URLSearchParams(window.location.search);
-        var search = urlParams.get('search');
-        if (search) {
-          input.value = search
-          input.dispatchEvent(new InputEvent('input', { data: search }));
-        }
-
-        window.addEventListener('popstate', (event) => {
-          var urlParams = new URLSearchParams(window.location.search);
-          var search = urlParams.get('search');
-          if (search) {
-            input.value = search;
-            inputValue = search;
-            updateTable()
-          }
-        });
-      }
-    };
-  })();
-
-  document.addEventListener('DOMContentLoaded', (event) => {
-    TableFilter.init();
-  });
-})();

data/app/assets/stylesheets/demo_mode/application.css

@@ -1,5 +0,0 @@
-/*
- *= require_self
- *= require ./normalize
- *= require ./default
- */

data/app/assets/stylesheets/demo_mode/default.css

@@ -1,318 +0,0 @@
-:root {
-  --font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-  --primary-color: #228be6;
-}
-
-*,
-*:before,
-*:after {
-    box-sizing: inherit;
-    -webkit-box-sizing: inherit;
-    box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-}
-
-html {
-    color: #333;
-    font-size: 10px;
-    line-height: 1.15;
-    font-family: var(--font-family);
-    font-smoothing: antialiased;
-    -webkit-font-smoothing: antialiased;
-    osx-font-smoothing: grayscale;
-    -moz-osx-font-smoothing: grayscale;
-    text-size-adjust: 100%;
-    -ms-text-size-adjust: 100%;
-    -webkit-text-size-adjust: 100%;
-}
-
-body {
-    max-width: 1264px;
-    height: 100vh;
-    display: grid;
-    grid-template-rows: auto 1fr auto;
-    margin: 0 auto;
-    padding: 0 32px;
-    font-size: 1.6rem;
-    line-height: 2.4rem;
-}
-
-header,
-main,
-footer {
-    width: 100%;
-    margin: 0 auto;
-    padding: 0;
-}
-
-article {
-    padding-top: 3.2rem;
-}
-section {
-    margin-bottom: 3.2rem;
-}
-
-h1,
-h2,
-h3,
-h4 {
-    color: #222;
-    margin-top: 0;
-}
-h1:last-child, h2:last-child, h3:last-child, h4:last-child {
-    margin-bottom: 0;
-}
-
-a {
-    color: var(--primary-color);
-    cursor: pointer;
-    text-decoration: none;
-}
-a:hover,
-a:focus,
-a:active {
-    text-decoration: underline;
-}
-
-hr {
-    border: 0;
-    width: 100%;
-    border-top: 1px solid #e3e3e3;
-    margin: 1.4rem 0;
-}
-
-header {
-    display: grid;
-    grid-template-columns: auto 1fr auto;
-    gap: 1.6rem;
-    align-items: center;
-    height: 6.4rem;
-}
-
-header small {
-    padding-left: 1.6rem;
-    border-left: 1px solid #e3e3e3;
-    color: #666;
-    font-size: 1.2rem;
-    line-height: 1.6rem;
-}
-
-.personas-callout {
-    display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(20em, 1fr));
-    gap: 3rem;
-}
-
-.personas-callout section {
-    display: grid;
-    grid-template-rows: auto auto auto 1fr auto;
-    gap: 1rem;
-    justify-items: center;
-    text-align: center;
-    border: 3px solid #e3e3e3;
-    padding: 3.2rem;
-    margin-bottom: 2rem;
-}
-.personas-callout section:hover {
-    border-color: #cdcdcd;
-    cursor: pointer;
-    text-decoration: none;
-}
-.personas-callout figure {
-    width: 7em;
-}
-.personas-callout img, svg {
-    max-width: 100%;
-}
-.personas-callout h2,
-.personas-callout select,
-.personas-callout input {
-    margin: 0;
-}
-.personas-callout ul {
-    margin: 0 0 0.5rem 0;
-    padding: 0;
-    list-style-type: none;
-    list-style-position: outside;
-}
-.personas-callout li {
-    color: #666;
-    font-size: 1.4rem;
-    line-height: 2rem;
-}
-
-form,
-input,
-select,
-textarea,
-button {
-    display: block;
-    width: 100%;
-    max-width: 40rem;
-}
-
-input,
-select,
-textarea,
-button {
-    border: 1px solid #444;
-    border-radius: 0.3rem;
-    background-color: white;
-    font-family: inherit;
-    padding: 1.1rem 1.6rem;
-    font-size: 1.6rem;
-    line-height: 2.4rem;
-    margin-bottom: 2rem;
-    color: #222;
-    font-weight: 500;
-}
-
-select {
-    padding-right: 3.5rem;
-    appearance: none;
-    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
-    background-repeat: no-repeat;
-    background-position: right 1rem center;
-    background-size: 1em;
-}
-
-input[type="submit"],
-button,
-a.button {
-    font-size: 1.6rem;
-    line-height: 2rem;
-    font-weight: 600;
-    color: white;
-    text-align: center;
-    background-color: var(--primary-color);
-    border: 0;
-    cursor: pointer;
-    padding: 1.4rem 2.4rem;
-    margin: 0.8rem 0 0.8rem;
-    width: auto;
-    display: inline-block;
-    border-radius: 0.3rem;
-}
-input[type="submit"]:hover,
-button:hover,
-a.button:hover {
-    background-color: var(--primary-color);
-    filter: brightness(0.85);
-    text-decoration: none;
-}
-input[type="submit"]:focus,
-button:focus,
-a.button:focus {
-    outline: 2px solid rgba(29, 106, 229, 0.5);
-    outline-offset: 1px;
-    text-decoration: underline;
-}
-
-input[type="submit"].secondary,
-button.secondary,
-a.button.secondary {
-    color: #212121;
-    background-color: #ffffff;
-    border: 0.1rem solid #a3a3a3;
-    padding: 1.3rem 2.3rem;
-    padding-top: 1.3rem;
-    padding-bottom: 1.3rem;
-    padding-right: 2.4rem;
-    line-height: 2rem;
-}
-input[type="submit"].secondary:hover,
-button.secondary:hover,
-a.button.secondary:hover {
-    filter: none;
-    background-color: #e3e3e3;
-    color: #212121;
-}
-
-input[type="submit"].small,
-button.small,
-a.button.small {
-    font-size: 1.4rem;
-    line-height: 2rem;
-    margin-top: 0;
-    padding: 0.5rem 2.3rem;
-}
-
-label {
-    font-size: 1.6rem;
-    line-height: 2.4rem;
-    font-weight: 500;
-    color: #222;
-    display: block;
-    margin-bottom: 0.8rem;
-}
-
-fieldset {
-    background-color: white;
-    border: 1px solid #e3e3e3;
-    border-radius: 0.4rem;
-    position: relative;
-    width: 100%;
-    max-width: 400px;
-    margin: 0 auto;
-    padding: 2.4rem;
-}
-
-legend {
-    float: left;
-    width: 100%;
-    margin-bottom: 1.5em;
-    padding-bottom: 1em;
-    border-bottom: 1px solid #e3e3e3;
-}
-
-table {
-    font-size: 1.6rem;
-    line-height: 2.4rem;
-    border-collapse: collapse;
-    color: #363636;
-    width: 100%;
-    overflow-x: auto;
-    vertical-align: middle;
-}
-
-table select,
-table input,
-table input[type="submit"],
-table button {
-    white-space: nowrap;
-}
-table select {
-    font-size: 1.4rem;
-    line-height: 2rem;
-    padding: 0.5rem 2.3rem;
-}
-
-th {
-    font-size: 1.6rem;
-    line-height: 2.4rem;
-    font-weight: 500;
-    color: #222;
-}
-
-th,
-td {
-    padding: 1.6rem;
-    min-width: 8rem;
-    border-bottom: 1px solid #eee;
-    text-align: left;
-    white-space: normal;
-}
-
-.middle {
-    height: 100%;
-    display: grid;
-    grid-template-rows: auto auto;
-    justify-items: center;
-    align-items: center;
-    align-content: space-evenly;
-    gap: 1rem;
-}
-
-.center {
-    text-align: center;
-}

data/app/assets/stylesheets/demo_mode/normalize.css

@@ -1,349 +0,0 @@
-/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
-
-/* Document
-   ========================================================================== */
-
-/**
- * 1. Correct the line height in all browsers.
- * 2. Prevent adjustments of font size after orientation changes in iOS.
- */
-
-html {
-  line-height: 1.15; /* 1 */
-  -webkit-text-size-adjust: 100%; /* 2 */
-}
-
-/* Sections
-   ========================================================================== */
-
-/**
- * Remove the margin in all browsers.
- */
-
-body {
-  margin: 0;
-}
-
-/**
- * Render the `main` element consistently in IE.
- */
-
-main {
-  display: block;
-}
-
-/**
- * Correct the font size and margin on `h1` elements within `section` and
- * `article` contexts in Chrome, Firefox, and Safari.
- */
-
-h1 {
-  font-size: 2em;
-  margin: 0.67em 0;
-}
-
-/* Grouping content
-   ========================================================================== */
-
-/**
- * 1. Add the correct box sizing in Firefox.
- * 2. Show the overflow in Edge and IE.
- */
-
-hr {
-  box-sizing: content-box; /* 1 */
-  height: 0; /* 1 */
-  overflow: visible; /* 2 */
-}
-
-/**
- * 1. Correct the inheritance and scaling of font size in all browsers.
- * 2. Correct the odd `em` font sizing in all browsers.
- */
-
-pre {
-  font-family: monospace, monospace; /* 1 */
-  font-size: 1em; /* 2 */
-}
-
-/* Text-level semantics
-   ========================================================================== */
-
-/**
- * Remove the gray background on active links in IE 10.
- */
-
-a {
-  background-color: transparent;
-}
-
-/**
- * 1. Remove the bottom border in Chrome 57-
- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
- */
-
-abbr[title] {
-  border-bottom: none; /* 1 */
-  text-decoration: underline; /* 2 */
-  text-decoration: underline dotted; /* 2 */
-}
-
-/**
- * Add the correct font weight in Chrome, Edge, and Safari.
- */
-
-b,
-strong {
-  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.
- */
-
-code,
-kbd,
-samp {
-  font-family: monospace, monospace; /* 1 */
-  font-size: 1em; /* 2 */
-}
-
-/**
- * Add the correct font size in all browsers.
- */
-
-small {
-  font-size: 80%;
-}
-
-/**
- * Prevent `sub` and `sup` elements from affecting the line height in
- * all browsers.
- */
-
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-
-sub {
-  bottom: -0.25em;
-}
-
-sup {
-  top: -0.5em;
-}
-
-/* Embedded content
-   ========================================================================== */
-
-/**
- * Remove the border on images inside links in IE 10.
- */
-
-img {
-  border-style: none;
-}
-
-/* Forms
-   ========================================================================== */
-
-/**
- * 1. Change the font styles in all browsers.
- * 2. Remove the margin in Firefox and Safari.
- */
-
-button,
-input,
-optgroup,
-select,
-textarea {
-  font-family: inherit; /* 1 */
-  font-size: 100%; /* 1 */
-  line-height: 1.15; /* 1 */
-  margin: 0; /* 2 */
-}
-
-/**
- * Show the overflow in IE.
- * 1. Show the overflow in Edge.
- */
-
-button,
-input { /* 1 */
-  overflow: visible;
-}
-
-/**
- * Remove the inheritance of text transform in Edge, Firefox, and IE.
- * 1. Remove the inheritance of text transform in Firefox.
- */
-
-button,
-select { /* 1 */
-  text-transform: none;
-}
-
-/**
- * Correct the inability to style clickable types in iOS and Safari.
- */
-
-button,
-[type="button"],
-[type="reset"],
-[type="submit"] {
-  -webkit-appearance: button;
-}
-
-/**
- * Remove the inner border and padding in Firefox.
- */
-
-button::-moz-focus-inner,
-[type="button"]::-moz-focus-inner,
-[type="reset"]::-moz-focus-inner,
-[type="submit"]::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-/**
- * Restore the focus styles unset by the previous rule.
- */
-
-button:-moz-focusring,
-[type="button"]:-moz-focusring,
-[type="reset"]:-moz-focusring,
-[type="submit"]:-moz-focusring {
-  outline: 1px dotted ButtonText;
-}
-
-/**
- * Correct the padding in Firefox.
- */
-
-fieldset {
-  padding: 0.35em 0.75em 0.625em;
-}
-
-/**
- * 1. Correct the text wrapping in Edge and IE.
- * 2. Correct the color inheritance from `fieldset` elements in IE.
- * 3. Remove the padding so developers are not caught out when they zero out
- *    `fieldset` elements in all browsers.
- */
-
-legend {
-  box-sizing: border-box; /* 1 */
-  color: inherit; /* 2 */
-  display: table; /* 1 */
-  max-width: 100%; /* 1 */
-  padding: 0; /* 3 */
-  white-space: normal; /* 1 */
-}
-
-/**
- * Add the correct vertical alignment in Chrome, Firefox, and Opera.
- */
-
-progress {
-  vertical-align: baseline;
-}
-
-/**
- * Remove the default vertical scrollbar in IE 10+.
- */
-
-textarea {
-  overflow: auto;
-}
-
-/**
- * 1. Add the correct box sizing in IE 10.
- * 2. Remove the padding in IE 10.
- */
-
-[type="checkbox"],
-[type="radio"] {
-  box-sizing: border-box; /* 1 */
-  padding: 0; /* 2 */
-}
-
-/**
- * Correct the cursor style of increment and decrement buttons in Chrome.
- */
-
-[type="number"]::-webkit-inner-spin-button,
-[type="number"]::-webkit-outer-spin-button {
-  height: auto;
-}
-
-/**
- * 1. Correct the odd appearance in Chrome and Safari.
- * 2. Correct the outline style in Safari.
- */
-
-[type="search"] {
-  -webkit-appearance: textfield; /* 1 */
-  outline-offset: -2px; /* 2 */
-}
-
-/**
- * Remove the inner padding in Chrome and Safari on macOS.
- */
-
-[type="search"]::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-
-/**
- * 1. Correct the inability to style clickable types in iOS and Safari.
- * 2. Change font properties to `inherit` in Safari.
- */
-
-::-webkit-file-upload-button {
-  -webkit-appearance: button; /* 1 */
-  font: inherit; /* 2 */
-}
-
-/* Interactive
-   ========================================================================== */
-
-/*
- * Add the correct display in Edge, IE 10+, and Firefox.
- */
-
-details {
-  display: block;
-}
-
-/*
- * Add the correct display in all browsers.
- */
-
-summary {
-  display: list-item;
-}
-
-/* Misc
-   ========================================================================== */
-
-/**
- * Add the correct display in IE 10+.
- */
-
-template {
-  display: none;
-}
-
-/**
- * Add the correct display in IE 10.
- */
-
-[hidden] {
-  display: none;
-}