From 56816d15f82cbb30180d10622869caad5ddae108 Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Fri, 10 Dec 2021 00:28:53 +0100
Subject: [PATCH] Add OOCSS content

---
 .../content/108-css-architecture/101-oocss.md             | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/content/roadmaps/100-frontend/content/108-css-architecture/101-oocss.md b/content/roadmaps/100-frontend/content/108-css-architecture/101-oocss.md
index c89fd9ccc..fa240338b 100644
--- a/content/roadmaps/100-frontend/content/108-css-architecture/101-oocss.md
+++ b/content/roadmaps/100-frontend/content/108-css-architecture/101-oocss.md
@@ -1 +1,7 @@
-# Oocss
\ No newline at end of file
+# OOCSS
+
+As with any object-based coding method, the purpose of OOCSS or Object Oriented CSS is to encourage code reuse and, ultimately, faster and more efficient stylesheets that are easier to add to and maintain.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Website' href='http://oocss.org/'>OOCSS Official Website</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.smashingmagazine.com/2011/12/an-introduction-to-object-oriented-css-oocss/'>Introduction to Object Oriented CSS</BadgeLink>