pieterboscapitalid
pieterboscapitalid
/ SassMeister-input.scss
Last active
August 29, 2015 14:26
Preloading svg's the Sass way
This file contains 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
| // ---- | |
| // libsass (v3.2.5) | |
| // ---- | |
| $preloaded-images: null; | |
| $svg-path:'test/'; | |
| @function preload-image($image-url) { | |
| $preloaded-images : $preloaded-images url($image-url) !global; |
pieterboscapitalid
/ SassMeister-input.scss
Last active
August 29, 2015 14:26
Generated by SassMeister.com.
This file contains 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
| // ---- | |
| // libsass (v3.2.5) | |
| // ---- | |
| $preloaded-images: ''; | |
| $svg-path:'test/'; | |
| @function preload-image($image-url) { | |
| $tmp:$preloaded-images; | |
| $tmp : $tmp + url($image-url); | |
| $preloaded-images:$tmp; |
pieterboscapitalid
/ SassMeister-input-HTML.html
Last active
August 29, 2015 14:26
Generated by SassMeister.com.
This file contains 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
| <button class="btn-text--primary" disabled="disabled">BUTTON</button> | |
| <button class="btn-text--primary">BUTTON</button> | |
| <button class="btn-text--primary">BUTTON</button> | |
| <button class="btn-text--normal" disabled="disabled">BUTTON</button> | |
| <button class="btn-text--normal">BUTTON</button> | |
| <button class="btn-text--normal">BUTTON</button> | |
| <button class="rabo-btn">BUTTON</button> |
pieterboscapitalid
/ SassMeister-input.scss
Created
August 2, 2015 13:34
Generated by SassMeister.com.
This file contains 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
| // ---- | |
| // libsass (v3.2.5) | |
| // ---- | |
| @mixin border-radius($radius) { | |
| -webkit-border-radius: $radius; | |
| -moz-border-radius: $radius; | |
| -ms-border-radius: $radius; | |
| border-radius: $radius; | |
| } |
This file contains 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 class="media media--flip"> | |
| <div class="media__item"> | |
| <a href="#"> | |
| <img src="https://placeimg.com/100/100/any">x | |
| </a> | |
| </div> | |
| <div class="media__body"> | |
| <p>Lorizzle ipsum dolizzle get down get down amizzle, dang adipiscing elit. Nullam doggy velizzle, away volutpizzle, suscipit , shut the shizzle up vizzle, away.</p> | |
| </div> | |
| </div> |
pieterboscapitalid
/ SassMeister-input-HTML.html
Created
July 22, 2015 07:51
Generated by SassMeister.com.
This file contains 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 class="media media--flip"> | |
| <div class="media__item"> | |
| <a href="#"> | |
| <img src="https://placeimg.com/100/100/any">x | |
| </a> | |
| </div> | |
| <div class="media__body"> | |
| <p>Lorizzle ipsum dolizzle get down get down amizzle, dang adipiscing elit. Nullam doggy velizzle, away volutpizzle, suscipit , shut the shizzle up vizzle, away.</p> | |
| </div> | |
| </div> |
pieterboscapitalid
/ SassMeister-input-HTML.html
Created
July 22, 2015 07:29
Generated by SassMeister.com.
This file contains 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 class="media--new"> LALALA</div> |
pieterboscapitalid
/ SassMeister-input-HTML.html
Created
July 22, 2015 07:28
Generated by SassMeister.com.
This file contains 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
| <head> | |
| <title>Deze</title> | |
| </head> | |
| <body> | |
| <div class="media">DEZE</div> | |
| <div class="media--new">Deze info</div> | |
| </body> |
pieterboscapitalid
/ BemSassMeister-input-HTML.html
Last active
August 29, 2015 14:25
Generated by SassMeister.com.
This file contains 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
| <head> | |
| <title>Deze</title> | |
| </head> | |
| <body> | |
| <div class="media">DEZE</div> | |
| <div class="media--info">Deze info</div> | |
| </body> |