Aakash Rao AakashRao-dev

Sass Architecture Structure

sass/
|
|– base/
|   |– _reset.scss       # Reset/normalize
|   |– _typography.scss  # Typography rules
|   ...                  # Etc…
|

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

	<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>

	<!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>

	<!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>

	<!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>

	/*--
	- 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'] {