cloudflare/InstantPlugin
Publicmirrored fromhttps://github.com/cloudflare/InstantPlugin
app/styl/more-links-and-buttons.styl
41lines · modecode
9 years ago
| 1 | @css { |
| 2 | @font-face { |
| 3 | font-family: "instant-plugin-icons"; |
| 4 | font-style: normal; |
| 5 | font-weight: normal; |
| 6 | src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRk9UVE8AAAQQAAoAAAAABewAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAARQAAAEw7LPuDUZGVE0AAAIIAAAAGgAAABx04jsnT1MvMgAAAiQAAABLAAAAYGFpBYRjbWFwAAACcAAAAEcAAAFOP7UHcGhlYWQAAAK4AAAALwAAADYGoUQqaGhlYQAAAugAAAAfAAAAJAe/AetobXR4AAADCAAAABAAAAAQCwoAAG1heHAAAAMYAAAABgAAAAYABFAAbmFtZQAAAyAAAADaAAABsE3GDFBwb3N0AAAD/AAAABMAAAAg/50AZnicTY69S8NQFMXvbV5aLI/4GXEIzSJYAh0dXPwXLNpgVymvH6AtpMHJsWglk06CuPXvEPyg9E9wt2SVt/huk2exWUo5HPgdONx7EBgDROTioiWCSqfR6/YBc4BwTKUcuQbtsTo3JGelIrBh2Y2iJfBCFM5GydB04GXdAdhwYLTpwJqDB1tgZjfysA0ueHAYdq5EP+i02mGl0RbXQa97KZpLXvm9OgMA73CI98AQ90+aN+onkgmXKCVpacjd2ST5+pvk5TywE056zgsW+XRrq281rX2m0zROYxXXTtU0zRS/n6lFVhl9mBY90sDW5/RUrZOnhV547JvWLw0Y+fp5/KbLJMgjUX1dlB92Zkd2xIv/gw+CN3icY2BgYGQAggsF9tdA9CWLvytgNABOBQe1AAB4nGNgZopgnMDAysDBasw6k4GBUQ5CM19nSGMSYgACVgYIaGBgYGJAAgFprikMDgzXFazY0v6lMexg/sIgDhRmhCtQAEJGABgTC0oAeJxjYGBgZoBgGQZGBhDwAPIYwXwWBh0gzQakGRmYGK4rWP3/D+RfV7D8//+/FpAFUsUC1s0E5LAxQA0YnoCZibAaAF3eCGYAeJxjYGRgYADisx3H/eL5bb4ycHMwgMAli78rEPT/l8wCzF+AXA4GJpAoAFzJDHkAeJxjYGRgYP7y/yXDDmYBBoZ/b4EkUAQFsAAAloYFrwAEAAAAAf0AAAH9AAADEAAAAABQAAAEAAB4nI2PvQ3CMBCFXyCJxI8oEaULJCpHTiRSMEBKSvoIWVGaWHKYgREYgzEYgDEYgJoXc0UKCizZ/u7euzsbwBI3RBhWhAU2whMkMMJT7HAVjul5CCfkl3CKRbSiM4pnzKxD1cATzLEVnuKIUjim5y6ckJ/CKfkNixoNTw+NFmc4dOgBWzfW6/bsOgajvGSqEF/C7UO9QoGM/1A4cP/u+tVK5nI6NSsMac92rrtUzjdWFZlRBzWazqjUudGFyWn857WnoPfUB1VxwvAunKzvW9epPDN/9fkAFF9DNgAAeJxjYGYAg/+zGNIYsAAALpkCAwA=) format("woff"); |
| 7 | } |
| 8 | } |
| 9 | |
| 10 | chevronIconForMoreLinksAndButtons() |
| 11 | font-family "instant-plugin-icons" |
| 12 | position relative |
| 13 | display inline-block |
| 14 | vertical-align baseline |
| 15 | color inherit |
| 16 | font-style normal |
| 17 | font-weight inherit |
| 18 | font-size 1em |
| 19 | line-height 1 |
| 20 | text-decoration none |
| 21 | |
| 22 | a.more, button.more, .with-more-icon-after |
| 23 | |
| 24 | &::after |
| 25 | chevronIconForMoreLinksAndButtons() |
| 26 | content "\203A" // › |
| 27 | padding-left .3em |
| 28 | |
| 29 | a.before, .with-before-icon-before |
| 30 | |
| 31 | &::before |
| 32 | chevronIconForMoreLinksAndButtons() |
| 33 | content "\2039" // ‹ |
| 34 | padding-right .3em |
| 35 | |
| 36 | a.more:not(.button)::after |
| 37 | padding-right .3em |
| 38 | |
| 39 | .with-more-icon-after:empty::after |
| 40 | padding-left .15em |
| 41 | padding-right .15em |