CSS flexbox framework

Here’s a simple CSS flexbox framework that I compiled for personal use .flex { display: flex; } .flex-inline { display: inline-flex; } .flex-row { flex-direction: row; } .flex-column { flex-direction: column; } .flex-row-reverse { flex-direction: row-reverse; } .flex-column-reverse { flex-direction: column-reverse; } .flex-nowrap { flex-wrap: nowrap; } .flex-wrap { flex-wrap: wrap; } .flex-wrap-reverse { flex-wrap: […]

Read More »
MaterializeCSS colors extract

Here is an extract of the materializecss color pallet. Each of these colors is defined with a base color class and an optional lighten or darken class. I’ve just extracted this from the official materialize.css file. Full version: /* * Type: CSS * Extracted by: Aashik * URL: https://errorlog.in * Materialize v0.100.2 (http://materializecss.com) * Copyright […]

Read More »
Simple CSS ONLY donate button

Here’s a simple CSS only donate button. You can use it to style your PayPal or any other donation links. CSS /* Donate button */ .el-donate { text-align: center; margin: 1rem 0 0.5rem 0; } .el-donate a { font-size: 1em; padding: 0.4rem 0.7rem; background: #009BC9; border: 2px solid #1b85a6; border-radius: 3px; color: #01485e !important; text-shadow: […]

Read More »
Remove background from Google AdSense

If you’re having issues with Google Adsense being displayed with a background, especially when you selected a white/specific background, it is because of the styling in your theme. This is because of styling for the ins tags in your stylesheet. Google inserts the ads in your website using the ins tag. In order to get […]

Read More »
MaterializeCSS Grid extract – 12 grid system with 12 additional offset

Here’s the grid extract from materializecss for those having difficulty using sass. I’ve also included 12 additional offsets for ease of use. Basically offset5 would mean an of Gridof 0.5 Grid, and offset55 would mean an offset of 5.5 Grids. I’ve place a minified and un-minified version of both. Feel free to use. Full version: […]

Read More »