Styling the Twitter & GitHub buttons

This commit is contained in:
mikwee 2021-11-08 16:56:33 +02:00
parent c3182489ba
commit 06a1a44b31
2 changed files with 14 additions and 1 deletions

View file

@ -11,7 +11,7 @@ function App() {
<div className="App">
<h1 id="title">{data.title}</h1>
<div id="container">
<Button id="facebook" variant="primary">Facebook</Button>
<Button id="github" variant="primary">Facebook</Button>
{/*{data.links.map((rootDetail, index)=>{
if(rootDetail.type == "facebook") {
res = <AwesomeButton className="roots"></AwesomeButton>

View file

@ -1,5 +1,18 @@
$btn-border-radius: 25px;
$btn-border-width: 0px;
#facebook {
background-color: #1877f2;
}
#instagram {
background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}
#twitter {
background-color: #1da1f2;
}
#github {
background-color: #fafafa;
color: #333;
}
@import "./node_modules/bootstrap/scss/bootstrap.scss";