Oli Studholme oli

View agnoster-oli.zsh-theme
1 2 3 4 5 6 7 8 9 10
# Git: branch/detached head, dirty status
prompt_git() {
local ref dirty
if $(git rev-parse --is-inside-work-tree >/dev/null 2>&1); then
ZSH_THEME_GIT_PROMPT_DIRTY='±'
# 2013-11-19 add remote status
# ref: https://github.com/somacreates/etc/blob/master/agnoster.zsh-theme
ZSH_THEME_GIT_PROMPT_AHEAD_REMOTE="↑"
ZSH_THEME_GIT_PROMPT_BEHIND_REMOTE="↓"
ZSH_THEME_GIT_PROMPT_DIVERGED_REMOTE="↕"
View Horizontal rule style
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
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
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
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
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
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
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
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;
View dabblet.css
1 2 3 4 5 6 7 8 9 10
/* Comparing transitions of RGB(a) and HSL(a) colors */
/* There should be two boxes per row during transition, not three/four */
.wrapper {
min-height: 100%;
}
h1 {
font-weight: normal;
font-size: 1.5em;
}
.wrapper div {
Something went wrong with that request. Please try again.