From a1f8381b8ea83e96c55b0cf9a2410313ec2be0e8 Mon Sep 17 00:00:00 2001 From: Helen Chong <119173961+helenclx@users.noreply.github.com> Date: Tue, 29 Aug 2023 16:41:28 +0800 Subject: [PATCH] Change outline unit to em --- css/style-index.css | 8 ++++---- css/style-main.css | 14 +++++++------- 2 files changed, 11 insertions(+), 11 deletions(-) diff --git a/css/style-index.css b/css/style-index.css index 6039fbab..eb8abf75 100644 --- a/css/style-index.css +++ b/css/style-index.css @@ -94,7 +94,7 @@ body { font-size: var(--clr-body-bg); font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; color: #FFFFFF; - background: #000000; + background: var(--clr-body-bg); text-align: center; } @@ -149,10 +149,10 @@ p { } .index__link:focus { - outline-offset: 0.2rem; - outline: 0.2rem solid var(--clr-body-txt); + outline-offset: 0.2em; + outline: 0.2em solid var(--clr-body-txt); } a:focus img { - outline: 0.2rem solid var(--clr-body-txt); + outline: 0.2em solid var(--clr-body-txt); } \ No newline at end of file diff --git a/css/style-main.css b/css/style-main.css index 8d5e55bf..88dfcfa3 100644 --- a/css/style-main.css +++ b/css/style-main.css @@ -174,7 +174,7 @@ strong { } :focus { - outline: 0.15rem solid var(--clr-body-txt); + outline: 0.15em solid var(--clr-body-txt); } a { @@ -191,7 +191,7 @@ a:not([class]):focus { } a:focus img { - outline: 0.2rem solid var(--clr-body-txt); + outline: 0.2em solid var(--clr-body-txt); } blockquote { @@ -207,7 +207,7 @@ button:hover { button:focus, detail:focus { - outline-offset: 0.2rem; + outline-offset: 0.2em; } pre { @@ -276,8 +276,8 @@ summary { } .navbar a:focus { - outline-offset: 0.3rem; - outline: 0.15rem solid var(--clr-navbar-link); + outline-offset: 0.3em; + outline: 0.15em solid var(--clr-navbar-link); } .nav__menu { @@ -448,8 +448,8 @@ article, .content-container { } .link-btn:focus { - outline-offset: 0.2rem; - outline: 0.15rem solid var(--clr-link); + outline-offset: 0.2em; + outline: 0.15em solid var(--clr-link); } /* Q&A accordion */