From 07989e454fb4df951177831a0e3d793cbba54198 Mon Sep 17 00:00:00 2001
From: tykayn <tykayn@gmail.com>
Date: Mon, 12 Aug 2019 15:06:41 +0200
Subject: [PATCH] :art: remove blue in links of the bootstrap lib, add strike
 line on create button

---
 src/assets/css/bootstrap-reboot-4.3.1.css | 647 +++++++++++-----------
 src/assets/scss/atoms/_buttons.scss       |  29 +-
 src/assets/scss/atoms/_links.scss         |  44 +-
 src/assets/scss/default.scss              |   6 +-
 4 files changed, 377 insertions(+), 349 deletions(-)

diff --git a/src/assets/css/bootstrap-reboot-4.3.1.css b/src/assets/css/bootstrap-reboot-4.3.1.css
index 6594c949..b198a50b 100644
--- a/src/assets/css/bootstrap-reboot-4.3.1.css
+++ b/src/assets/css/bootstrap-reboot-4.3.1.css
@@ -5,327 +5,326 @@
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
  * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
  */
- *,
- *::before,
- *::after {
-   box-sizing: border-box;
- }
- 
- html {
-   font-family: sans-serif;
-   line-height: 1.15;
-   -webkit-text-size-adjust: 100%;
-   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
- }
- 
- article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
-   display: block;
- }
- 
- body {
-   margin: 0;
-   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-   font-size: 1rem;
-   font-weight: 400;
-   line-height: 1.5;
-   color: #212529;
-   text-align: left;
-   background-color: #fff;
- }
- 
- [tabindex="-1"]:focus {
-   outline: 0 !important;
- }
- 
- hr {
-   box-sizing: content-box;
-   height: 0;
-   overflow: visible;
- }
- 
- h1, h2, h3, h4, h5, h6 {
-   margin-top: 0;
-   margin-bottom: 0.5rem;
- }
- 
- p {
-   margin-top: 0;
-   margin-bottom: 1rem;
- }
- 
- abbr[title],
- abbr[data-original-title] {
-   text-decoration: underline;
-   -webkit-text-decoration: underline dotted;
-   text-decoration: underline dotted;
-   cursor: help;
-   border-bottom: 0;
-   -webkit-text-decoration-skip-ink: none;
-   text-decoration-skip-ink: none;
- }
- 
- address {
-   margin-bottom: 1rem;
-   font-style: normal;
-   line-height: inherit;
- }
- 
- ol,
- ul,
- dl {
-   margin-top: 0;
-   margin-bottom: 1rem;
- }
- 
- ol ol,
- ul ul,
- ol ul,
- ul ol {
-   margin-bottom: 0;
- }
- 
- dt {
-   font-weight: 700;
- }
- 
- dd {
-   margin-bottom: .5rem;
-   margin-left: 0;
- }
- 
- blockquote {
-   margin: 0 0 1rem;
- }
- 
- b,
- strong {
-   font-weight: bolder;
- }
- 
- small {
-   font-size: 80%;
- }
- 
- sub,
- sup {
-   position: relative;
-   font-size: 75%;
-   line-height: 0;
-   vertical-align: baseline;
- }
- 
- sub {
-   bottom: -.25em;
- }
- 
- sup {
-   top: -.5em;
- }
- 
- a {
-   color: #007bff;
-   text-decoration: none;
-   background-color: transparent;
- }
- 
- a:hover {
-   color: #0056b3;
-   text-decoration: underline;
- }
- 
- a:not([href]):not([tabindex]) {
-   color: inherit;
-   text-decoration: none;
- }
- 
- a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
-   color: inherit;
-   text-decoration: none;
- }
- 
- a:not([href]):not([tabindex]):focus {
-   outline: 0;
- }
- 
- pre,
- code,
- kbd,
- samp {
-   font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-   font-size: 1em;
- }
- 
- pre {
-   margin-top: 0;
-   margin-bottom: 1rem;
-   overflow: auto;
- }
- 
- figure {
-   margin: 0 0 1rem;
- }
- 
- img {
-   vertical-align: middle;
-   border-style: none;
- }
- 
- svg {
-   overflow: hidden;
-   vertical-align: middle;
- }
- 
- table {
-   border-collapse: collapse;
- }
- 
- caption {
-   padding-top: 0.75rem;
-   padding-bottom: 0.75rem;
-   color: #6c757d;
-   text-align: left;
-   caption-side: bottom;
- }
- 
- th {
-   text-align: inherit;
- }
- 
- label {
-   display: inline-block;
-   margin-bottom: 0.5rem;
- }
- 
- button {
-   border-radius: 0;
- }
- 
- button:focus {
-   outline: 1px dotted;
-   outline: 5px auto -webkit-focus-ring-color;
- }
- 
- input,
- button,
- select,
- optgroup,
- textarea {
-   margin: 0;
-   font-family: inherit;
-   font-size: inherit;
-   line-height: inherit;
- }
- 
- button,
- input {
-   overflow: visible;
- }
- 
- button,
- select {
-   text-transform: none;
- }
- 
- select {
-   word-wrap: normal;
- }
- 
- button,
- [type="button"],
- [type="reset"],
- [type="submit"] {
-   -webkit-appearance: button;
- }
- 
- button:not(:disabled),
- [type="button"]:not(:disabled),
- [type="reset"]:not(:disabled),
- [type="submit"]:not(:disabled) {
-   cursor: pointer;
- }
- 
- button::-moz-focus-inner,
- [type="button"]::-moz-focus-inner,
- [type="reset"]::-moz-focus-inner,
- [type="submit"]::-moz-focus-inner {
-   padding: 0;
-   border-style: none;
- }
- 
- input[type="radio"],
- input[type="checkbox"] {
-   box-sizing: border-box;
-   padding: 0;
- }
- 
- input[type="date"],
- input[type="time"],
- input[type="datetime-local"],
- input[type="month"] {
-   -webkit-appearance: listbox;
- }
- 
- textarea {
-   overflow: auto;
-   resize: vertical;
- }
- 
- fieldset {
-   min-width: 0;
-   padding: 0;
-   margin: 0;
-   border: 0;
- }
- 
- legend {
-   display: block;
-   width: 100%;
-   max-width: 100%;
-   padding: 0;
-   margin-bottom: .5rem;
-   font-size: 1.5rem;
-   line-height: inherit;
-   color: inherit;
-   white-space: normal;
- }
- 
- progress {
-   vertical-align: baseline;
- }
- 
- [type="number"]::-webkit-inner-spin-button,
- [type="number"]::-webkit-outer-spin-button {
-   height: auto;
- }
- 
- [type="search"] {
-   outline-offset: -2px;
-   -webkit-appearance: none;
- }
- 
- [type="search"]::-webkit-search-decoration {
-   -webkit-appearance: none;
- }
- 
- ::-webkit-file-upload-button {
-   font: inherit;
-   -webkit-appearance: button;
- }
- 
- output {
-   display: inline-block;
- }
- 
- summary {
-   display: list-item;
-   cursor: pointer;
- }
- 
- template {
-   display: none;
- }
- 
- [hidden] {
-   display: none !important;
- }
- /*# sourceMappingURL=bootstrap-reboot.css.map */
\ No newline at end of file
+*,
+*::before,
+*::after {
+    box-sizing: border-box;
+}
+
+html {
+    font-family: sans-serif;
+    line-height: 1.15;
+    -webkit-text-size-adjust: 100%;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
+    display: block;
+}
+
+body {
+    margin: 0;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    font-size: 1rem;
+    font-weight: 400;
+    line-height: 1.5;
+    color: #212529;
+    text-align: left;
+    background-color: #fff;
+}
+
+[tabindex="-1"]:focus {
+    outline: 0 !important;
+}
+
+hr {
+    box-sizing: content-box;
+    height: 0;
+    overflow: visible;
+}
+
+h1, h2, h3, h4, h5, h6 {
+    margin-top: 0;
+    margin-bottom: 0.5rem;
+}
+
+p {
+    margin-top: 0;
+    margin-bottom: 1rem;
+}
+
+abbr[title],
+abbr[data-original-title] {
+    text-decoration: underline;
+    -webkit-text-decoration: underline dotted;
+    text-decoration: underline dotted;
+    cursor: help;
+    border-bottom: 0;
+    -webkit-text-decoration-skip-ink: none;
+    text-decoration-skip-ink: none;
+}
+
+address {
+    margin-bottom: 1rem;
+    font-style: normal;
+    line-height: inherit;
+}
+
+ol,
+ul,
+dl {
+    margin-top: 0;
+    margin-bottom: 1rem;
+}
+
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+    margin-bottom: 0;
+}
+
+dt {
+    font-weight: 700;
+}
+
+dd {
+    margin-bottom: .5rem;
+    margin-left: 0;
+}
+
+blockquote {
+    margin: 0 0 1rem;
+}
+
+b,
+strong {
+    font-weight: bolder;
+}
+
+small {
+    font-size: 80%;
+}
+
+sub,
+sup {
+    position: relative;
+    font-size: 75%;
+    line-height: 0;
+    vertical-align: baseline;
+}
+
+sub {
+    bottom: -.25em;
+}
+
+sup {
+    top: -.5em;
+}
+
+a {
+    text-decoration: none;
+    background-color: transparent;
+}
+
+a:hover {
+    text-decoration: underline;
+}
+
+a:not([href]):not([tabindex]) {
+    color: inherit;
+    text-decoration: none;
+}
+
+a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
+    color: inherit;
+    text-decoration: none;
+}
+
+a:not([href]):not([tabindex]):focus {
+    outline: 0;
+}
+
+pre,
+code,
+kbd,
+samp {
+    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+    font-size: 1em;
+}
+
+pre {
+    margin-top: 0;
+    margin-bottom: 1rem;
+    overflow: auto;
+}
+
+figure {
+    margin: 0 0 1rem;
+}
+
+img {
+    vertical-align: middle;
+    border-style: none;
+}
+
+svg {
+    overflow: hidden;
+    vertical-align: middle;
+}
+
+table {
+    border-collapse: collapse;
+}
+
+caption {
+    padding-top: 0.75rem;
+    padding-bottom: 0.75rem;
+    color: #6c757d;
+    text-align: left;
+    caption-side: bottom;
+}
+
+th {
+    text-align: inherit;
+}
+
+label {
+    display: inline-block;
+    margin-bottom: 0.5rem;
+}
+
+button {
+    border-radius: 0;
+}
+
+button:focus {
+    outline: 1px dotted;
+    outline: 5px auto -webkit-focus-ring-color;
+}
+
+input,
+button,
+select,
+optgroup,
+textarea {
+    margin: 0;
+    font-family: inherit;
+    font-size: inherit;
+    line-height: inherit;
+}
+
+button,
+input {
+    overflow: visible;
+}
+
+button,
+select {
+    text-transform: none;
+}
+
+select {
+    word-wrap: normal;
+}
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+    -webkit-appearance: button;
+}
+
+button:not(:disabled),
+[type="button"]:not(:disabled),
+[type="reset"]:not(:disabled),
+[type="submit"]:not(:disabled) {
+    cursor: pointer;
+}
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+    padding: 0;
+    border-style: none;
+}
+
+input[type="radio"],
+input[type="checkbox"] {
+    box-sizing: border-box;
+    padding: 0;
+}
+
+input[type="date"],
+input[type="time"],
+input[type="datetime-local"],
+input[type="month"] {
+    -webkit-appearance: listbox;
+}
+
+textarea {
+    overflow: auto;
+    resize: vertical;
+}
+
+fieldset {
+    min-width: 0;
+    padding: 0;
+    margin: 0;
+    border: 0;
+}
+
+legend {
+    display: block;
+    width: 100%;
+    max-width: 100%;
+    padding: 0;
+    margin-bottom: .5rem;
+    font-size: 1.5rem;
+    line-height: inherit;
+    color: inherit;
+    white-space: normal;
+}
+
+progress {
+    vertical-align: baseline;
+}
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+    height: auto;
+}
+
+[type="search"] {
+    outline-offset: -2px;
+    -webkit-appearance: none;
+}
+
+[type="search"]::-webkit-search-decoration {
+    -webkit-appearance: none;
+}
+
+::-webkit-file-upload-button {
+    font: inherit;
+    -webkit-appearance: button;
+}
+
+output {
+    display: inline-block;
+}
+
+summary {
+    display: list-item;
+    cursor: pointer;
+}
+
+template {
+    display: none;
+}
+
+[hidden] {
+    display: none !important;
+}
+
+/*# sourceMappingURL=bootstrap-reboot.css.map */
diff --git a/src/assets/scss/atoms/_buttons.scss b/src/assets/scss/atoms/_buttons.scss
index 9f56852b..468abf3b 100644
--- a/src/assets/scss/atoms/_buttons.scss
+++ b/src/assets/scss/atoms/_buttons.scss
@@ -1,5 +1,9 @@
 @charset "UTF-8";
 
