Styling the YouTube, LinkedIn & Pinterest buttons
This commit is contained in:
parent
06a1a44b31
commit
103010679a
2 changed files with 11 additions and 2 deletions
|
@ -5,13 +5,13 @@ import './styles/roots.scss';
|
|||
import data from './roots.json'
|
||||
|
||||
function App() {
|
||||
const socialTypes = ["facebook", "instagram", "twitter", "github", "youtube", "linkedin", "pinterest", "messenger", "whatsapp"];
|
||||
const socialTypes = ["facebook", "instagram", "twitter", "github", "youtube", "linkedin", "pinterest"];
|
||||
|
||||
return (
|
||||
<div className="App">
|
||||
<h1 id="title">{data.title}</h1>
|
||||
<div id="container">
|
||||
<Button id="github" variant="primary">Facebook</Button>
|
||||
<Button id="pinterest" variant="primary">Facebook</Button>
|
||||
{/*{data.links.map((rootDetail, index)=>{
|
||||
if(rootDetail.type == "facebook") {
|
||||
res = <AwesomeButton className="roots"></AwesomeButton>
|
||||
|
|
|
@ -14,5 +14,14 @@ $btn-border-width: 0px;
|
|||
background-color: #fafafa;
|
||||
color: #333;
|
||||
}
|
||||
#youtube {
|
||||
background-color: #ff0000;
|
||||
}
|
||||
#linkedin {
|
||||
background-color: #0077b5;
|
||||
}
|
||||
#pinterest {
|
||||
background-color: #e60023;
|
||||
}
|
||||
|
||||
@import "./node_modules/bootstrap/scss/bootstrap.scss";
|
Loading…
Reference in a new issue