add custom elements

Signed-off-by: Pascal Andy <[email protected]>

assets/css_firepress/btn_a.css

@@ -0,0 +1,107 @@
+/* btn_a
+/* ---------------------------------------------------------- */
+
+input[type="submit"],
+input[type="reset"],
+input[type="btn_a"],
+btn_a,
+.btn_a {
+  display: inline-block;
+  height: var(--height);
+  padding: 0 2rem;
+  border: 0;
+  border-radius: var(--radius);
+  cursor: pointer;
+  font-family: var(--font-sans-serif);
+  font-size: 0.8em;
+  font-weight: var(--font-normal);
+  line-height: var(--height);
+  text-align: center;
+  text-decoration: none;
+  white-space: nowrap;
+  appearance: none;
+  transition: 0.4s ease;
+}
+
+input[type="submit"].fit,
+input[type="reset"].fit,
+input[type="btn_a"].fit,
+btn_a.fit,
+.btn_a.fit {
+  width: 100%;
+}
+
+input[type="submit"].small,
+input[type="reset"].small,
+input[type="btn_a"].small,
+btn_a.small,
+.btn_a.small {
+  height: calc(var(--height) * 0.9);
+  line-height: calc(var(--height) * 0.9);
+  padding: 0 1.5rem;
+  font-size: 0.7em;
+}
+
+input[type="submit"].large,
+input[type="reset"].large,
+input[type="btn_a"].large,
+btn_a.large,
+.btn_a.large {
+  height: calc(var(--height) * 1.14);
+  line-height: calc(var(--height) * 1.14);
+  padding: 0 3rem;
+  font-size: 0.95em;
+}
+
+input[type="submit"].disabled,
+input[type="submit"]:disabled,
+input[type="reset"].disabled,
+input[type="reset"]:disabled,
+input[type="btn_a"].disabled,
+input[type="btn_a"]:disabled,
+btn_a.disabled,
+btn_a:disabled,
+.btn_a.disabled,
+.btn_a:disabled {
+  pointer-events: none;
+  opacity: 0.4;
+}
+
+input[type="submit"],
+input[type="reset"],
+input[type="btn_a"],
+btn_a,
+.btn_a {
+  color: var(--color-primary) !important;
+  background-color: transparent;
+  box-shadow: inset 0 0 0 2px var(--color-primary);
+}
+
+input[type="submit"]:hover,
+input[type="reset"]:hover,
+input[type="btn_a"]:hover,
+btn_a:hover,
+.btn_a:hover {
+  text-decoration: none;
+  color: #118dd0 !important;
+  box-shadow: inset 0 0 0 2px #139de7;
+  transition: 0.2s ease;
+}
+
+input[type="submit"].primary,
+input[type="reset"].primary,
+input[type="btn_a"].primary,
+btn_a.primary,
+.btn_a.primary {
+  color: #fff !important;
+  background-color: var(--color-primary);
+  box-shadow: none;
+}
+
+input[type="submit"].primary:hover,
+input[type="reset"].primary:hover,
+input[type="btn_a"].primary:hover,
+btn_a.primary:hover,
+.btn_a.primary:hover {
+  background-color: #139de7
+}

assets/css_firepress/btn_a_license.css

@@ -0,0 +1,23 @@
+Copyright (c) 2013-2019 Ghost Foundation
+source: https://github.com/TryGhost/London/blob/master/LICENSE
+
+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.

assets/css_firepress/btn_a_var.css

@@ -0,0 +1,35 @@
+/* Variables
+/* ---------------------------------------------------------- */
+
+@import url('https://fonts.googleapis.com/css?family=Muli:400,400i,600,700,700i,800');
+
+:root {
+
+    /* Colours */
+    --color-primary: #3eb0ef;
+    --color-base: #131313;
+    --color-border: #ddd;
+    --color-bg: #f5f5f5;
+
+    /* Fonts */
+    --font-sans-serif: 'Muli', sans-serif;
+    --font-serif: Georgia, Times, serif;
+    --font-mono: Menlo, Courier, monospace;
+    --font-light: 100;
+    --font-normal: 400;
+    --font-bold: 700;
+    --font-heavy: 800;
+
+    /* Breakpoints */
+    --xlarge: 1680px;
+    --large: 1280px;
+    --medium: 980px;
+    --small: 740px;
+    --xsmall: 480px;
+
+    /* Sizes */
+    --height: 4rem;
+    --margin: 2rem;
+    --radius: 0.5rem;
+
+}