Skip to content

Instantly share code, notes, and snippets.

@choonkending

choonkending/separationOfConcernsForCss.js

Created September 21, 2016 23:13
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save choonkending/705827e0523adbdcef46c2d7ea13a6d3 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save choonkending/705827e0523adbdcef46c2d7ea13a6d3 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
separationOfConcernsForCss.js
/* Modal */
<div className="modal">
<CloseButton />
</div>
/* CloseButton */
<button className="close-button">Close</button>
@choonkending

choonkending commented Sep 22, 2016 •
edited
Loading

Copy link
Copy Markdown
Author 
/* Modal.js */
<div className="modal">  
  <CloseButton className="modal__close-button"/>  
</div>  

/* CloseButton.jsx */  
<button className=`close-button ${this.props.className || ''}`>Close</button>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment