Oli Studholme oli


    
    View dabblet.css 
  
  
    File suppressed. Click to show.
  
  
            1
            2
            3
            4
            5
            6
            7
            8
            9
          
          
            /* 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
*/

          
    View agnoster-oli.zsh-theme 
  
  
    File suppressed. Click to show.
  
  
            1
            2
            3
            4
            5
            6
            7
            8
            9
            10
          
          
            # 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).
#

          
    View Horizontal rule style 
  
  
    File suppressed. Click to show.
  
  
            1
            2
            3
            4
            5
            6
            7
            8
            9
            10
          
          
            /* 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;

          
    View dabblet.css 
  
  
    File suppressed. Click to show.
  
  
            1
            2
            3
            4
            5
            6
            7
            8
            9
          
          
            /* 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
*/

          
    View dabblet.css 
  
  
    File suppressed. Click to show.
  
  
            1
            2
            3
            4
            5
            6
            7
            8
            9
            10
          
          
            /* 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;

          
    View dabblet.css 
  
  
    File suppressed. Click to show.
  
  
            1
            2
            3
            4
            5
            6
            7
            8
            9
            10
          
          
            /* 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;

          
    View dabblet.css 
  
  
    File suppressed. Click to show.
  
  
            1
            2
            3
            4
            5
            6
            7
            8
            9
            10
          
          
            /* animating background colors
   color animation happens in RGBa space, so you can’t e.g. animate from hsl(0,50%,45%) to hsl(360,50%,45%) to get every color */
 
body {
background: #f06;
animation: bg alternate 10s infinite;
min-height: 100%;
}
@keyframes bg {
  0% {background: rgb(172, 57, 57);}

          
    View dabblet.css 
  
  
    File suppressed. Click to show.
  
  
            1
            2
            3
            4
            5
            6
            7
            8
            9
          
          
            /* background-size: cover */
 
body {
	background: url("http://placekitten.com/150/200/") no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

          
    View dabblet.css 
  
  
    File suppressed. Click to show.
  
  
            1
            2
            3
            4
            5
            6
            7
            8
            9
          
          
            /* background-size: cover */
 
body {
	background: url("http://placekitten.com/150/200/") no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

          
    View dabblet.css 
  
  
    File suppressed. Click to show.
  
  
            1
            2
            3
            4
            5
            6
            7
            8
            9
            10
          
          
            /**
 * AppStore Badge with SVG and fallback to png
 */
 
.b-download__app-store-badge {
	display: inline-block;
	background: url('http://www.leechy.ru/inn/appstore-en.png') no-repeat;
	background: none, url('http://www.leechy.ru/inn/appstore-en.svg') no-repeat;
	background-size: 100% 100%;
	width: 135px;