diff --git a/.tool-versions b/.tool-versions new file mode 100644 index 00000000..47f71e70 --- /dev/null +++ b/.tool-versions @@ -0,0 +1 @@ +nodejs 12.16.1 diff --git a/assets/css/abstracts/_variables.scss b/assets/css/abstracts/_variables.scss index a6d802d5..ba8ea795 100644 --- a/assets/css/abstracts/_variables.scss +++ b/assets/css/abstracts/_variables.scss @@ -12,3 +12,5 @@ $light-grey: hsl(0, 0%, 93.3%); // for backgrounds only $browser-context: 16; +$lt-background-color: $pink; + diff --git a/assets/css/base/_a.scss b/assets/css/base/_a.scss index 58460314..b475a7d8 100644 --- a/assets/css/base/_a.scss +++ b/assets/css/base/_a.scss @@ -1,16 +1,18 @@ a { - border-bottom: $dark-grey solid 0.1em; color: $black; font-family: $ext-sans; margin: 1rem 0; - text-decoration: none; + text-decoration-color: $dark-grey; + text-decoration-line: underline; + text-decoration-thickness: 0.1em; &:hover, &:focus { - border-bottom: $primary-color solid 0.1rem; + text-decoration-color: $primary-color; } &:focus { - outline: pxToRem(3) solid $primary-color; - outline-offset: pxToRem(5); + background-color: $lt-background-color; + color: $black; + outline: 0; } } diff --git a/assets/css/structures/_grid.scss b/assets/css/structures/_grid.scss index 3c775725..d8a394ad 100644 --- a/assets/css/structures/_grid.scss +++ b/assets/css/structures/_grid.scss @@ -64,5 +64,10 @@ a { color: white; + + &:focus { + background-color: $lt-background-color; + color: $black; + } } }