You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
*[View the demo](http://rbrtsmith.com/nebula-css/demo/)
5
5
6
6
Super low-level mobile-first Sass framework using the [ITCSS](https://www.youtube.com/watch?v=1OKZOV-iLj4) architecture and the [BEMIT](http://csswizardry.com/2015/08/bemit-taking-the-bem-naming-convention-a-step-further/) naming convention.
@@ -421,7 +421,7 @@ The following CSS classnames would be generated:
421
421
As we can see in these examples the `@` symbol denotes that this class applies to a particular breakpoint, the chars after should map directly to a key in `$nb-breakpoints`.
422
422
Also note that the `@` symbol here is escaped, this is because symbols like `@` are not strictly valid CSS selectors so they must be escaped. However you don't need to do this when defining your classnames in your HTML.
423
423
424
-
Nebula CSS also provides you with a mixin that can be use to interface with the defined breakpoints: `nb-respond-to()` This mixin accepts a single string argument. The string should match one of the maps in `nb-breakpoints`. e.g.
424
+
Nebula CSS also provides you with a mixin that can be use to interface with the defined breakpoints: `nb-respond-to()` This mixin accepts a string argument. The string should match one of the maps in `nb-breakpoints`. e.g.
425
425
```sass
426
426
.o-my-obj {
427
427
@include nb-respond-to('md') {
@@ -438,6 +438,9 @@ Being mobile first the above CSS will respond to viewports larger than the `md`
438
438
}
439
439
```
440
440
The above CSS responding to viewports smaller than the `md` breakpoint.
441
+
442
+
`nb-respond-to` also accepts an optional second argument if you wish to create a second breakpoints map that you don't wish the grid, and other utilities to map over - something more component specific. By default this parameter points to `$nb-breakpoints`.
0 commit comments