HTML Highlighter
<div class="card">
<div class="card-header">
<h5>Hello card</h5>
<span> lorem ipsum dolor sit amet, consectetur adipisicing elit</span>
<div class="card-header-right">
<i class="icofont icofont-rounded-down"/>
<i class="icofont icofont-refresh"/>
<i class="icofont icofont-close-circled"/>
</div>
</div>
<div class="card-block">
<p>
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
</p>
</div>
</div>
SCSS Highlighter
a:active{
color:#1abc9c;
}
p{
font-size:13px;
}
.btn-primary{
color: #1abc9c;
background-color: #fff;
}
.label-primary {
background-color: #1abc9c;
}
.badge-primary {
background-color: #1abc9c;
}
.bg-primary {
background-color: #1abc9c !important;
color: #fff;
}
.panel-primary {
border-color: #1abc9c;
}
JSX Highlighter
import React from 'react';
import {Row, Col, Card} from 'react-bootstrap';
import Prism from "../../../App/components/Prism";
import Aux from "../../../hoc/_Aux";
class SyntaxHighlighter extends React.Component {
render() {
/* render method */
}
}
export default SyntaxHighlighter;