Skip to content

Instantly share code, notes, and snippets.

@lukesutton
Created July 18, 2014 02:43
Show Gist options
  • Save lukesutton/44d0f947cf93e6cff806 to your computer and use it in GitHub Desktop.
Save lukesutton/44d0f947cf93e6cff806 to your computer and use it in GitHub Desktop.
OCSS mixins. Maybe?
@mixin co($name)
.co-#{$name}
@content
@mixin el($name)
&__#{$name}
@content
@mixin is($name)
&-is-#{$name}
@content
+co(nav-user)
+el(name)
border-left: 1px solid #707487
color: white
padding: 1em
float: left
+is(active)
font-weight: bold
+el(search)
border-left: 1px solid #707487
background: #4C4F5C
float: right
+el(input)
padding: 1em
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment