🎨 remove blue in links of the bootstrap lib, add strike line on create button

src/assets/css/bootstrap-reboot-4.3.1.css

@@ -5,24 +5,24 @@
  * 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,
+*::before,
- *::after {
+*::after {
     box-sizing: border-box;
- }
+}
 
- html {
+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 {
+article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
     display: block;
- }
+}
 
- body {
+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;
@@ -31,30 +31,30 @@
     color: #212529;
     text-align: left;
     background-color: #fff;
- }
+}
 
- [tabindex="-1"]:focus {
+[tabindex="-1"]:focus {
     outline: 0 !important;
- }
+}
 
- hr {
+hr {
     box-sizing: content-box;
     height: 0;
     overflow: visible;
- }
+}
 
- h1, h2, h3, h4, h5, h6 {
+h1, h2, h3, h4, h5, h6 {
     margin-top: 0;
     margin-bottom: 0.5rem;
- }
+}
 
- p {
+p {
     margin-top: 0;
     margin-bottom: 1rem;
- }
+}
 
- abbr[title],
+abbr[title],
- abbr[data-original-title] {
+abbr[data-original-title] {
     text-decoration: underline;
     -webkit-text-decoration: underline dotted;
     text-decoration: underline dotted;
@@ -62,222 +62,220 @@
     border-bottom: 0;
     -webkit-text-decoration-skip-ink: none;
     text-decoration-skip-ink: none;
- }
+}
 
- address {
+address {
     margin-bottom: 1rem;
     font-style: normal;
     line-height: inherit;
- }
+}
 
- ol,
+ol,
- ul,
+ul,
- dl {
+dl {
     margin-top: 0;
     margin-bottom: 1rem;
- }
+}
 
- ol ol,
+ol ol,
- ul ul,
+ul ul,
- ol ul,
+ol ul,
- ul ol {
+ul ol {
     margin-bottom: 0;
- }
+}
 
- dt {
+dt {
     font-weight: 700;
- }
+}
 
- dd {
+dd {
     margin-bottom: .5rem;
     margin-left: 0;
- }
+}
 
- blockquote {
+blockquote {
     margin: 0 0 1rem;
- }
+}
 
- b,
+b,
- strong {
+strong {
     font-weight: bolder;
- }
+}
 
- small {
+small {
     font-size: 80%;
- }
+}
 
- sub,
+sub,
- sup {
+sup {
     position: relative;
     font-size: 75%;
     line-height: 0;
     vertical-align: baseline;
- }
+}
 
- sub {
+sub {
     bottom: -.25em;
- }
+}
 
- sup {
+sup {
     top: -.5em;
- }
+}
 
- a {
+a {
-   color: #007bff;
     text-decoration: none;
     background-color: transparent;
- }
+}
 
- a:hover {
+a:hover {
-   color: #0056b3;
     text-decoration: underline;
- }
+}
 
- a:not([href]):not([tabindex]) {
+a:not([href]):not([tabindex]) {
     color: inherit;
     text-decoration: none;
- }
+}
 
- a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
+a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
     color: inherit;
     text-decoration: none;
- }
+}
 
- a:not([href]):not([tabindex]):focus {
+a:not([href]):not([tabindex]):focus {
     outline: 0;
- }
+}
 
- pre,
+pre,
- code,
+code,
- kbd,
+kbd,
- samp {
+samp {
     font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
     font-size: 1em;
- }
+}
 
- pre {
+pre {
     margin-top: 0;
     margin-bottom: 1rem;
     overflow: auto;
- }
+}
 
- figure {
+figure {
     margin: 0 0 1rem;
- }
+}
 
- img {
+img {
     vertical-align: middle;
     border-style: none;
- }
+}
 
- svg {
+svg {
     overflow: hidden;
     vertical-align: middle;
- }
+}
 
- table {
+table {
     border-collapse: collapse;
- }
+}
 
- caption {
+caption {
     padding-top: 0.75rem;
     padding-bottom: 0.75rem;
     color: #6c757d;
     text-align: left;
     caption-side: bottom;
- }
+}
 
- th {
+th {
     text-align: inherit;
- }
+}
 
- label {
+label {
     display: inline-block;
     margin-bottom: 0.5rem;
- }
+}
 
