Skip to content

Instantly share code, notes, and snippets.

@yousufansa
Created December 3, 2020 11:49
Show Gist options
  • Save yousufansa/3612cfa791906f3e22ef581aabb32e2c to your computer and use it in GitHub Desktop.
Save yousufansa/3612cfa791906f3e22ef581aabb32e2c to your computer and use it in GitHub Desktop.
Tokoo - Product Categories Background Color Repeat After 12th Block
.home-product-categories .product-category:nth-child(12n+1)>a {
background-color: #f9dcd9;
}
.home-product-categories .product-category:nth-child(12n+1)>a:hover,
.home-product-categories .product-category:nth-child(12n+1)>a:focus {
background-color: #f2b3ad;
}
.home-product-categories .product-category:nth-child(12n+2)>a {
background-color: #e1e1e1;
}
.home-product-categories .product-category:nth-child(12n+2)>a:hover,
.home-product-categories .product-category:nth-child(12n+2)>a:focus {
background-color: #c8c7c7;
}
.home-product-categories .product-category:nth-child(12n+3)>a {
background-color: #c8dbe9;
}
.home-product-categories .product-category:nth-child(12n+3)>a:hover,
.home-product-categories .product-category:nth-child(12n+3)>a:focus {
background-color: #a4c3da;
}
.home-product-categories .product-category:nth-child(12n+4)>a {
background-color: #f9f8d9;
}
.home-product-categories .product-category:nth-child(12n+4)>a:hover,
.home-product-categories .product-category:nth-child(12n+4)>a:focus {
background-color: #f2f0ad;
}
.home-product-categories .product-category:nth-child(12n+5)>a {
background-color: #d5efe3;
}
.home-product-categories .product-category:nth-child(12n+5)>a:hover,
.home-product-categories .product-category:nth-child(12n+5)>a:focus {
background-color: #b0e1ca;
}
.home-product-categories .product-category:nth-child(12n+6)>a {
background-color: #f2e1d6;
}
.home-product-categories .product-category:nth-child(12n+6)>a:hover,
.home-product-categories .product-category:nth-child(12n+6)>a:focus {
background-color: #e6c5af;
}
.home-product-categories .product-category:nth-child(12n+7)>a {
background-color: #f7e9ec;
}
.home-product-categories .product-category:nth-child(12n+7)>a:hover,
.home-product-categories .product-category:nth-child(12n+7)>a:focus {
background-color: #e9c4cc;
}
.home-product-categories .product-category:nth-child(12n+8)>a {
background-color: #d1e0c9;
}
.home-product-categories .product-category:nth-child(12n+8)>a:hover,
.home-product-categories .product-category:nth-child(12n+8)>a:focus {
background-color: #b5cda9;
}
.home-product-categories .product-category:nth-child(12n+9)>a {
background-color: #c3d9f7;
}
.home-product-categories .product-category:nth-child(12n+9)>a:hover,
.home-product-categories .product-category:nth-child(12n+9)>a:focus {
background-color: #96bdf1;
}
.home-product-categories .product-category:nth-child(12n+10)>a {
background-color: #e7cfcf;
}
.home-product-categories .product-category:nth-child(12n+10)>a:hover,
.home-product-categories .product-category:nth-child(12n+10)>a:focus {
background-color: #d6adad;
}
.home-product-categories .product-category:nth-child(12n+11)>a {
background-color: #d9f9f2;
}
.home-product-categories .product-category:nth-child(12n+11)>a:hover,
.home-product-categories .product-category:nth-child(12n+11)>a:focus {
background-color: #adf2e3;
}
.home-product-categories .product-category:nth-child(12n+12)>a {
background-color: #faf0cd;
}
.home-product-categories .product-category:nth-child(12n+12)>a:hover,
.home-product-categories .product-category:nth-child(12n+12)>a:focus {
background-color: #f5e29f;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment