Skip to content

Instantly share code, notes, and snippets.

@tessalt
tessalt / tabs.html
Last active December 12, 2023 06:27
simple tabs
<ul class="tabs">
<li><a href="#tab1" class="active">Tab 1</a></li>
<li><a href="#tab2">Tab 2</a></li>
</ul>
<div class="tab active" id="tab1">
<!-- tab 1 content -->
</div>
<div class="tab" id="tab2">
<!-- tab 1 content -->
</div>
@tessalt
tessalt / rb.sh
Created October 17, 2019 16:36
rb.sh
alias rb="git for-each-ref --sort=committerdate refs/heads/ --format='%(HEAD) %(color:yellow)%(refname:short)%(color:reset) - %(color:red)%(objectname:short)%(color:reset) - %(contents:subject) - %(authorname) (%(color:green)%(committerdate:relative)%(color:reset))'"

Keybase proof

I hereby claim:

  • I am tessalt on github.
  • I am tessalt (https://keybase.io/tessalt) on keybase.
  • I have a public key ASAIfcTlATnQra_dZ1Ba3dXm0_VlODEHx1-_QePQaGJ95Ao

To claim this, I am signing this object:

Keybase proof

I hereby claim:

  • I am tessalt on github.
  • I am tessalt (https://keybase.io/tessalt) on keybase.
  • I have a public key ASAIfcTlATnQra_dZ1Ba3dXm0_VlODEHx1-_QePQaGJ95Ao

To claim this, I am signing this object:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Test: Product</title>
</head>
<body>
<script data-shopify-buy-ui>
(function () {
.ico-flag-australia:before {
background-position: 0px top;
}
.ico-flag-brazil:before {
background-position: -16px top;
}
.ico-flag-canada:before {
background-position: -32px top;
@for $i from 1 through length($countries) {
$country: nth($countries, $i);
.ico-flag-#{$country} {
@include flag-sprite($i);
}
}
@mixin flag-sprite($offset) {
$offset: $offset - 1;
&:before {
background-position: 16px*-$offset top;
}
}
@for $i from 1 through length($countries) {
$country: nth($countries, $i);
.ico-flag-#{$country} {
}
}
@each $country in $countries {
//do something with $country
}