maverick/flex-template-web
1
0
Fork 0
mirror of https://github.com/kingomarnajjar/flex-template-web.git synced 2026-07-30 09:36:42 +10:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request #565 from sharetribe/use-marketplace-colors-in-avatar

Browse source 
Use marketplace colors in default Avatar background gradient
This commit is contained in:
Kimmo Puputti 2017-11-24 09:39:00 +02:00 • committed by GitHub
commit 7a400e5bc9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/components/Avatar/Avatar.css
View file

@ -5,6 +5,9 @@
--avatarSizeMedium: 60px;
--avatarSizeLarge: 96px;
--bgColorTop: var(--marketplaceColorLight);
--bgColorBottom: var(--marketplaceColor);
/* Base for all avatars */
--avatarBase: {
font-family: 'sofiapro', Helvetica, Arial, sans-serif;
@ -16,7 +19,7 @@
justify-content: center;
/* Colors */
background-image: linear-gradient(-180deg, #e16b56 0%, #c0392b 100%);
background-image: linear-gradient(-180deg, var(--bgColorTop) 0%, var(--bgColorBottom) 100%);
color: var(--matterColorLight);
&:hover {