Skip to content
Snippets Groups Projects

Compare revisions

Changes are shown as if the source revision was being merged into the target revision. Learn more about comparing revisions.

Source

Select target project
No results found

Target

Select target project
  • wcms/uw_wcms_ohana
1 result
Show changes
Hide whitespace changes
Inline Side-by-side
Showing
with 208 additions and 254 deletions
src/patterns/04-components/links/_links.scss
View file @ 409f04fb
......@@ -54,12 +54,12 @@
var(--uw-black)
);
}
.uw-site-footer__social-media a {
@include link(
var(--uw-gray),
var(--uw-gray)
);
}
//.uw-site-footer__social-media a {
// @include link(
// var(--uw-gray),
// var(--uw-gray)
// );
//}
.uw-footer__social-directory a{
@include link-reverse(
var(--uw-gold),
......@@ -189,12 +189,12 @@
var(--uw-black)
);
}
.uw-site-footer__social-media a {
@include link(
var(--gray-5),
var(--gray-5)
);
}
//.uw-site-footer__social-media a {
// @include link(
// var(--gray-5),
// var(--gray-5)
// );
//}
.uw-footer__social-directory a{
@include link-reverse(
var(--uw-gold),
......
src/patterns/04-components/menu/menu--footer/_menu--footer.scss
View file @ 409f04fb
......@@ -49,7 +49,7 @@
&:nth-child(9) {
border-width: var(--size-xs);
}
@media(min-width: $screen-xs) {
@media(min-width: $screen-sm) {
padding: 0 0 0 var(--size-1);
text-align: left;
&:nth-child(1) {
......
src/patterns/04-components/menu/menu--header/_menu--header.scss
View file @ 409f04fb
......@@ -124,7 +124,9 @@
right: 0;
top: inherit;
width: auto;
.uw-header__masthead.open &{
z-index: var(--layer-important);
}
.menu__item{
max-width: inherit;
&-parent{
......
src/patterns/04-components/menu/menu--social/_menu--social.scss
View file @ 409f04fb
......@@ -22,29 +22,3 @@
padding: 0;
}
}
.social-media-i {
&::before{
display: block;
height: 100%;
width: 100%;
}
}
.social-media-link {
background-color: var(--uw-white);
border-radius: 3px;
display: block;
height: 2.125rem;
padding: 0.225rem;
position: relative;
width: 2.125rem;
@media(min-width: $screen-lg) {
height: var(--size-5);
padding: 0.24rem;
width: var(--size-5);
}
&:hover,
&:focus{
background-color: transparent;
text-decoration: none;
}
}
src/patterns/04-components/menu/menu--social/menu--social.twig
View file @ 409f04fb
......@@ -2,11 +2,14 @@
<ul class="social-media-list {{ social_media_menu_class }}">
{% for item in social_media.menu_tree %}
<li class="social-media-list-item">
{% include "@components/social-media/social-media--icon/social-media--icon.twig" with {
{% include '@components/icon/icon--button/icon--button.twig' with {
'url': item.url,
"text": item.text,
"url": item.url,
"social_media_placement": social_media_placement
}%}
"name": item.text | lower,
"is_hidden": true,
"social_media_placement": social_media_placement,
"modifier_classes": "icon--button icon--social",
} %}
</li>
{% endfor %}
</ul>
......
src/patterns/04-components/menu/menu--social/menu--social.yml
View file @ 409f04fb
social_media:
menu_tree:
- text: "Facebook"
url: "https://www.facebook.com/university.waterloo"
- text: "Twitter"
url: "https://twitter.com/uWaterloo"
- text: "YouTube"
url: "https://www.youtube.com/user/uwaterloo"
- text: "Instagram"
url: "https://www.instagram.com/uofwaterloo/"
- text: "Tiktok"
url: "https://www.tiktok.com"
- text: "Twitter"
url: "https://twitter.com/uWaterloo"
- text: "LinkedIn"
url: "https://www.linkedin.com/edu/school?id=10875"
- text: "Facebook"
url: "https://www.facebook.com/university.waterloo"
- text: "YouTube"
url: "https://www.youtube.com/user/uwaterloo"
social_media_placement: ""
src/patterns/04-components/search/_search.scss
View file @ 409f04fb
@use '../../01-core' as *;
.uw-header-search {
padding-right: var(--size-1);
position: absolute;
right: var(--size-1);
top: var(--size-8);
width: 100%;
&:focus-within {
z-index: var(--layer-drawer);
}
@media(min-width: $screen-md) {
padding-right: 0;
position: relative;
right: inherit;
top: inherit;
......@@ -36,9 +32,8 @@
display: grid;
gap: 0.7rem;
grid-template-columns: auto var(--size-16) 2.125rem;
height: 3.4rem;
margin: 0;
padding: 0 0 0 var(--size-2);
padding: 0;
position: relative;
width: 100%;
@media(min-width: $screen-md) {
......@@ -47,7 +42,6 @@
gap: inherit;
grid-template-columns: inherit;
height: inherit;
padding: 0;
width: inherit;
}
......@@ -63,6 +57,13 @@
.form-item {
margin: inherit;
height: 0;
overflow: hidden;
@media(min-width: $screen-md) {
margin: inherit;
height: inherit;
overflow: inherit;
}
}
.form-type-select {
......@@ -272,14 +273,18 @@
}
.form-actions {
height: 2.25rem;
background: var(--uw-black);
margin: 0;
opacity: 0;
height: 0;
overflow: hidden;
@media(min-width: $screen-md) {
height: inherit;
overflow: inherit;
opacity: 1;
}
padding: 0;
transition: opacity 0.5s ease;
width: 2.125rem;
}
......@@ -313,15 +318,12 @@
}
~ .form-item {
animation: fadeIn 500ms;
animation: fadeIn 700ms;
transition: opacity 0.7s ease;
display: block;
.no-js & {
background-color: var(--uw-black);
padding: var(--size-2);
}
height: inherit;
overflow: inherit;
.no-js.js & {
background-color: inherit;
margin: 0;
padding: 0;
}
......@@ -343,18 +345,12 @@
overflow: hidden;
position: relative;
.no-js & {
background-color: var(--uw-black);
display: block;
height: 100%;
padding: var(--size-2);
}
.no-js.js & {
background-color: inherit;
height: auto;
padding: 0;
}
.uw-select--search {
appearance: none;
background-color: var(--uw-black);
......@@ -390,26 +386,21 @@
}
~ .form-actions {
background-color: var(--uw-black);
background: var(--uw-black);
margin: 0;
opacity: 1;
transition: opacity 0.5s ease;
.no-js & {
background-color: var(--uw-black);
height: 100%;
padding: var(--size-2) 0;
}
height: inherit;
overflow: inherit;
transition: opacity 0.7s ease;
.no-js.js & {
background-color: inherit;
height: auto;
padding: 0;
}
.uw-search-button__wrapper {
animation: fadeIn 500ms;
animation: fadeIn 700ms;
border-width: 0;
display: inherit;
transition: opacity 0.7s ease;
@media(min-width: $screen-md) {
margin-right: 0;
}
......@@ -424,6 +415,10 @@
}
}
.button {
color: transparent !important;
}
&:focus-within {
@media(min-width: $screen-md) {
......@@ -470,7 +465,8 @@
margin: 0;
opacity: 1;
padding: 0;
transition: opacity 0.5s ease;
//transition: opacity 0.5s ease;
overflow: inherit;
width: inherit;
}
.button--submit {
......@@ -484,10 +480,6 @@
}
}
.button {
color: transparent !important;
}
.uw-search{
&--hidelabel {
display: block;
......@@ -511,3 +503,14 @@
}
}
}
.js,
.no-js,
.no-js.js {
.uw-input.uw-input--checkboxform:checked{
~ .form-item,
~ .form-actions {
background: var(--uw-black);
z-index: var(--layer-drawer);
}
}
}
src/patterns/04-components/search/search--wcms-headerbar/_search--wcms-headerbar.scss
View file @ 409f04fb
......@@ -2,16 +2,15 @@
.uw-header-search {
position: absolute;
right: var(--size-1);
top: var(--size-8);
width: 100%;
&:focus-within {
padding: 0 var(--size-1);
right: 0;
&:has(input.uw-input--checkboxform:checked) {
background-color: var(--uw-black);
z-index: var(--layer-drawer);
}
@media(min-width: $screen-md) {
padding: 0;
position: relative;
right: inherit;
top: inherit;
......@@ -36,11 +35,9 @@
.uw-search--form {
display: grid;
gap: var(--size-2);
gap: var(--size-105);
grid-template-columns: auto 8rem 2.125rem;
height: 3.4rem;
margin: 0;
padding: 0 0 0 1rem;
position: relative;
width: 100%;
@media(min-width: $screen-md) {
......@@ -49,7 +46,6 @@
gap: inherit;
grid-template-columns: inherit;
height: inherit;
padding: 0;
width: inherit;
}
......@@ -65,6 +61,10 @@
.form-item {
margin: inherit;
opacity: 0;
@media(min-width: $screen-md) {
opacity: 1;
}
}
.form-type-select {
......@@ -148,7 +148,7 @@
&:focus {
&::after {
@include svg-background(search_2-white);
background-color: gesso-grayscale(gray-6);
background-color: var(--gray-6);
color: var(--uw-white);
}
}
......@@ -200,11 +200,9 @@
background-color: var(--uw-black);
border: 1px solid var(--uw-white);
border-radius: 0;
border-width: 1px 0 1px 1px;
border-width: 0;
box-shadow: none;
color: var(--uw-white);
display: none;
display: block;
font-family: var(--font-systemmedium);
font-size: var(--font-size-0);
font-weight: 200;
......@@ -215,9 +213,10 @@
position: relative;
transition: all 0.3s ease;
@media(min-width: $screen-md) {
border-width: 0;
display: block;
font-size: var(--font-size-000);
width: 4rem;
width: var(--size-8);
}
&::placeholder {
......@@ -260,32 +259,44 @@
appearance: none;
background-color: var(--uw-black);
border-radius: 0;
display: block;
color: var(--uw-white);
display: inline-block;
font-family: var(--font-systemmedium);
font-size: var(--font-size-0);
font-size: var(--font-size-000);
height: 2.25rem;
opacity: 1;
outline: none;
padding-left: var(--size-1); // LTR
padding-right: 0;
&:hover,
&:focus {
background-color: var(--uw-white);
color: var(--uw-black);
}
@media(min-width: $screen-md) {
font-size: var(--font-size-000);
opacity: 0;
overflow: hidden;
padding: 0;
transition: opacity 0.5s ease;
width: 0;
}
opacity: 0;
overflow: hidden;
padding-right: 0;
transition: opacity 0.5s ease;
width: 7.5rem;
}
.form-actions {
height: 2.25rem;
margin: 0;
opacity: 0;
@media(min-width: $screen-md) {
opacity: 1;
}
padding: 0;
transition: opacity 0.5s ease;
width: 2.125rem;
}
.button {
color: transparent !important;
}
.uw-input {
&.uw-input--checkboxform {
display: block;
......@@ -316,23 +327,12 @@
~ .form-item {
animation: fadeIn 500ms;
display: block;
.no-js & {
background-color: var(--uw-black);
padding: var(--size-2);
}
.no-js.js & {
background-color: inherit;
margin: 0;
padding: 0;
}
opacity: 1;
&.form-type-textfield {
display: block;
.uw-input--search {
border: var(--size-xs) solid var(--uw-white);
display: inline-block;
display: inline-block !important;
width: 100%;
}
}
......@@ -344,20 +344,6 @@
opacity: 1;
overflow: hidden;
position: relative;
.no-js & {
background-color: var(--uw-black);
display: block;
height: 100%;
padding: var();
}
.no-js.js & {
background-color: inherit;
height: auto;
padding: 0;
}
.uw-select--search {
appearance: none;
background-color: var(--uw-black);
......@@ -393,23 +379,8 @@
}
~ .form-actions {
background-color: var(--uw-black);
margin: 0;
opacity: 1;
transition: opacity 0.5s ease;
.no-js & {
background-color: var(--uw-black);
height: 100%;
padding: var(--size-2) 0;
}
.no-js.js & {
background-color: inherit;
height: auto;
padding: 0;
}
.uw-search-button__wrapper {
animation: fadeIn 500ms;
border-width: 0;
......@@ -429,9 +400,30 @@
}
}
.uw-search{
&--hidelabel {
display: block;
height: 0;
left: -1000rem;
overflow: hidden;
position: absolute;
}
&--checkboxlabel__labeltext {
color: var(--uw-white);
height: 0;
left: -1000rem;
overflow: hidden;
position: absolute;
}
&--labeltext {
color: var(--uw-white);
}
}
&:focus-within {
@media(min-width: $screen-md) {
.uw-input--search {
transition: width 0.3s ease;
width: 14rem;
......@@ -487,31 +479,5 @@
}
}
}
.button {
color: transparent !important;
}
.uw-search{
&--hidelabel {
display: block;
height: 0;
left: -1000rem;
overflow: hidden;
position: absolute;
}
&--checkboxlabel__labeltext {
color: var(--uw-white);
height: 0;
left: -1000rem;
overflow: hidden;
position: absolute;
}
&--labeltext {
color: var(--uw-white);
}
}
}
}
src/patterns/04-components/search/search.js
View file @ 409f04fb
......@@ -14,9 +14,14 @@
'click', function () {
$(this).toggleClass('close');
$('.uw-header__masthead').toggleClass('open');
$('.uw-header-search').css('z-index', '12');
}
);
if ($('.uw-header__masthead').hasClass('open') || $('#edit-opentray').is(':checked')) {
$('.uw-header-search').css('z-index', '12');
$('.uw-header__masthead').toggleClass('open');
}
/**
* Javascript for debounce
* @param {func} func The function to perform
......
src/patterns/04-components/social-media/social-media--icon/_social-media--icon.scss deleted 100644 → 0
View file @ 59bcfe3b
@use '../../../01-core' as *;
$social-accounts: 'facebook', 'twitter', 'youtube', 'instagram', 'linkedin', 'snapchat';
.uw-footer{
.ifdsu{
height: 100%;
width: 100%;
&::before{
content: '';
}
}
}
.uw-footer__wrapper {
a{
@each $social in $social-accounts {
.fdsu-#{$social}::before {
@include svg-background-color(var(--uw-black),$social);
}
}
&:hover,
&:focus{
@each $social in $social-accounts {
.fdsu-#{$social}::before {
@include svg-background-color(var(--uw-gold),$social);
}
}
}
}
}
.uw-site-footer {
a {
@each $social in $social-accounts {
.fdsu-#{$social}::before {
@include svg-background-color(var(--uw-black-3),$social);
}
}
&:hover,
&:focus{
@each $social in $social-accounts {
.fdsu-#{$social}::before {
@include svg-background-color(var(--uw-white),$social);
}
}
}
}
}
src/patterns/04-components/social-media/social-media--icon/social-media--icon.twig deleted 100644 → 0
View file @ 59bcfe3b
<a href="{{ url }}" class="social-media-link {{ social_media_placement }}" title="{{ text|lower }}">
<i class="ifdsu fdsu-{{ text|lower }} social-media-i {{ social_media_placement }}"></i>
<span class="off-screen">{{ text }}</span>
</a>
src/patterns/04-components/social-media/social-media--icon/social-media--icon.yml deleted 100644 → 0
View file @ 59bcfe3b
text: "facebook"
url: "https://www.facebook.com/university.waterloo"
social_media_placement: "global-site-footer"
src/patterns/04-components/svg/icons/_facebook-box.svg.twig
View file @ 409f04fb
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<title>facebook-box</title>
<path d="M25.951 2.351h-19.936c-2.404 0-4.352 1.947-4.352 4.351v19.936c0 2.404 1.948 4.353 4.352 4.353h19.936c2.403 0 4.352-1.949 4.352-4.353v-19.936c0-2.404-1.949-4.351-4.352-4.351zM24.221 11.263l-1.899 0.001c-1.491 0-1.781 0.71-1.781 1.749v2.294h3.555l-0.463 3.591h-3.093v9.212h-3.708v-9.212h-3.101v-3.591h3.101v-2.649c0-3.075 1.876-4.747 4.618-4.747 1.315 0 2.442 0.097 2.77 0.142v3.21z"></path>
<g>
<path class="st0" d="M32,16.1c0-8.84-7.16-16-16-16S0,7.26,0,16.1C0,24.08,5.85,30.7,13.5,31.9V20.72H9.44V16.1h4.06v-3.53
c0-4.01,2.39-6.22,6.04-6.22c1.75,0,3.58,0.31,3.58,0.31v3.94h-2.02c-1.99,0-2.61,1.23-2.61,2.5v3h4.44l-0.71,4.62H18.5V31.9
C26.15,30.7,32,24.08,32,16.1z"/>
</g>
</svg>
src/patterns/04-components/svg/icons/_facebook.svg.twig
View file @ 409f04fb
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<title>facebook</title>
<path d="M22.311 17.806l0.672-5.215h-5.164v-3.332c0-1.509 0.421-2.54 2.585-2.54l2.759-0.001v-4.664c-0.477-0.065-2.113-0.206-4.024-0.206-3.982 0-6.708 2.429-6.708 6.895v3.847h-4.505v5.217h4.505v13.38h5.386v-13.38l4.493 0.001z"></path>
<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 40 30" style="enable-background:new 0 0 40 30;" xml:space="preserve">
<title>Facebook</title>
<path d="M26.4,16l0.6-4.9h-4.9v-3c0-1.4,0.4-2.3,2.5-2.3h2.6V1.5c-0.5-0.1-2-0.2-3.8-0.2c-3.8,0-6.4,2.2-6.4,6.3v3.6h-4.3v4.9H17
v12.4h5.1V16H26.4L26.4,16z"/>
</svg>
src/patterns/04-components/svg/icons/_instagram-box.svg.twig
View file @ 409f04fb
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<title>instagram-box</title>
<path d="M18.629 13.87h1.885c0.415 0 0.751-0.339 0.751-0.752v-1.796c0-0.413-0.336-0.754-0.751-0.754h-1.885c-0.415 0-0.753 0.341-0.753 0.754v1.797c0 0.412 0.338 0.751 0.753 0.751zM15.819 13.919c1.852 0 3.353 1.453 3.353 3.246s-1.501 3.247-3.353 3.247c-1.851 0-3.352-1.453-3.352-3.247s1.501-3.246 3.352-3.246zM21.007 17.347c0 2.775-2.323 5.024-5.188 5.024s-5.187-2.249-5.187-5.024c0-0.499 0.077-0.977 0.216-1.431h-1.533v7.046c0 0.367 0.298 0.663 0.663 0.663h11.618c0.366 0 0.662-0.296 0.662-0.663v-7.046h-1.468c0.14 0.455 0.216 0.934 0.216 1.431zM19.617 14.012h1.884c0.415 0 0.751-0.338 0.751-0.751v-1.795c0-0.413-0.336-0.755-0.751-0.755h-1.884c-0.416 0-0.754 0.343-0.754 0.755v1.796c0 0.412 0.338 0.75 0.754 0.75zM25.787 2.357h-19.969c-2.408 0-4.359 1.951-4.359 4.361v19.968c0 2.406 1.951 4.359 4.359 4.359h19.969c2.408 0 4.359-1.953 4.359-4.359v-19.968c0-2.41-1.951-4.361-4.359-4.361zM24.146 23.403c0 1.177-0.963 2.14-2.141 2.14h-12.403c-1.177 0-2.142-0.961-2.142-2.139v-12.403c0-1.179 0.965-2.141 2.142-2.141h12.402c1.178 0 2.141 0.962 2.141 2.141v12.403h0.001z"></path>
<g>
<defs>
<path id="SVGID_1_" d="M9.31,0.26C7.62,0.34,6.46,0.61,5.45,1.01C4.41,1.41,3.52,1.96,2.64,2.84C1.76,3.73,1.22,4.62,0.82,5.66
C0.42,6.67,0.16,7.83,0.08,9.52C0.01,11.21-0.01,11.75,0,16.07c0.01,4.31,0.03,4.86,0.11,6.55c0.08,1.69,0.35,2.84,0.75,3.85
c0.41,1.04,0.95,1.93,1.84,2.81c0.88,0.88,1.77,1.42,2.82,1.83c1.01,0.39,2.17,0.66,3.86,0.73c1.69,0.07,2.24,0.09,6.55,0.08
c4.32-0.01,4.86-0.03,6.55-0.11c1.69-0.08,2.84-0.35,3.85-0.75c1.04-0.41,1.93-0.95,2.81-1.84c0.88-0.88,1.42-1.77,1.83-2.82
c0.39-1.01,0.66-2.17,0.73-3.86c0.07-1.7,0.09-2.24,0.08-6.55c-0.01-4.31-0.03-4.86-0.11-6.55c-0.08-1.69-0.35-2.85-0.75-3.86
c-0.41-1.04-0.95-1.93-1.84-2.81c-0.88-0.88-1.77-1.42-2.82-1.83c-1.01-0.39-2.17-0.66-3.86-0.73c-1.69-0.08-2.24-0.09-6.55-0.08
C11.54,0.16,11,0.18,9.31,0.26 M9.49,28.98c-1.55-0.07-2.39-0.32-2.95-0.54c-0.74-0.29-1.27-0.63-1.83-1.19
c-0.56-0.56-0.9-1.08-1.19-1.82c-0.22-0.56-0.48-1.4-0.55-2.95c-0.08-1.67-0.1-2.18-0.1-6.42c-0.01-4.24,0.01-4.74,0.08-6.42
C3.01,8.1,3.27,7.25,3.49,6.69c0.29-0.74,0.63-1.27,1.19-1.83c0.56-0.56,1.08-0.9,1.82-1.19c0.56-0.22,1.4-0.48,2.95-0.55
c1.68-0.08,2.18-0.1,6.42-0.1c4.24-0.01,4.74,0.01,6.42,0.08c1.55,0.07,2.39,0.32,2.95,0.54c0.74,0.29,1.27,0.63,1.83,1.19
c0.56,0.56,0.9,1.08,1.19,1.83c0.22,0.56,0.48,1.4,0.55,2.95c0.08,1.68,0.1,2.18,0.11,6.42c0.01,4.24-0.01,4.74-0.08,6.42
c-0.07,1.55-0.32,2.39-0.54,2.95c-0.29,0.74-0.63,1.27-1.19,1.83c-0.55,0.56-1.08,0.9-1.82,1.19c-0.56,0.22-1.4,0.48-2.95,0.55
c-1.68,0.08-2.18,0.1-6.42,0.1C11.67,29.07,11.17,29.06,9.49,28.98 M22.45,7.55c0,1.05,0.86,1.9,1.91,1.9
c1.05,0,1.9-0.86,1.9-1.91c0-1.05-0.86-1.9-1.91-1.9C23.3,5.64,22.44,6.49,22.45,7.55 M7.73,16.05c0.01,4.51,3.67,8.15,8.17,8.14
c4.51-0.01,8.15-3.67,8.14-8.17c-0.01-4.5-3.67-8.15-8.17-8.14C11.37,7.89,7.72,11.55,7.73,16.05 M10.59,16.05
c-0.01-2.92,2.36-5.3,5.29-5.31c2.92-0.01,5.3,2.36,5.31,5.29c0.01,2.93-2.36,5.3-5.29,5.31C12.97,21.34,10.6,18.97,10.59,16.05"
/>
</defs>
<use xlink:href="#SVGID_1_" style="overflow:visible;"/>
<clipPath id="SVGID_00000046315800585618256990000016117885291638299784_">
<use xlink:href="#SVGID_1_" style="overflow:visible;"/>
</clipPath>
</g>
</svg>
src/patterns/04-components/svg/icons/_instagram.svg.twig
View file @ 409f04fb
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<title>instagram</title>
<path d="M5.134 2.557h20.928c1.988 0 3.614 1.625 3.614 3.614v20.931c0 1.987-1.625 3.609-3.614 3.609h-20.928c-1.987 0-3.615-1.62-3.615-3.609v-20.931c0-1.988 1.629-3.614 3.615-3.614zM22.033 5.682c-0.7 0-1.271 0.576-1.271 1.272v3.033c0 0.697 0.571 1.269 1.271 1.269h3.182c0.7 0 1.267-0.572 1.267-1.269v-3.033c0-0.697-0.567-1.272-1.267-1.272h-3.182zM26.493 14.464h-2.477c0.237 0.767 0.365 1.574 0.365 2.415 0 4.683-3.92 8.481-8.756 8.481-4.834 0-8.753-3.797-8.753-8.481 0-0.842 0.129-1.648 0.363-2.415h-2.585v11.892c0 0.619 0.503 1.119 1.119 1.119h19.606c0.618 0 1.118-0.5 1.118-1.119v-11.892zM15.625 11.094c-3.122 0-5.657 2.453-5.657 5.479s2.535 5.481 5.657 5.481c3.123 0 5.658-2.454 5.658-5.481 0-3.025-2.535-5.479-5.658-5.479z"></path>
<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 40 30" style="enable-background:new 0 0 40 30;" xml:space="preserve">
<title>Instagram</title>
<path id="SVGID_1_" d="M14.3,1.2c-1.5,0.1-2.5,0.3-3.4,0.7C10,2.2,9.2,2.7,8.5,3.5C7.7,4.3,7.3,5.1,6.9,6C6.6,6.9,6.3,7.9,6.3,9.4
c-0.1,1.5-0.1,2-0.1,5.7c0,3.8,0,4.2,0.1,5.7s0.3,2.5,0.6,3.4c0.4,0.9,0.8,1.7,1.6,2.4c0.8,0.8,1.5,1.2,2.5,1.6
c0.9,0.3,1.9,0.6,3.4,0.6c1.5,0.1,2,0.1,5.7,0.1c3.8,0,4.2,0,5.7-0.1s2.5-0.3,3.4-0.6c0.9-0.4,1.7-0.8,2.4-1.6
c0.8-0.8,1.2-1.5,1.6-2.5c0.3-0.9,0.6-1.9,0.6-3.4c0.1-1.5,0.1-2,0.1-5.7c0-3.8,0-4.2-0.1-5.7s-0.3-2.5-0.6-3.4
c-0.4-0.9-0.9-1.7-1.7-2.4C30.7,2.7,30,2.3,29,1.9c-0.9-0.3-1.9-0.6-3.4-0.6c-1.5-0.1-2-0.1-5.7-0.1C16.2,1.2,15.8,1.2,14.3,1.2
M14.5,26.3c-1.4-0.1-2.1-0.3-2.6-0.5c-0.6-0.3-1.1-0.5-1.6-1s-0.8-0.9-1-1.6c-0.2-0.5-0.4-1.2-0.5-2.6c-0.1-1.5-0.1-1.9-0.1-5.6
s0-4.1,0.1-5.6c0-1.3,0.3-2.1,0.5-2.6c0.3-0.6,0.5-1.1,1-1.6s0.9-0.8,1.6-1c0.5-0.2,1.2-0.4,2.6-0.5c1.5-0.1,1.9-0.1,5.6-0.1
s4.1,0,5.6,0.1c1.4,0.1,2.1,0.3,2.6,0.5c0.6,0.3,1.1,0.5,1.6,1s0.8,0.9,1,1.6c0.2,0.5,0.4,1.2,0.5,2.6c0.1,1.5,0.1,1.9,0.1,5.6
s0,4.1-0.1,5.6c-0.1,1.4-0.3,2.1-0.5,2.6c-0.3,0.6-0.5,1.1-1,1.6s-0.9,0.8-1.6,1c-0.5,0.2-1.2,0.4-2.6,0.5
c-1.5,0.1-1.9,0.1-5.6,0.1S15.9,26.4,14.5,26.3 M25.8,7.6c0,0.9,0.8,1.7,1.7,1.7s1.7-0.8,1.7-1.7s-0.8-1.7-1.7-1.7
C26.5,5.9,25.8,6.7,25.8,7.6 M12.9,15c0,3.9,3.2,7.1,7.1,7.1s7.1-3.2,7.1-7.1S23.9,7.9,20,7.9S12.9,11.1,12.9,15 M15.4,15
c0-2.5,2.1-4.6,4.6-4.6s4.6,2.1,4.6,4.6s-2.1,4.6-4.6,4.6S15.4,17.6,15.4,15"/>
</svg>
src/patterns/04-components/svg/icons/_linkedin-box.svg.twig
View file @ 409f04fb
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<title>linkedin-box</title>
<path d="M25.513 3.020h-19.058c-2.297 0-4.161 1.861-4.161 4.161v19.056c0 2.296 1.864 4.16 4.161 4.16h19.058c2.297 0 4.16-1.864 4.16-4.16v-19.055c-0-2.3-1.863-4.162-4.16-4.162zM12.313 22.809h-2.883v-8.676h2.883v8.676zM10.87 12.948h-0.017c-0.969 0-1.594-0.665-1.594-1.497 0-0.852 0.646-1.498 1.63-1.498 0.988 0 1.594 0.647 1.613 1.498 0 0.833-0.626 1.497-1.632 1.497zM22.71 22.809h-2.884v-4.642c0-1.164-0.418-1.962-1.461-1.962-0.797 0-1.27 0.538-1.479 1.056-0.077 0.184-0.095 0.446-0.095 0.703v4.846h-2.883c0 0 0.038-7.86 0-8.677h2.883v1.229c0.385-0.591 1.068-1.432 2.599-1.432 1.896 0 3.319 1.239 3.319 3.905v4.974zM16.791 15.392v-0.030c-0.006 0.010-0.015 0.020-0.020 0.030h0.020z"></path>
<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>
</svg>
src/patterns/04-components/svg/icons/_linkedin.svg.twig
View file @ 409f04fb
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<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 40 30" style="enable-background:new 0 0 40 30;" xml:space="preserve">
<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>
<path d="M12,29V10.1H5.7v18.8H12V29z M8.9,7.5c2.2,0,3.5-1.4,3.5-3.3S11.1,1,8.9,1C6.8,1,5.4,2.4,5.4,4.3S6.7,7.5,8.9,7.5L8.9,7.5
L8.9,7.5z M15.5,29h6.3V18.4c0-0.5,0-1.1,0.2-1.5c0.4-1.1,1.4-2.3,3.2-2.3c2.3,0,3.2,1.8,3.2,4.3V29h6.3V18.2c0-5.8-3.1-8.5-7.2-8.5
c-3.4,0-4.8,1.9-5.7,3.2l0,0V10h-6.3C15.5,11.8,15.5,29,15.5,29L15.5,29L15.5,29z"/>
</svg>
src/patterns/04-components/svg/icons/_rss.svg.twig
View file @ 409f04fb
<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 28.8 28.8">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<title>RSS</title>
<path d="M10.2,21.7c0,1.7-1.4,3.1-3.1,3.1S4,23.5,4,21.7c0-1.7,1.4-3.1,3.1-3.1S10.2,20,10.2,21.7L10.2,21.7z M18.7,24
c-0.4-7.5-6.4-13.5-13.9-13.9c-0.5,0-0.8,0.3-0.8,0.8v2.3C4,13.6,4.3,14,4.6,14c5.4,0.4,9.7,4.7,10.1,10.1c0,0.4,0.4,0.7,0.8,0.7
......
src/patterns/04-components/svg/icons/_tiktok-box.svg.twig 0 → 100644
View file @ 409f04fb
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<style type="text/css">
.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#231F20;}
</style>
<path class="st0" d="M18.91,23.34c-0.1,2.34-2.08,4.25-4.5,4.25c-0.55,0-1.09-0.1-1.58-0.29c0.5,0.17,1.03,0.29,1.58,0.29
C16.85,27.59,18.83,25.7,18.91,23.34V2.33h3.93c0.38,2,1.6,3.72,3.28,4.78l0,0c1.16,0.74,2.57,1.18,4.06,1.18v1.16l0,0v4.08
c-2.78,0-5.36-0.88-7.47-2.34v10.66c0,5.32-4.42,9.65-9.87,9.65c-2.1,0-4.06-0.65-5.66-1.75l0,0c-2.55-1.75-4.21-4.63-4.21-7.89
c0-5.32,4.42-9.65,9.87-9.65c0.46,0,0.9,0.04,1.33,0.1v1.24c-4.96,0.1-9.02,3.81-9.57,8.56c0.55-4.75,4.61-8.46,9.59-8.56v4.12
c-0.42-0.13-0.86-0.21-1.33-0.21c-2.48,0-4.52,1.98-4.52,4.4c0,1.7,0.99,3.16,2.42,3.91l0,0c0.63,0.32,1.33,0.51,2.1,0.51
c2.42,0,4.4-1.89,4.5-4.25L17.36,1h5.36c0,0.46,0.04,0.9,0.13,1.33h-3.93L18.91,23.34z"/>
</svg>