Skip to content

Instantly share code, notes, and snippets.

View AakashRao-dev's full-sized avatar
🏃
Getting Cracked...

Aakash Rao AakashRao-dev

🏃
Getting Cracked...
379 followers · 46 following
View GitHub Profile
@AakashRao-dev
AakashRao-dev / README.md
Created February 28, 2024 13:47 — forked from lopspower/README.md
Hexadecimal color code for transparency

Hexadecimal color code for transparency

Twitter

How to set transparency with hex value ?

For example, you want to set 40% alpha transparence to #000000 (black color), you need to add 66 like this #66000000.

Download This sample on Google Play Store

@AakashRao-dev
AakashRao-dev / main.css
Created July 31, 2023 07:56
Custom CSS For Minimal Theme Extension
/*--
- Minimal Theme for Twitter - https://typefully.com/minimal-twitter
- Licensed under the MIT license - https://github.com/typefully/minimal-twitter/blob/main/LICENSE
- Copyright (c) 2022 Mailbrew Inc.
--*/
/* Remove Promoted Posts */
/* Keep article combinator or it will remove all videos as well */
[data-testid='placementTracking'] article,
a[href*='quick_promote_web'] {
@AakashRao-dev
AakashRao-dev / index.html
Created February 28, 2023 15:56
Optimised CSS Code example
<!DOCTYPE html>
<html>
<head>
<title>Redundant CSS Example</title>
<link rel="stylesheet" href="./styles.css" />
</head>
<body>
<div class="container">
<div class="toggle-1">
<div class="indicator-1"></div>
@AakashRao-dev
AakashRao-dev / index.html
Created February 28, 2023 15:52
Redundant CSS Code Example
<!DOCTYPE html>
<html>
<head>
<title>Redundant CSS Example</title>
<link rel="stylesheet" href="./styles.css" />
</head>
<body>
<div class="container">
<div class="toggle-1">
<div class="indicator-1"></div>
@AakashRao-dev
AakashRao-dev / index.html
Created February 19, 2023 06:42
Coverage tab sample code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./css/style.css" />
<title>CSS is Fun 😀</title>
</head>
<body>
@AakashRao-dev
AakashRao-dev / sassas.md
Created January 14, 2023 15:17 — forked from AdamMarsden/sassas.md
Sass Architecture Structure

Sass Architecture Structure

sass/
|
|– base/
|   |– _reset.scss       # Reset/normalize
|   |– _typography.scss  # Typography rules
|   ...                  # Etc…
|
@AakashRao-dev
AakashRao-dev / index.html
Created January 8, 2023 15:27
Using min(), max() and clamp() to set gap between grid items
<div class="container">
<div class="min-container">
<h2>Applying min() to set gap</h2>
<div>Item-1</div>
<div>Item-2</div>
<div>Item-3</div>
<div>Item-4</div>
<div>Item-5</div>
</div>
@AakashRao-dev
AakashRao-dev / index.html
Created January 7, 2023 19:04
Example of using spacer component
<div class="container">
<div class="spacer"></div>
<h1>Using Spacer Component to add margin</h1>
<div class="spacer"></div>
<section class="section">
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. In ipsa rem laudantium omnis, unde laborum sapiente temporibus. Commodi quam ducimus alias dicta quisquam natus exercitationem quidem, qui atque eligendi quo!</p>
</section>
<div class="spacer"></div>
<section class="section">
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. In ipsa rem laudantium omnis, unde laborum sapiente temporibus. Commodi quam ducimus alias dicta quisquam natus exercitationem quidem, qui atque eligendi quo!</p>
@AakashRao-dev
AakashRao-dev / index.html
Last active January 8, 2023 12:53
Using Abstracted Components
<div class="container">
<h2>Normal Buttons</h2>
<button class="button">Send the mail</button>
<button class="button">Remove changes</button>
<h2>Using Abstracted components</h2>
<div class="button__container">
<div class="button__item">
<button class="button">Send the mail</button>
</div>
@AakashRao-dev
AakashRao-dev / index.html
Created January 7, 2023 15:28
Margin Collapsing in CSS
<div class="container">
<h1>Margin collapsing in CSS</h1>
<!-- Normal container -->
<div class="sub-container">
<div class="box-normal">
<h2>Normal Container</h2>
<p class="first-para">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eaque illo quod praesentium porro hic voluptatibus ex consequatur. Nam, quisquam excepturi.</p>
<p class="second-para">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eaque illo quod praesentium porro hic voluptatibus ex consequatur. Nam, quisquam excepturi.</p>
</div>