Skip to content

Instantly share code, notes, and snippets.

@syahrasi
syahrasi / map-settings-input-HTML.html
Last active December 30, 2015 10:49
Generated by SassMeister.com.
<div class=test>
<p>this is a test block</p>
</div>
@function scale($start, $length, $ratio) {
$scales: ($start);
@for $i from 1 through $length {
$scales: append($scales, ceil((nth($scales, length($scales))) * $ratio));
}
@return $scales;
}
div {
width: 300px;
padding: 10px;
}
input["text"] {
width: 100%;
padding: 5px 0;
text-indent: 5px;
}
<html>
<head>
<title>Circle</title>
<style>
.spinner {
margin: 100px auto;
width: 20px;
height: 20px;
position: relative;
}
@syahrasi
syahrasi / spinner-input-HTML.haml
Last active January 1, 2016 04:19
Generated by SassMeister.com.
.spinners
- 12.times do |i|
%div{:class => "spinner-#{i+1}"}
@syahrasi
syahrasi / Gemfile
Created January 2, 2014 06:34
Rack-livereload with Sinatra
group :development, :test do
gem "guard-livereload"
gem "rack-livereload"
end
@syahrasi
syahrasi / Gemfile
Created January 2, 2014 06:36 — forked from tuomasj/Gemfile
Sinatra Setup w/ Rack-livereload and Guard
source "https://rubygems.org"
gem 'guard'
gem 'guard-livereload'
gem 'rack-livereload'
echo 'export PATH=$HOME/local/bin:$PATH' >> ~/.bashrc
. ~/.bashrc
mkdir ~/local
mkdir ~/node-latest-install
cd ~/node-latest-install
curl http://nodejs.org/dist/node-latest.tar.gz | tar xz --strip-components=1
./configure --prefix=~/local
make install # ok, fine, this step probably takes more than 30 seconds...
curl https://npmjs.org/install.sh | sh
/*
Colors from http://flatuicolors.com/
*/
//green
$turquoise : #1abc9c;
$emerald : #2ecc71;
$green_sea : #16a085;
@syahrasi
syahrasi / flatuicolors-input-HTML.html
Last active January 2, 2016 11:19
Flat UI Colors
<h1 class="emerald bg-midnight_blue">Lorem ipsum dolor sit amet</h1>