Verified Commit f579e89b authored by Jelle van der Waa's avatar Jelle van der Waa 🚧
Browse files

Use pure sass to reduce the section's padding-top/padding-bottom

parent 2ddff6e4
...@@ -7,7 +7,7 @@ class Section extends React.Component { ...@@ -7,7 +7,7 @@ class Section extends React.Component {
render() { render() {
const { suite } = this.props; const { suite } = this.props;
return ( return (
<section key={suite.name} className="section"> <section key={suite.name} className="section pt-4 pb-4" >
<div className="tile box has-background-danger"> <div className="tile box has-background-danger">
<div className="content"> <div className="content">
<p className='title is-5 has-text-white'>{ suite.name }</p> <p className='title is-5 has-text-white'>{ suite.name }</p>
......
...@@ -14,11 +14,6 @@ $link: #212952; ...@@ -14,11 +14,6 @@ $link: #212952;
@import "../node_modules/bulma/sass/layout/section.sass"; @import "../node_modules/bulma/sass/layout/section.sass";
@import "../node_modules/bulma/sass/grid/tiles.sass"; @import "../node_modules/bulma/sass/grid/tiles.sass";
.section {
padding-top: 1rem;
padding-bottom: 1rem;
}
@media (min-width: 500px) { @media (min-width: 500px) {
ul { ul {
columns: 2; columns: 2;
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment