starryeyez024
/ Fluid-Grid.css
Last active
December 31, 2015 06:59
FLUID GRIDS (great for Drupal views) For when your different items are output dynamically via a Drupal view or nodequeue, this handy mixin will help you turn them into a grid pretty quickly. The first mixin variable is how many columns you want your grid to be. The second variable is how many rows. If you are unsure how many rows, estimate a lit…
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| body { | |
| font-family: "Open Sans", "Helvetica", "Arial", sans-serif; | |
| background: #dddddd; | |
| color: #222222; | |
| } | |
| body p { | |
| margin: 3px 0; | |
| } | |
| .view-foobar { |
starryeyez024
/ no-query-fallbacks-demo.css
Last active
January 2, 2016 13:19
Generated by SassMeister.com.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .foo { | |
| background: grey; | |
| } | |
| @media (min-width: 320px) { | |
| .foo { | |
| background: blue; | |
| } | |
| } | |
| .lt-ie9 .foo { | |
| background: blue; |
starryeyez024
/ Element-Queries-Demo.css
Last active
January 3, 2016 09:59
Generated by SassMeister.com.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .test-eq[data-eq-state="pane-sm"] { | |
| background: pink; | |
| } | |
| .test-container [data-eq-state="pane-sm"] { | |
| background: blue; | |
| } | |
| [data-eq-state="pane-sm"] .test-parent { | |
| background: green; |
starryeyez024
/ Intrinsic-Ratio-Demo.css
Last active
January 4, 2016 04:59
Generated by SassMeister.com.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /******* instead of this */ | |
| .field-story-sad { | |
| width: 50%; | |
| position: relative; | |
| height: 0; | |
| padding-top: 66.66667%; | |
| width: 100%; | |
| } | |
| .field-story-sad > * { | |
| display: block; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .color { | |
| font-weight: bold; | |
| font-size: 20px; | |
| } | |
| .light-blue { | |
| color: #259de4; | |
| } | |
| /*BABY BLUE */ |
starryeyez024
/ SassMeister-input-HTML.html
Created
February 6, 2014 15:40
Generated by SassMeister.com.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| . |
starryeyez024
/ SassMeister-input-HTML.html
Created
February 10, 2014 18:42
Generated by SassMeister.com.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div style="background: blue;height: 300px;"> | |
| <center style="margin-top:100px"> | |
| <div class="loader rspin"> | |
| <span class="c"></span> | |
| <span class="d spin"><span class="e"></span></span> | |
| <span class="r r1"></span> | |
| <span class="r r2"></span> | |
| <span class="r r3"></span> | |
| <span class="r r4"></span> |
starryeyez024
/ SassMeister-input.scss
Created
February 10, 2014 20:17
Generated by SassMeister.com.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // Sass (v3.3.0.rc.3) | |
| // Compass (v1.0.0.alpha.18) | |
| // ---- | |
| %foobar{ | |
| background: red; | |
| color: white; | |
| font-size: 12px; | |
| display: block; |
starryeyez024
/ responsive-images.css
Last active
August 29, 2015 13:56
Generated by SassMeister.com.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .module-b .wx-media .img { | |
| background-size: 100%; | |
| background-repeat: no-repeat; | |
| max-width: 815px; | |
| position: relative; | |
| height: 0; | |
| padding-top: 56.2244897959%; | |
| width: 100%; | |
| background-image: url("http://s.imwx.com/dru/2014/01/3ec9c252-4187-415d-9afb-56bf5cb46aad_320x180.jpg"); | |
| } |
starryeyez024
/ SassMeister-input.sass
Created
February 21, 2014 21:57
Generated by SassMeister.com.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // Sass (v3.3.0.rc.4) | |
| // Compass (v1.0.0.alpha.18) | |
| // ---- | |
| $base-font-size: 12px | |
| $base-line-height: 9px // 1.5 times the base font size | |
| @function strip-unit($value) | |
| @return $value / ($value * 0 + 1) |