+a {
+  color: $black;
+}
+
 // buttons
 .btn {
   display: inline-block;
@@ -29,7 +33,26 @@
   border: solid 1px $primary_color;
 }
 
-.striked {
-  @extend .btn-outline;
-  color: $primary_color;
+.btn-next {
+  @extend .striked;
+  text-align: right;
+  width: 100%;
+  padding: 1em 2em;
+
+  a {
+    display: block;
+  }
+}
+
+.striked {
+  &::after {
+    content: "";
+    display: block;
+    width: 12ch;
+    height: 4px;
+    margin-top: -0.7em;
+    margin-right: 0;
+    margin-left: auto;
+    background-color: $primary_color;
+  }
 }
diff --git a/src/assets/scss/atoms/_links.scss b/src/assets/scss/atoms/_links.scss
index a180e74d..9d5da088 100644
--- a/src/assets/scss/atoms/_links.scss
+++ b/src/assets/scss/atoms/_links.scss
@@ -1,28 +1,30 @@
 @charset "UTF-8";
+nav {
 
-a {
-  position: relative;
-  font-family: $default_font;
-  font-weight: 600;
-  font-size: 1.6rem;
-  color: $black;
-  text-decoration: none;
+  a {
+    position: relative;
+    font-family: $default_font;
+    font-weight: 600;
+    font-size: 1.6rem;
+    color: $black;
+    text-decoration: none;
 
-  &::before {
-    content: "";
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    display: block;
-    width: 100%;
-    height: 6px;
-    margin: auto;
-    background-color: $primary_color;
-    z-index: -1;
-  }
+    &::before {
+      content: "";
+      position: absolute;
+      top: 0;
+      bottom: 0;
+      display: block;
+      width: 100%;
+      height: 6px;
+      margin: auto;
+      background-color: $primary_color;
+      z-index: -1;
+    }
 
-  &::after {
-    content: ">";
+    &::after {
+      content: ">";
+    }
   }
 }
 
diff --git a/src/assets/scss/default.scss b/src/assets/scss/default.scss
index c8273a42..8a5140ad 100644
--- a/src/assets/scss/default.scss
+++ b/src/assets/scss/default.scss
@@ -1,6 +1,10 @@
 @charset "UTF-8";
 
-html { 
+html {
   font-size: 62.5%; /* 10px */
   font-size: calc(1em * 0.625); /* fix */
 }
+
+.text-right {
+  text-align: right;
+}