Global styles. about classnames HOT 2 CLOSED

Not sure if I understand the question, or if this question is actually specific to classnames..

One interpretation of the question is:

// global scss stylesheet
.quarter-grid-item {
    @extend .col-xs-12;
    @extend .col-sm-6;
    @extend .col-md-3;
}

<GridItem className="quarter-grid-item"></GridItem>;

http://www.sitepoint.com/sass-semantically-extend-bootstrap/

This might relate to be use with classnames like so:

var classNames = require('classnames');

var Button = React.createClass({
  // ...
  render () {
    var colClass = classNames('quarter-grid-item', {
      'is-selected': this.state.isSelected
    });
    return <GridItem className={colClass}></GridItem>;
  }
});

hth!

from classnames.

@ramakay hopefully @ptim's answer helps you out - I'm going to close this but if I've misunderstood how the question is specific to classnames, let us know!

from classnames.