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
| /* A simple launchpad */ | |
| /* All you need for general layout */ | |
| .launchpad a { display:inline-block; text-align:center; margin:0 1em } | |
| .launchpad a img { display:block } | |
| /* This will allow greater flexibility with images, if not precomposed */ | |
| .launchpad img { border-radius:100px; max-height:300px; max-width:300px; | |
| /* not for IE, but if images are square, no problem */ | |
| -webkit-clip-path:circle(); clip-path:circle() } |
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
| /* css svg dataURI */ | |
| a { | |
| width:1.6em; height:1.6em; display:inline-block; | |
| border-radius:3px; | |
| background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" style="fill:hsla(137,38%,38%,.38)"/></svg>') } |
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
| /* not the circles you are looking for */ | |
| svg { fill:transparent; stroke:black } |
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
| /* not the circles you are looking for */ | |
| svg { fill:transparent; stroke:black } |
brito
/ dabblet.css
Last active
February 16, 2017 02:17
square the circle the square the circle the square the squircle
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
| /* square the circle the square the circle the square the squircle */ | |
| body > :nth-child(2n) { border-radius:1ex } | |
| body > :nth-child(1), | |
| body > :nth-child(2) { font-size:calc(100vh / 6.854) } | |
| body > :nth-child(3), | |
| body > :nth-child(4) { font-size:calc(100vh / 4.236) } | |
| body > :nth-child(5), | |
| body > :nth-child(6) { font-size:calc(100vh / 2.618) } |
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
| /** reach out */ | |
| .touch:before { content:attr(class) } | |
| #faith { font:16rem/1 Avenir-Medium; | |
| color:orange; | |
| background:white; | |
| border:1px solid; | |
| transition:all 500ms cubic-bezier(0.310, 0.440, 0.445, 1.650); | |
| outline:none } | |
| #faith:active { | |
| background:orange; color:white; |
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
| /** Do Something */ | |
| body * { font:1.6rem/1.618 Avenir-Medium; | |
| display:inline-block; | |
| background:transparent; | |
| box-sizing:border-box; | |
| border:3px double hsla(0,100%,62%,.6); | |
| max-width:38rem; | |
| padding:0 .381rem; | |
| margin:.381rem 0 } | |
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
| /* re:flex */ | |
| body * { font:106%/1.618 Avenir; | |
| display:inline-block; | |
| background:transparent; | |
| border:1px solid transparent; | |
| max-width:38rem; | |
| padding:0 .381rem; | |
| margin:.381rem 0 } | |
| body { display:flex; |
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
| <link rel="import" href="../core-icons/core-icons.html"> | |
| <link rel="import" href="../core-icons/av-icons.html"> | |
| <link rel="import" href="../paper-fab/paper-fab.html"> | |
| <polymer-element name="my-element"> | |
| <template> | |
| <style> | |
| :host { | |
| position: absolute; |
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
| Records = []; | |
| function Record(data){ | |
| if (data.map) | |
| return data.map(Record); | |
| // defaults | |
| var obj = { | |
| id: +new Date, | |
| updated: new Date, | |
| created: new Date, |