Skip to content

Instantly share code, notes, and snippets.

View Shridhad's full-sized avatar
:octocat:

Shridhar Deshmukh Shridhad

:octocat:
View GitHub Profile
@Shridhad
Shridhad / dabblet.css
Created October 21, 2012 07:36
Untitled
div {
padding: 2px 5px;
margin: 2px;
background: red;
}
.div {
background: black;
}
@Shridhad
Shridhad / dabblet.css
Created October 21, 2012 10:10
Untitled
div {
padding: 5px;
margin: 2px;
background: black;
}
.one {
background: red;
display: run-in;
padding: 0px;
@Shridhad
Shridhad / dabblet.css
Created October 22, 2012 06:07
Untitled
.container {
color: white;
background: black;
}
h4 {
background: red;
display: inline-block;
margin: 0px;
padding: 5px;
@Shridhad
Shridhad / dabblet.css
Created October 22, 2012 11:37
Untitled
div {
background: black;
padding: 5px;
margin: 10px;
color: white;
}
.one {
background: red;
display: run-in;
@Shridhad
Shridhad / dabblet.css
Created October 22, 2012 11:51
Untitled
.container {
width: 600px;
height: 300px;
position: relative;
}
.top, .bottom {
position: absolute;
width: 100%;
}
@Shridhad
Shridhad / linear-gradient.scss
Created December 11, 2012 06:37 — forked from jmblog/linear-gradient.scss
linear-gradient.scss
$css3-ie-support: 0 !default;
@mixin linear-gradient($topColor, $bottomColor) {
background-image: -moz-linear-gradient(top, $topColor, $bottomColor);
background-image: -webkit-gradient(linear, left top, left bottom, from($topColor), to($bottomColor));
// If you set the output style as "compressed", it doesn't work well...
@if $css3-ie-support == 1 {
$ieTopColor: rgb(red($topColor), green($topColor), blue($topColor));
$ieBottomColor: rgb(red($bottomColor), green($bottomColor), blue($bottomColor));
@Shridhad
Shridhad / dabblet.css
Created December 13, 2012 15:21
Untitled
.container {
width: 400px;
height: 500px;
background: #234234;
display: table;
margin: 10px auto;
transform: rotate(90deg);
}
.container div {
border: 1px solid red;
/*
Copyright (c) 2011 Damien Antipa, http://www.nethead.at/, http://damien.antipa.at
Permission is hereby granted, free of charge, to any person obtaining
a copy of this software and associated documentation files (the
"Software"), to deal in the Software without restriction, including
without limitation the rights to use, copy, modify, merge, publish,
distribute, sublicense, and/or sell copies of the Software, and to
permit persons to whom the Software is furnished to do so, subject to
the following conditions:
@Shridhad
Shridhad / index.html
Created March 27, 2013 16:06
A CodePen by Adam. Tear-able Cloth - Javascript cloth simulation.
<canvas id = "c" > </canvas>
<p>
Tear the cloth with your mouse.<br><br>
Right click and drag to cut the cloth.<br><br>
Reduce physics_accuracy if it's laggy, increase it for a better effect.
</p>
@Shridhad
Shridhad / AndroidStyleTextInput
Created March 31, 2013 18:05
CSS for android-style text input
hr.android-style-text-input {
height: 10px;
border-color: #fff;
border-style: solid;
border-top-width: 0px;
}