| #column-a { | |
| @include grid-column; // make it a column | |
| @include grid(6); // make it 6 columns wide | |
| } | |
| #column-b { | |
| @include grid-column(6); // make it a column, 6 columns wide | |
| } | |
| #column-c { | |
| @include grid-column; // make it a column | |
| @include grid-plus(6, -10px); // make it 6 columns wide, minus padding |
| /* multiple backgrounds */ | |
| /* Firefox 3.6+, Safari, Chrome, IE 9 */ | |
| .box { | |
| background: | |
| url(corner2-tl.png) left top no-repeat, | |
| url(corner2-tr.png) right top no-repeat, | |
| url(corner2-br.png) right bottom no-repeat, | |
| url(corner2-bl.png) left bottom no-repeat, | |
| url(corner-t.png) left top repeat-x, | |
| url(corner-b.png) left bottom repeat-x, |
| h1 { | |
| color: #00ff00; | |
| filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=2); | |
| } |
| .box { | |
| -moz-box-shadow: 5px 9px 5px 5px rgba(0, 0, 0, 0.75); | |
| -webkit-box-shadow: 5px 9px 5px 5px rgba(0, 0, 0, 0.75); | |
| -o-box-shadow: 5px 9px 5px 5px rgba(0, 0, 0, 0.75); | |
| box-shadow: 5px 9px 5px 5px rgba(0, 0, 0, 0.75); | |
| } |
| //----------------------------------------------- | |
| // Variables | |
| //----------------------------------------------- | |
| $ui-corners-cache-buster: true !default; | |
| // default widths | |
| $ui-corners-corner-height: 10px !default; | |
| $ui-corners-corner-width: 10px !default; | |
| $ui-corners-side-width: 10px !default; |
| (function(window, document, undefined){ | |
| "use strict"; | |
| // create a test element | |
| var testElem = document.createElement('test'), | |
| docElement = document.documentElement, | |
| defaultView = document.defaultView, | |
| getComputedStyle = defaultView && defaultView.getComputedStyle, | |
| computedValueBug, | |
| runit = /^(-?[\d+\.\-]+)([a-z]+|%)$/i, |
| #container { | |
| width: 960px; | |
| margin: 0 auto; | |
| } | |
| [role="main"] { | |
| width: auto; | |
| margin: 0 0; | |
| } |
| /* place these styles in your global stylesheet */ | |
| .image { | |
| display: -moz-inline-box; | |
| -moz-box-orient: vertical; | |
| display: inline-block; | |
| vertical-align: middle; | |
| *vertical-align: auto; | |
| font: 0/0 serif; | |
| text-shadow: none; | |
| color: transparent; |
| 2.0.0@mygemset |
Some mixins for managing model relationships.
belongsTo('this-model-name', 'to-model-name')hasMany('this-model-name', 'has-model-name')hasManyThrough('this-model-name', 'has-model-name', 'through-model-name')The mixins are returned by factory functions that take standard arguments to create methods and properties based on the model names provided.