This file contains hidden or 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
require "autoprefixer-rails" | |
on_stylesheet_saved do |file| | |
css = File.read(file) | |
File.open(file, 'w') do |io| | |
io << AutoprefixerRails.process(css) | |
end | |
end |
This file contains hidden or 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
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; | |
} |
This file contains hidden or 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
body{ | |
background: #d2d1d0; /* Change this to suite project*/ | |
} | |
#box{ | |
background: #f4f4f4; | |
border: 1px solid #bbbbbb; | |
width: 200px; | |
height: 200px; | |
margin: 60px auto; | |
position: relative; |
This file contains hidden or 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
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; |
This file contains hidden or 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
h1 { | |
overflow: hidden; | |
text-align: center; | |
font-size: 1em; | |
} | |
h1:before, | |
h1:after { | |
border-top: 1px solid #000; | |
border-bottom: 1px solid #000; | |
content: ""; |