From 18349ce572e011568798cac0c1cea12a52ead9f9 Mon Sep 17 00:00:00 2001 From: 1011541580019 <43993552+1011541580019@users.noreply.github.com> Date: Tue, 9 Oct 2018 20:00:40 +0530 Subject: [PATCH 1/2] added border to img I added a beautiful border to your image ,hope you like it --- src/scss/global/_main.scss | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/scss/global/_main.scss b/src/scss/global/_main.scss index 7e34310f75..570dcd8cf9 100644 --- a/src/scss/global/_main.scss +++ b/src/scss/global/_main.scss @@ -25,7 +25,7 @@ a, .link { color: $sg-blue-80; text-decoration: none; - transition: color 0.3s; + transition: color 0.2s; &:hover { color: $sg-blue; @@ -35,6 +35,7 @@ a, img { max-width: 100%; height: auto; + border : 2px solid black; } .docs-wrap { From 25f738be15138179c28e8db4680b20642b0f32c9 Mon Sep 17 00:00:00 2001 From: 1011541580019 <43993552+1011541580019@users.noreply.github.com> Date: Tue, 9 Oct 2018 21:54:48 +0530 Subject: [PATCH 2/2] changes border on hovering inserted a little bit of css in the borders --- src/scss/components/_buttons.scss | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/src/scss/components/_buttons.scss b/src/scss/components/_buttons.scss index 1f446d9d84..5a86d65a7f 100644 --- a/src/scss/components/_buttons.scss +++ b/src/scss/components/_buttons.scss @@ -20,7 +20,7 @@ border-width: 1px; border-radius: $border-radius; box-sizing: border-box; - transition: color 0.3s, background-color 0.3s, border-color 0.3s; + transition: color 0.2s, background-color 0.2s, border-color 0.2s; user-select: none; &:hover, @@ -28,6 +28,7 @@ color: $sg-blue; background-color: $sg-blue-10; border-color: $sg-blue-80; + border-radius: 5px 5px 5px 5px; } &:active, @@ -47,6 +48,7 @@ color: $btn-disabled-secondary-color; background-color: $btn-disabled-secondary-bg; border-color: $btn-disabled-secondary-border; + border-radius: 5px 5px 5px 5px; } } @@ -83,6 +85,7 @@ &:focus { color: $btn-primary-color; background-color: $btn-primary-bg-hover; + border-radius: 5px 5px 5px 5px; } &:active,