implemented icon round button styling

This commit is contained in:
andres alcocer
2022-12-16 11:31:22 -05:00
parent 6e3a45d776
commit 5861f157cf
2 changed files with 28 additions and 4 deletions

View File

@@ -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%;
}
}
}

View File

@@ -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>