Skip to content

Instantly share code, notes, and snippets.

View lisaq's full-sized avatar
👩‍💻
at work

Lisa Q lisaq

👩‍💻
at work
View GitHub Profile
@lisaq
lisaq / keybase.md
Last active February 22, 2018 10:40

Keybase proof

I hereby claim:

  • I am lisaq on github.
  • I am lisaquatmann (https://keybase.io/lisaquatmann) on keybase.
  • I have a public key ASA5GWc5Zz9DTREmRLFkR-C5squNzvHEJJ9QYXprs8RePQo

To claim this, I am signing this object:

@lisaq
lisaq / opacity-gradient-mixin.less
Created July 16, 2014 00:07
LESS mixin fo light to dark opacity background gradient
/* light to dark opacity background gradient */
.opacity-gradient (@opacityfrom:0, @opacityto:1) {
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(54,54,54,@opacityfrom)), color-stop(100%,rgba(54,54,54,@opacityto)));
background: -webkit-linear-gradient(left, rgba(54,54,54,@opacityfrom) 0%,rgba(54,54,54,@opacityto) 100%);
background: -moz-linear-gradient(left, rgba(54,54,54,@opacityfrom) 0%,rgba(54,54,54,@opacityto) 100%);
background: -ms-linear-gradient(left, rgba(54,54,54,@opacityfrom) 0%,rgba(54,54,54,@opacityto) 100%);
background: -o-linear-gradient(left, rgba(54,54,54,@opacityfrom) 0%,rgba(54,54,54,@opacityto) 100%);
background: linear-gradient(to right, rgba(54,54,54,@opacityfrom) 0%,rgba(54,54,54,@opacityto) 100%);
}
@lisaq
lisaq / inset-box-mixin.less
Created July 16, 2014 00:04
LESS mixin for a simple 3d inset box
/* makes a 3d inset box */
.inset-box-shadow {
-webkit-box-shadow: inset 2px 2px 2px #999;
-moz-box-shadow: inset 2px 2px 2px #999;
box-shadow: inset 2px 2px 2px #999;
}
@lisaq
lisaq / circle-mixin.less
Last active August 29, 2015 14:04
LESS mixin for text centered in a solid circle
/* centers text in a circle - input diameter of circle and color */
.circle (@diameter:50px,@color:#000) {
height: round(@diameter/2);
width: round(@diameter/2);
padding: round(@diameter/4);
font-size: round(@diameter/2);
line-height:1em;
.border-radius(50%);
text-align:center;
vertical-align:middle;