implemented icon round button styling
This commit is contained in:
@@ -119,5 +119,32 @@
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&:not(.with-label):hover {
|
||||
background-color: #2a2a2a;
|
||||
border-color: #fff;
|
||||
border-width: 2px;
|
||||
}
|
||||
|
||||
&:not(.with-label):focus {
|
||||
background-color: #2a2a2a;
|
||||
border: 2px solid white;
|
||||
color: white;
|
||||
}
|
||||
|
||||
&:not(:disabled):focus::before {
|
||||
box-sizing: content-box;
|
||||
content: '';
|
||||
display: block;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
border: 2px solid white;
|
||||
border-radius: 8px;
|
||||
padding: 2px;
|
||||
position: absolute;
|
||||
left: -4px;
|
||||
top: -4px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,6 +1,4 @@
|
||||
import React from 'react'
|
||||
import Button, { ButtonType } from './Button/Button'
|
||||
import AddLogo from '../static/images/add.svg'
|
||||
|
||||
const footer = () => (
|
||||
<footer className='footer'>
|
||||
@@ -10,8 +8,7 @@ const footer = () => (
|
||||
className='footer__copyright--link'
|
||||
href='https://github.com/devandres-tech'
|
||||
>
|
||||
<Button Icon={<AddLogo />} buttonType={ButtonType.IconRound} /> Dev
|
||||
Andres
|
||||
Dev Andres
|
||||
</a>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
Reference in New Issue
Block a user