Skip to content

Instantly share code, notes, and snippets.

View jasonheecs's full-sized avatar

Jason Hee jasonheecs

61 followers · 5 following
View GitHub Profile
@jasonheecs
jasonheecs / custom.scss
Last active March 1, 2016 03:38
Nice border color and box-shadow effect
$border-shadow-color: generate-border-shadow-color($color-primary);
.input-element {
border-color: $color-primary;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba($border-shadow-color, 0.6);
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s
}
@function generate-border-shadow-color($input-color) {
@return lighten(saturate(adjust-hue($input-color, -0.2273), 23.6585), 14.9020)
}
@jasonheecs
jasonheecs / _css-spinners.md
Created January 25, 2016 08:59 — forked from richardkundl/_css-spinners.md
CSS spinners

CSS spinners

  • Leanest spinner
  • Circle spinner
  • Bidimensional spinner
@jasonheecs
jasonheecs / README.markdown
Created January 14, 2016 10:38 — forked from marijn/README.markdown
List of nationalities in YAML, CSV and TXT format

List of nationalities

It's time someone compiled a list of nationalities to use within a web application. This gist attempts to make a first move at that.

##List of countries

I've also compiled a list of countries

@jasonheecs
jasonheecs / Responsive Table CSS
Last active December 29, 2015 09:44
Basic CSS Styling to make a table responsive
$breakpoint-medium: 768px;
.responsiveTable {
thead tr {
position: absolute;
top: -9999px;
left: -9999px;
@media screen and (min-width: $breakpoint-medium) {
position: static;
@jasonheecs
jasonheecs / inset_input.css
Last active August 29, 2015 14:10 — forked from nrrrdcore/inset_input.css
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;
}
@jasonheecs
jasonheecs / LEEeXJ.markdown
Last active August 29, 2015 14:10 — forked from anonymous/LEEeXJ.markdown