Skip to content

Instantly share code, notes, and snippets.

View idrakimuhamad's full-sized avatar

Idraki Muhamad idrakimuhamad

7 followers · 5 following
View GitHub Profile
@idrakimuhamad
idrakimuhamad / material-design-shadow.scss
Last active August 29, 2015 14:14
/* Original is in LESS and can be found here: https://gist.github.com/gefangenimnetz/3ef3e18364edf105c5af */
@mixin material-shadow($level:1){
@if $level == 1 {
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
@else if $level == 2 {
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
@idrakimuhamad
idrakimuhamad / paypal-js-button.css
Last active January 2, 2016 08:59
Example of creating PayPal button dynamically and getting the amount from user input using their PayPal Button JS.
body {
background: #DADADA;
font-size : 16px;
}
#price {
background: #DADADA;
padding : .5em;
border: 2px solid rgba(0,0,0, .35);
margin-right: 1em;
@idrakimuhamad
idrakimuhamad / index.html
Created December 14, 2012 07:49
Invoice template for BIZY.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Invoice</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="print_batch">
@idrakimuhamad
idrakimuhamad / dabblet.css
Created July 29, 2012 16:20
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
.post-container {
width: 200px;
background-image: url('http://dl.dropbox.com/u/19076481/PIC/example/border5.png');
padding: 6px;
}
.post {
background: #fff;
@idrakimuhamad
idrakimuhamad / dabblet.css
Created July 29, 2012 16:20
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.post-container {
@idrakimuhamad
idrakimuhamad / post.css
Created July 29, 2012 16:14
Post Container
.post-container {
width: 200px;
background-image: url('http://dl.dropbox.com/u/19076481/PIC/example/border5.png');
padding: 6px;
}
.post {
background: #fff;
padding: 6px;
}​
@idrakimuhamad
idrakimuhamad / dabblet.css
Created February 27, 2012 15:45
Fade in animation from Path Web App. Save for revision.
/**
* Fade in animation from Path Web App. Save for revision.
*/
.m {
width: 500px;
height: 350px;
background: #f0f0f0;
margin: 0 auto;
border: 1px solid #ddd;
animation: fade-moment-in .5s ease-out;
@idrakimuhamad
idrakimuhamad / dabblet.css
Created February 2, 2012 04:32
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
body {
background: #f0f0f0;
background: linear-gradient(45deg, #f0f0f0, #aaa);
min-height:100%;
}
.tm {
width: 400px;