baalajimaestro/littlelink
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fix Kick - colors - based in Branding Guidelines

Browse source
This commit is contained in:
soypato 2023-06-29 14:32:03 -03:00
parent 5dabc02f2d
commit 2ddac4d2c5
3 changed files with 44 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
css/brands.css
View file

@ -474,14 +474,26 @@ button:hover,
filter: brightness(90%);
}
/* Kick */
.button.button-kick {
background-color:#3d951b;
color: #fff
background-color:#000000;
color: #ffffff;
border: 1px solid #ffffff;
}
.button.button-kick:hover {
filter: brightness(90%);
}
/* Kick Alt */
.button.button-kick-alt {
background-color:#01e701;
color: #000;
}
.button.button-kick-alt:hover {
filter: brightness(90%);
}
/* Kickstarter */
.button.button-kickstarter {
color: #ffffff;

27
images/icons/kick-alt.svg Normal file
View file

@ -0,0 +1,27 @@
<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 264 302" width="500" height="572">
<title>kick-svg</title>
<defs>
<clipPath clipPathUnits="userSpaceOnUse" id="cp1">
<path d="m0 1h933v300h-933z"/>
</clipPath>
<clipPath clipPathUnits="userSpaceOnUse" id="cp2">
<path d="m0 1h933.33v300h-933.33z"/>
</clipPath>
</defs>
<style>
.s0 { fill: #000000 }
</style>
<g id="Clip-Path: Clip-Path" clip-path="url(#cp1)">
<g id="Clip-Path">
<g id="Layer">
<g id="Clip-Path: Clip-Path" clip-path="url(#cp2)">
<g id="Clip-Path">
<g id="Layer">
<path id="Layer" fill-rule="evenodd" class="s0" d="m0 1h100v66.7h33.3v-33.4h33.4v-33.3h100v100h-33.4v33.3h-33.3v33.4h33.3v33.3h33.4v100h-100v-33.3h-33.4v-33.4h-33.3v66.7h-100zm666.7 0h100v66.7h33.3v-33.4h33.3v-33.3h100v100h-33.3v33.3h-33.3v33.4h33.3v33.3h33.3v100h-100v-33.3h-33.3v-33.4h-33.3v66.7h-100zm-366.7 0h100v300h-100zm333.3 0v100h-100v100h100v100h-166.6v-33.3h-33.4v-233.4h33.4v-33.3z"/>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1 KiB

3
index.html
View file

@ -211,6 +211,9 @@
<!-- Kick -->
<a class="button button-kick" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/kick.svg" alt="">Kick</a><br>
<!-- Kick Alt -->
<a class="button button-kick-alt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/kick-alt.svg" alt="">Kick</a><br>
<!-- Kickstarter -->
<a class="button button-kickstarter" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/kickstarter.svg" alt="">Kickstarter</a><br>