Oli Studholme oli
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
| /** | |
| * @font-face and serif for Japanese | |
| */ | |
| body {font-face: serif;} | |
| .test {font-face: "test", serif;} |
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
| /** | |
| * Flexbox and ellipsis | |
| */ | |
| ul { | |
| display: flex | |
| list-style: none; | |
| white-space: nowrap; /* Stops line wrapping */ | |
| } | |
| li { | |
| overflow: hidden; /* Prevents overflow from expanding container */ |
oli
/ dabblet.css
Last active
August 29, 2015 14:27
The first commented line is your dabblet’s title
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
| /** | |
| * The first commented line is your dabblet’s title | |
| */ | |
| ul { | |
| display: flex; | |
| width: 100%; | |
| overflow: hidden; | |
| border: 1px solid #eee; | |
| white-space: nowrap; | |
| overflow: hidden; |
oli
/ dabblet.css
Last active
August 29, 2015 14:19
Responsive table with th full-width but 2x td still tabular
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
| /** | |
| * Responsive table with th full-width but 2x td still tabular | |
| */ | |
| table { | |
| width: 100%; | |
| display: table;} | |
| th, td {background: #eee;} | |
| tr, th { | |
| display: block; |
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
| /* Does anyone transition Flexbox order yet? | |
| http://dev.w3.org/csswg/css-flexbox/#order-property */ | |
| /* ✘ Chrome 28 | |
| ✘ Safari 6.0.3 | |
| ✘ Firefox 20 | |
| ✓ Aurora 22 | |
| ? IE 10 | |
| */ |
oli
/ agnoster-oli.zsh-theme
Last active
February 27, 2019 07:40
Adding extra Git repo sugar to the ZSH agnoster theme (with Solarized)
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
| # vim:ft=zsh ts=2 sw=2 sts=2 | |
| # | |
| # agnoster's Theme - https://gist.github.com/3712874 | |
| # A Powerline-inspired theme for ZSH | |
| # | |
| # # README | |
| # | |
| # In order for this theme to render correctly, you will need a | |
| # [Powerline-patched font](https://github.com/Lokaltog/powerline-fonts). | |
| # |
oli
/ Horizontal rule style
Created
October 10, 2013 06:59
A minimal horizontal rule style for printing, despite browsers being incapable of printing a hairline
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
| /* Based on Glyph, by Harry Roberts */ | |
| /* http://css-tricks.com/simple-styles-for-horizontal-rules/ */ | |
| hr { | |
| height: 0; | |
| margin: 3em 0; | |
| padding: 0; | |
| border: none; | |
| border-top: 1px solid #999; | |
| text-align: center; |
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
| /* Does anyone transition Flexbox order yet? | |
| http://dev.w3.org/csswg/css-flexbox/#order-property */ | |
| /* ✘ Chrome 28 | |
| ✘ Safari 6.0.3 | |
| ✘ Firefox 20 | |
| ✓ Aurora 22 | |
| ? IE 10 | |
| */ |
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
| /* Is visible transitionable? | |
| Despite the spec it appears so | |
| http://dev.w3.org/csswg/css-box/#the-visibility-property */ | |
| .box { | |
| visibility: visible; | |
| transition: all 0.5s ease-out; | |
| width: 18em; | |
| min-height: 4em; | |
| padding: 0.75em 0; |
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
| /* Is visible transitionable? | |
| Despite the spec it appears so | |
| http://dev.w3.org/csswg/css-box/#the-visibility-property */ | |
| .box { | |
| visibility: visible; | |
| transition: all 0.5s ease-out; | |
| width: 18em; | |
| min-height: 4em; | |
| padding: 0.75em 0; |