implemented icon round button styling
This commit is contained in:
@@ -119,5 +119,32 @@
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
width: 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 React from 'react'
|
||||||
import Button, { ButtonType } from './Button/Button'
|
|
||||||
import AddLogo from '../static/images/add.svg'
|
|
||||||
|
|
||||||
const footer = () => (
|
const footer = () => (
|
||||||
<footer className='footer'>
|
<footer className='footer'>
|
||||||
@@ -10,8 +8,7 @@ const footer = () => (
|
|||||||
className='footer__copyright--link'
|
className='footer__copyright--link'
|
||||||
href='https://github.com/devandres-tech'
|
href='https://github.com/devandres-tech'
|
||||||
>
|
>
|
||||||
<Button Icon={<AddLogo />} buttonType={ButtonType.IconRound} /> Dev
|
Dev Andres
|
||||||
Andres
|
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
|||||||
Reference in New Issue
Block a user