- button {
+button {
     border-radius: 0;
- }
+}
 
- button:focus {
+button:focus {
     outline: 1px dotted;
     outline: 5px auto -webkit-focus-ring-color;
- }
+}
 
- input,
+input,
- button,
+button,
- select,
+select,
- optgroup,
+optgroup,
- textarea {
+textarea {
     margin: 0;
     font-family: inherit;
     font-size: inherit;
     line-height: inherit;
- }
+}
 
- button,
+button,
- input {
+input {
     overflow: visible;
- }
+}
 
- button,
+button,
- select {
+select {
     text-transform: none;
- }
+}
 
- select {
+select {
     word-wrap: normal;
- }
+}
 
- button,
+button,
- [type="button"],
+[type="button"],
- [type="reset"],
+[type="reset"],
- [type="submit"] {
+[type="submit"] {
     -webkit-appearance: button;
- }
+}
 
- button:not(:disabled),
+button:not(:disabled),
- [type="button"]:not(:disabled),
+[type="button"]:not(:disabled),
- [type="reset"]:not(:disabled),
+[type="reset"]:not(:disabled),
- [type="submit"]:not(:disabled) {
+[type="submit"]:not(:disabled) {
     cursor: pointer;
- }
+}
 
- button::-moz-focus-inner,
+button::-moz-focus-inner,
- [type="button"]::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
- [type="reset"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
- [type="submit"]::-moz-focus-inner {
+[type="submit"]::-moz-focus-inner {
     padding: 0;
     border-style: none;
- }
+}
 
- input[type="radio"],
+input[type="radio"],
- input[type="checkbox"] {
+input[type="checkbox"] {
     box-sizing: border-box;
     padding: 0;
- }
+}
 
- input[type="date"],
+input[type="date"],
- input[type="time"],
+input[type="time"],
- input[type="datetime-local"],
+input[type="datetime-local"],
- input[type="month"] {
+input[type="month"] {
     -webkit-appearance: listbox;
- }
+}
 
- textarea {
+textarea {
     overflow: auto;
     resize: vertical;
- }
+}
 
- fieldset {
+fieldset {
     min-width: 0;
     padding: 0;
     margin: 0;
     border: 0;
- }
+}
 
- legend {
+legend {
     display: block;
     width: 100%;
     max-width: 100%;
@@ -287,45 +285,46 @@
     line-height: inherit;
     color: inherit;
     white-space: normal;
- }
+}
 
- progress {
+progress {
     vertical-align: baseline;
- }
+}
 
- [type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-inner-spin-button,
- [type="number"]::-webkit-outer-spin-button {
+[type="number"]::-webkit-outer-spin-button {
     height: auto;
- }
+}
 
- [type="search"] {
+[type="search"] {
     outline-offset: -2px;
     -webkit-appearance: none;
- }
+}
 
- [type="search"]::-webkit-search-decoration {
+[type="search"]::-webkit-search-decoration {
     -webkit-appearance: none;
- }
+}
 
- ::-webkit-file-upload-button {
+::-webkit-file-upload-button {
     font: inherit;
     -webkit-appearance: button;
- }
+}
 
- output {
+output {
     display: inline-block;
- }
+}
 
- summary {
+summary {
     display: list-item;
     cursor: pointer;
- }
+}
 
- template {
+template {
     display: none;
- }
+}
 
- [hidden] {
+[hidden] {
     display: none !important;
- }
+}
- /*# sourceMappingURL=bootstrap-reboot.css.map */
+
+/*# sourceMappingURL=bootstrap-reboot.css.map */

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 {
+.btn-next {
-  @extend .btn-outline;
+  @extend .striked;
-  color: $primary_color;
+  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;
+  }
 }

src/assets/scss/atoms/_links.scss

@@ -1,6 +1,7 @@
 @charset "UTF-8";
+nav {
 
-a {
+  a {
     position: relative;
     font-family: $default_font;
     font-weight: 600;
@@ -24,6 +25,7 @@ a {
     &::after {
       content: ">";
     }
+  }
 }
 
 .home_link {

src/assets/scss/default.scss

@@ -4,3 +4,7 @@ html {
   font-size: 62.5%; /* 10px */
   font-size: calc(1em * 0.625); /* fix */
 }
+
+.text-right {
+  text-align: right;
+}