| // Strip unit from a number value | |
| // Usage : | |
| // strip-units(16px); | |
| // Will return "16" (as a number) | |
| @function strip-units($number) { | |
| @return $number / ($number * 0 + 1); | |
| } | |
| // Usage : | |
| // $resos: $screenSmall, $screenMedium, $screenXlarge; |
The flexbox module has been kicking around for quite some time. There are 3 different specifications that have been implemented in the major browsers. This is an overview of how to cover all of them. If you're interested in how to use flexbox, there are many fine articles out there (some have been linked below).
| // Each statement returns true or false based on current viewport | |
| // The EM units are based on html, body { font-size: 100%; } CSS | |
| window.MQ = { | |
| // max-width 640px mobile-only styles | |
| small : (matchMedia('only screen and (max-width: 40em)').matches), | |
| // min-width 641px and max-width 1024px screen only | |
| medium : (matchMedia('only screen and (min-width:40.063em) and (max-width:64em)').matches), |
| # Blender v2.81 (sub 16) OBJ File: '' | |
| # www.blender.org | |
| mtllib untitled.mtl | |
| o Cylinder | |
| v 0.000000 0.005652 -0.776000 | |
| v 0.000000 0.105652 -0.776000 | |
| v 0.153282 0.105652 -0.761089 | |
| v 0.153282 0.005652 -0.761089 | |
| v 0.300674 0.105652 -0.716930 | |
| v 0.300674 0.005652 -0.716930 |