diff --git a/_sass/base/_reset.scss b/_sass/base/_reset.scss index 26ae3e4..554426f 100644 --- a/_sass/base/_reset.scss +++ b/_sass/base/_reset.scss @@ -96,7 +96,13 @@ a { display: inline-block; padding: 1px 1px; transition: color ease 0.3s; - + + border-bottom-color: $c-accent__blue; + border-bottom-style: dotted; + border-bottom-width: 1px; + word-wrap: break-word; + word-break: break-all; + /* Hover animation effect for all buttons */ &::after { content: ''; @@ -112,6 +118,7 @@ a { &:hover { color: white; + border-bottom-style: solid; &::after { height: 100%; } diff --git a/_sass/components/_article.scss b/_sass/components/_article.scss index fd83c76..f04a2fc 100644 --- a/_sass/components/_article.scss +++ b/_sass/components/_article.scss @@ -84,24 +84,28 @@ margin-left: 2.1rem; } - .web-container { - position: relative; - width: 100%; - max-width: 100%; - height: 0; - padding-bottom: 62.5%; - border: 1px solid #cacaca; - overflow: hidden; - } + li { + margin-top: 1em; + } - .web-container iframe { - position: absolute; - top: 0; - left: 0; - width: 100%; - max-width: 100%; - height: 100%; - } + .web-container { + position: relative; + width: 100%; + max-width: 100%; + height: 0; + padding-bottom: 62.5%; + border: 1px solid #cacaca; + overflow: hidden; + } + + .web-container iframe { + position: absolute; + top: 0; + left: 0; + width: 100%; + max-width: 100%; + height: 100%; + } } .c-article__footer { diff --git a/_sass/components/_page.scss b/_sass/components/_page.scss index 8da79ce..72b7850 100644 --- a/_sass/components/_page.scss +++ b/_sass/components/_page.scss @@ -18,6 +18,10 @@ p { @include fs--meta; } + + a { + border-bottom-style: none; + } } .c-page__footer {