Styling the Twitter & GitHub buttons
This commit is contained in:
parent
c3182489ba
commit
06a1a44b31
2 changed files with 14 additions and 1 deletions
|
@ -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>
|
||||
|
|
|
@ -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";
|
Loading…
Reference in a new issue