search

ooow / jewel-f

Jewel Front End
1 stars 0 forks source link

Contact Card component #99

Closed ooow closed 5 years ago

ooow commented 5 years ago

Result:

screenshot 2018-12-04 at 00 46 06

This closes: #95

ooow commented 5 years ago

I couldn't find a way to add exactly this icon in REGULAR style from font awesome and also, I couldn't set for it opacity 50%.

Feel free add commits to this pull request if you know how to fix it better.

nikitabelonogov commented 5 years ago

@ooow regular icons: npm i --save @fortawesome/free-regular-svg-icons

import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faUserCircle } from '@fortawesome/free-regular-svg-icons';

<FontAwesomeIcon size='10x' icon={faUserCircle} />
nikitabelonogov commented 5 years ago

@ooow 50% opacity: you can add 'half-primary': rgba(0, 154, 176, 0.5), to $theme-colors palette and then use it like className='text-half-primary'

ooow commented 5 years ago

@nikitabelonogov thanks, it helps.

Please, review 👍