From f268051e0527317dd0f7b08628a05ec65c1e1420 Mon Sep 17 00:00:00 2001
From: Martin Leblanc <m26lebla@uwaterloo.ca>
Date: Wed, 30 Nov 2022 13:12:17 -0500
Subject: [PATCH] ISTWCMS-5881: Adding titles to svg, adjusting border of
circles
---
.../04-components/icon/icon--button/_icon--button.scss | 6 ++++--
src/patterns/04-components/svg/icons/_instagram.svg.twig | 4 ++--
src/patterns/04-components/svg/icons/_linkedin.svg.twig | 6 ++++--
src/patterns/04-components/svg/icons/_tiktok.svg.twig | 4 ++--
src/patterns/04-components/svg/icons/_twitter.svg.twig | 8 ++++----
src/patterns/04-components/svg/icons/_youtube.svg.twig | 4 ++--
6 files changed, 18 insertions(+), 14 deletions(-)
diff --git a/src/patterns/04-components/icon/icon--button/_icon--button.scss b/src/patterns/04-components/icon/icon--button/_icon--button.scss
index 029f2d7c..700cd38a 100644
--- a/src/patterns/04-components/icon/icon--button/_icon--button.scss
+++ b/src/patterns/04-components/icon/icon--button/_icon--button.scss
@@ -45,6 +45,7 @@ $icon-font-size-small: var(--font-size-0) !default;
}
}
&.icon--social{
+ border-width: var(--size-sm);
border-radius: 50%;
height: var(--size-4);
padding: 0 var(--size-05);
@@ -61,6 +62,7 @@ $icon-font-size-small: var(--font-size-0) !default;
&:focus {
background: var(--uw-white);
border-color: var(--uw-white);
+ outline: none;
.uw-icon {
svg{
fill: var(--uw-black-3);
@@ -70,7 +72,7 @@ $icon-font-size-small: var(--font-size-0) !default;
}
.uw-footer__social & {
background: none;
- border-color: solid var(--uw-black);
+ border-color: var(--uw-black);
.uw-icon {
svg{
fill: var(--uw-white);
@@ -78,7 +80,7 @@ $icon-font-size-small: var(--font-size-0) !default;
}
&:hover,
&:focus {
- border-color: solid var(--uw-gold);
+ border-color: var(--uw-gold);
background: var(--uw-gold);
.uw-icon {
svg{
diff --git a/src/patterns/04-components/svg/icons/_instagram.svg.twig b/src/patterns/04-components/svg/icons/_instagram.svg.twig
index b1985f2e..f583e1cd 100644
--- a/src/patterns/04-components/svg/icons/_instagram.svg.twig
+++ b/src/patterns/04-components/svg/icons/_instagram.svg.twig
@@ -1,5 +1,5 @@
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
- viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>Instagram</title>
<g>
<g>
<path id="SVGID_1_" d="M9.86,1.57C8.31,1.65,7.25,1.89,6.32,2.26C5.37,2.62,4.56,3.12,3.75,3.94c-0.82,0.82-1.3,1.63-1.67,2.58
diff --git a/src/patterns/04-components/svg/icons/_linkedin.svg.twig b/src/patterns/04-components/svg/icons/_linkedin.svg.twig
index 81b67572..3d140519 100644
--- a/src/patterns/04-components/svg/icons/_linkedin.svg.twig
+++ b/src/patterns/04-components/svg/icons/_linkedin.svg.twig
@@ -1,4 +1,6 @@
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
- <title>linkedin</title>
- <path d="M8.426 29.83v-18.25h-6.065v18.25h6.065zM5.391 9.088c2.118 0 3.434-1.398 3.434-3.15-0.040-1.792-1.316-3.152-3.394-3.152-2.072 0-3.43 1.36-3.43 3.152 0 1.751 1.316 3.15 3.353 3.15h0.036zM11.783 29.83h6.065v-10.193c0-0.541 0.039-1.092 0.2-1.479 0.439-1.089 1.435-2.221 3.112-2.221 2.195 0 3.073 1.679 3.073 4.128v9.766h6.065v-10.464c0-5.607-2.992-8.214-6.982-8.214-3.272 0-4.707 1.83-5.511 3.074h0.042v-2.646h-6.065c0.082 1.717 0.002 18.25 0.002 18.25v0z"></path>
+<title>linkedin</title>
+<path d="M8.9,28.2V11H3.2v17.1H8.9z M6.1,8.7c2,0,3.2-1.3,3.2-3c0-1.7-1.2-3-3.2-3c-1.9,0-3.2,1.3-3.2,3C2.9,7.4,4.1,8.7,6.1,8.7
+ L6.1,8.7L6.1,8.7z M12.1,28.2h5.7v-9.6c0-0.5,0-1,0.2-1.4c0.4-1,1.3-2.1,2.9-2.1c2.1,0,2.9,1.6,2.9,3.9v9.2h5.7v-9.8
+ c0-5.3-2.8-7.7-6.6-7.7c-3.1,0-4.4,1.7-5.2,2.9h0V11h-5.7C12.1,12.6,12.1,28.2,12.1,28.2L12.1,28.2L12.1,28.2z"/>
</svg>
diff --git a/src/patterns/04-components/svg/icons/_tiktok.svg.twig b/src/patterns/04-components/svg/icons/_tiktok.svg.twig
index 828c921d..5aff6d7c 100644
--- a/src/patterns/04-components/svg/icons/_tiktok.svg.twig
+++ b/src/patterns/04-components/svg/icons/_tiktok.svg.twig
@@ -1,5 +1,5 @@
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
- viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+ <title>Tiktok</title>
<path d="M18.27,23.38c-0.09,2.27-2.01,4.12-4.36,4.12c-0.54,0-1.05-0.09-1.53-0.28c0.48,0.17,1,0.28,1.53,0.28
C16.28,27.5,18.2,25.67,18.27,23.38V3.01h3.81c0.37,1.94,1.55,3.6,3.18,4.64l0,0c1.13,0.72,2.5,1.15,3.94,1.15v1.13l0,0v3.96
c-2.7,0-5.19-0.85-7.25-2.27v10.33c0,5.16-4.29,9.35-9.57,9.35c-2.03,0-3.94-0.63-5.49-1.7l0,0c-2.48-1.7-4.08-4.49-4.08-7.65
diff --git a/src/patterns/04-components/svg/icons/_twitter.svg.twig b/src/patterns/04-components/svg/icons/_twitter.svg.twig
index 51eef7ba..c29f2280 100644
--- a/src/patterns/04-components/svg/icons/_twitter.svg.twig
+++ b/src/patterns/04-components/svg/icons/_twitter.svg.twig
@@ -1,7 +1,7 @@
-<svg version="1.1" id="Logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
- viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
-<g id="Logo_1_">
- <path id="white_background" d="M28.06,10.29c0.02,0.27,0.02,0.53,0.02,0.8c0,8.22-6.26,17.71-17.71,17.71v0
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+ <title>Twitter</title>
+<g>
+ <path d="M28.06,10.29c0.02,0.27,0.02,0.53,0.02,0.8c0,8.22-6.26,17.71-17.71,17.71v0
c-3.38,0-6.69-0.96-9.54-2.79c0.49,0.06,0.99,0.09,1.48,0.09c2.8,0,5.52-0.94,7.73-2.67c-2.66-0.05-5-1.79-5.81-4.32
c0.93,0.18,1.89,0.14,2.81-0.11c-2.9-0.59-4.99-3.14-4.99-6.1c0-0.03,0-0.05,0-0.08c0.87,0.48,1.83,0.75,2.82,0.78
c-2.73-1.83-3.58-5.47-1.93-8.31c3.16,3.89,7.82,6.25,12.83,6.5c-0.5-2.16,0.18-4.43,1.8-5.95c2.51-2.36,6.45-2.24,8.81,0.27
diff --git a/src/patterns/04-components/svg/icons/_youtube.svg.twig b/src/patterns/04-components/svg/icons/_youtube.svg.twig
index 8be39d99..913421aa 100644
--- a/src/patterns/04-components/svg/icons/_youtube.svg.twig
+++ b/src/patterns/04-components/svg/icons/_youtube.svg.twig
@@ -1,5 +1,5 @@
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
- viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+ <title>YouTube</title>
<path d="M31.34,8.88c-0.36-1.38-1.46-2.47-2.81-2.83c-2.51-0.68-12.48-0.68-12.48-0.68s-9.97,0-12.46,0.68
C2.22,6.41,1.14,7.51,0.76,8.88C0.1,11.37,0.1,16.57,0.1,16.57s0,5.2,0.66,7.71c0.36,1.38,1.46,2.47,2.81,2.83
c2.51,0.68,12.48,0.68,12.48,0.68s9.97,0,12.46-0.68c1.38-0.36,2.45-1.46,2.81-2.83C32,21.8,32,16.58,32,16.58S32,11.37,31.34,8.88z
--
GitLab