Skip to content

Instantly share code, notes, and snippets.

@hadynz

hadynz/names.css

Forked from wrumsby/names.css
Created May 13, 2014 01:30
Show Gist options
  • Save hadynz/db1c7965fbf1f98456f0 to your computer and use it in GitHub Desktop.
Save hadynz/db1c7965fbf1f98456f0 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
names.css
/* Base styles */
body {}
p {}
/* .layout-{name} */
.layout-sidebar {}
/* .{moduleName} */
.modal {}
/* .{moduleName}--{subComponent} */
.modal--header {}
/* .{moduleName} */
.button {}
/* .{moduleName}-is-{stateName} */
.button-is-disabled {}
/* .{moduleName}-{subModule} */
.button-default {}
/* .{moduleName}-{subModule} */
.button-primary {}
@hadynz
Copy link
Author

hadynz commented May 26, 2014

Sample Usage

<div class="modal">
    <!-- .modal--header is a subcomponent -->
    <div class="modal--header">Modal</div>
    <div class="modal--body">
        ...
    </div>
    <div class="modal--footer">
        <!-- .btn-primary is a submodule -->
        <a href="#" class="btn btn-primary">Save</a>
        <a href="#" class="btn btn-cancel">Cancel</a>
    </div>
</div>

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