Skip to content

Instantly share code, notes, and snippets.

@markleyland
markleyland / autoprefixer-config.rb
Last active August 29, 2015 14:13
Autoprefixer config.rb require
require "autoprefixer-rails"
on_stylesheet_saved do |file|
css = File.read(file)
File.open(file, 'w') do |io|
io << AutoprefixerRails.process(css)
end
end
input {
height: 34px;
width: 100%;
border-radius: 3px;
border: 1px solid transparent;
border-top: none;
border-bottom: 1px solid #DDD;
box-shadow: inset 0 1px 2px rgba(0,0,0,.39), 0 -1px 1px #FFF, 0 1px 0 #FFF;
}
@markleyland
markleyland / CSS:multi-coloured-borders
Created April 30, 2014 19:53
CSS:multi-coloured-borders
body{
background: #d2d1d0; /* Change this to suite project*/
}
#box{
background: #f4f4f4;
border: 1px solid #bbbbbb;
width: 200px;
height: 200px;
margin: 60px auto;
position: relative;
@markleyland
markleyland / CSS:hr-glyph
Created April 30, 2014 19:23
CSS:hr-glyph
hr.style-eight {
padding: 0;
border: none;
border-top: medium double #333;
color: #333;
text-align: center;
}
hr.style-eight:after {
content: "§";
display: inline-block;
@markleyland
markleyland / CSS:lines-on-sides
Created April 30, 2014 19:14
CSS: Lines On Sides
h1 {
overflow: hidden;
text-align: center;
font-size: 1em;
}
h1:before,
h1:after {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
content: "";