{"id":13347,"date":"2024-02-22T15:14:54","date_gmt":"2024-02-22T12:14:54","guid":{"rendered":"http:\/\/local.brightwhiz\/?p=13347"},"modified":"2024-02-22T15:14:55","modified_gmt":"2024-02-22T12:14:55","slug":"scss-vs-sass-understanding-the-key-differences","status":"publish","type":"post","link":"http:\/\/local.brightwhiz\/scss-vs-sass-understanding-the-key-differences\/","title":{"rendered":"SCSS vs. Sass: Understanding the Key Differences"},"content":{"rendered":"\n<p>In the world of web development, cascading style sheets (CSS) are the go-to language for defining the layout and design of web pages. However, working directly with raw CSS can be cumbersome and inefficient for larger projects. This is where preprocessors like Sass (Syntactically Awesome Style Sheets) come into play. While Sass itself is a well-known <a href=\"http:\/\/local.brightwhiz\/tag\/css\">CSS <\/a>preprocessor, there are two primary syntax&#8217;s available: SCSS and the original Sass syntax. In this blog post, we&#8217;ll explore the differences between SCSS and Sass, helping you understand when and why you might choose one over the other.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>What is Sass?<\/strong><\/h2>\n\n\n\n<p>Sass, or Syntactically Awesome Style Sheets, is a CSS preprocessor language that extends the capabilities of plain CSS. It introduces various features and shortcuts to make writing and maintaining stylesheets more efficient and organized. Instead of writing plain CSS, you write Sass code, which is then compiled into standard CSS before being used in a web project.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>SCSS (Sassy CSS)<\/strong><\/h2>\n\n\n\n<p>SCSS, short for Sassy CSS, is one of the two main syntaxes of Sass, and it&#8217;s the most widely used. SCSS syntax is an extension of the standard CSS syntax with a few additional features. Here are the key characteristics of SCSS:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>1. Syntax:<\/strong><\/h3>\n\n\n\n<ul>\n<li>SCSS uses a CSS-like syntax, making it more accessible for developers who are already familiar with CSS.<\/li>\n\n\n\n<li>It uses curly braces <code>{}<\/code> to define rules and semicolons <code>;<\/code> to separate declarations, similar to standard CSS.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>2. Indentation:<\/strong><\/h3>\n\n\n\n<ul>\n<li>SCSS uses indentation for nesting, which is optional and primarily for improved readability.<\/li>\n\n\n\n<li>Nesting allows you to group related styles, making your code more organized.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>3. File Extension:<\/strong><\/h3>\n\n\n\n<ul>\n<li>SCSS files have the <code>.scss<\/code> file extension.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>4. Compatibility:<\/strong><\/h3>\n\n\n\n<ul>\n<li>SCSS is more compatible with existing CSS, which means you can easily convert a CSS file into SCSS by renaming the file and changing the syntax.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Example:<\/strong><\/h3>\n\n\n\n<pre class=\"wp-block-prismatic-blocks\"><code class=\"language-\">$primary-color: #3498db; .button { background-color: $primary-color; &amp;:hover { background-color: darken($primary-color, 10%); } }<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Sass (Indented Syntax)<\/strong><\/h2>\n\n\n\n<p>The original Sass syntax, also known as the indented syntax or simply &#8220;Sass,&#8221; uses a more minimalistic and indentation-based approach. Here are the key characteristics of Sass:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>1. Syntax:<\/strong><\/h3>\n\n\n\n<ul>\n<li>Sass uses indentation for nesting, similar to other indentation-based languages like Python.<\/li>\n\n\n\n<li>It omits curly braces <code>{}<\/code> and semicolons <code>;<\/code>, which can make the code look cleaner but may be less familiar to developers used to CSS.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>2. Indentation:<\/strong><\/h3>\n\n\n\n<ul>\n<li>Indentation is mandatory in Sass and is used to indicate nesting levels.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>3. File Extension:<\/strong><\/h3>\n\n\n\n<ul>\n<li>Sass files have the <code>.sass<\/code> file extension.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>4. Compatibility:<\/strong><\/h3>\n\n\n\n<ul>\n<li>Sass is less compatible with standard CSS, and converting CSS to Sass may require more significant syntax changes.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Example:<\/strong><\/h3>\n\n\n\n<pre class=\"wp-block-prismatic-blocks\"><code class=\"language-\">$primary-color: #3498db .button background-color: $primary-color &amp;:hover background-color: darken($primary-color, 10%)<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Choosing Between SCSS and Sass<\/strong><\/h2>\n\n\n\n<p>The choice between SCSS and Sass depends on your personal preference and project requirements. Here are some factors to consider when making your decision:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>1. Familiarity:<\/strong><\/h3>\n\n\n\n<ul>\n<li>If you are already comfortable with standard CSS, SCSS might be the more natural choice due to its CSS-like syntax.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>2. Readability:<\/strong><\/h3>\n\n\n\n<ul>\n<li>Some developers find SCSS&#8217;s use of curly braces and semicolons more readable and familiar. If you value code readability, SCSS may be your preference.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>3. Conversion:<\/strong><\/h3>\n\n\n\n<ul>\n<li>If you have an existing CSS codebase that you want to migrate to a Sass-based workflow, SCSS is typically easier to adopt due to its compatibility with CSS.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>4. Minimalism:<\/strong><\/h3>\n\n\n\n<ul>\n<li>If you prefer a more minimalist syntax and are willing to work with stricter indentation rules, Sass might be a more attractive option.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Conclusion<\/strong><\/h2>\n\n\n\n<p>SCSS and Sass are both powerful CSS preprocessors that can significantly improve your development workflow. While SCSS is more widely adopted and compatible with standard CSS, Sass offers a cleaner, more minimalistic syntax. The choice between the two comes down to your personal preferences, your existing codebase, and your willingness to adapt to a specific syntax. Ultimately, both SCSS and Sass aim to make writing and maintaining stylesheets more efficient and enjoyable for web developers.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In the world of web development, cascading style sheets (CSS) are the go-to language for defining the layout and design of web pages. However, working directly with raw CSS can&#8230;<\/p>\n","protected":false},"author":1,"featured_media":13753,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2,27,16,17,1272],"tags":[170,433,449,635,636,637,643],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>SCSS vs. Sass: Understanding the Key Differences<\/title>\n<meta name=\"description\" content=\"This is the ultimate guide for those who want to know the key differences between SCSS vs. Sass in web applications\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/local.brightwhiz\/scss-vs-sass-understanding-the-key-differences\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"SCSS vs. Sass: Understanding the Key Differences\" \/>\n<meta property=\"og:description\" content=\"This is the ultimate guide for those who want to know the key differences between SCSS vs. Sass in web applications\" \/>\n<meta property=\"og:url\" content=\"http:\/\/local.brightwhiz\/scss-vs-sass-understanding-the-key-differences\/\" \/>\n<meta property=\"og:site_name\" content=\"Brightwhiz.com\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/brightwhiz\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-02-22T12:14:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-02-22T12:14:55+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/local.brightwhiz\/wp-content\/uploads\/2023\/12\/SCSS-vs.-Sass.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"680\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Michael Bright\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@brightwhizmag\" \/>\n<meta name=\"twitter:site\" content=\"@brightwhizmag\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Michael Bright\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"http:\/\/local.brightwhiz\/scss-vs-sass-understanding-the-key-differences\/#article\",\"isPartOf\":{\"@id\":\"http:\/\/local.brightwhiz\/scss-vs-sass-understanding-the-key-differences\/\"},\"author\":{\"name\":\"Michael Bright\",\"@id\":\"http:\/\/local.brightwhiz\/#\/schema\/person\/81f0f3126f13834ae2e7f381b3028e32\"},\"headline\":\"SCSS vs. Sass: Understanding the Key Differences\",\"datePublished\":\"2024-02-22T12:14:54+00:00\",\"dateModified\":\"2024-02-22T12:14:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"http:\/\/local.brightwhiz\/scss-vs-sass-understanding-the-key-differences\/\"},\"wordCount\":618,\"commentCount\":0,\"publisher\":{\"@id\":\"http:\/\/local.brightwhiz\/#organization\"},\"image\":{\"@id\":\"http:\/\/local.brightwhiz\/scss-vs-sass-understanding-the-key-differences\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/local.brightwhiz\/wp-content\/uploads\/2023\/12\/SCSS-vs.-Sass.jpg\",\"keywords\":[\"CSS\",\"Optimization\",\"Performance\",\"Web\",\"Web Applications\",\"Web Design\",\"Websites\"],\"articleSection\":[\"Articles\",\"Programming\",\"Technology\",\"Tips\",\"Versus\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"http:\/\/local.brightwhiz\/scss-vs-sass-understanding-the-key-differences\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"http:\/\/local.brightwhiz\/scss-vs-sass-understanding-the-key-differences\/\",\"url\":\"http:\/\/local.brightwhiz\/scss-vs-sass-understanding-the-key-differences\/\",\"name\":\"SCSS vs. Sass: Understanding the Key Differences\",\"isPartOf\":{\"@id\":\"http:\/\/local.brightwhiz\/#website\"},\"primaryImageOfPage\":{\"@id\":\"http:\/\/local.brightwhiz\/scss-vs-sass-understanding-the-key-differences\/#primaryimage\"},\"image\":{\"@id\":\"http:\/\/local.brightwhiz\/scss-vs-sass-understanding-the-key-differences\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/local.brightwhiz\/wp-content\/uploads\/2023\/12\/SCSS-vs.-Sass.jpg\",\"datePublished\":\"2024-02-22T12:14:54+00:00\",\"dateModified\":\"2024-02-22T12:14:55+00:00\",\"description\":\"This is the ultimate guide for those who want to know the key differences between SCSS vs. Sass in web applications\",\"breadcrumb\":{\"@id\":\"http:\/\/local.brightwhiz\/scss-vs-sass-understanding-the-key-differences\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\/\/local.brightwhiz\/scss-vs-sass-understanding-the-key-differences\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http:\/\/local.brightwhiz\/scss-vs-sass-understanding-the-key-differences\/#primaryimage\",\"url\":\"http:\/\/local.brightwhiz\/wp-content\/uploads\/2023\/12\/SCSS-vs.-Sass.jpg\",\"contentUrl\":\"http:\/\/local.brightwhiz\/wp-content\/uploads\/2023\/12\/SCSS-vs.-Sass.jpg\",\"width\":1280,\"height\":680,\"caption\":\"SCSS vs. Sass\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"http:\/\/local.brightwhiz\/scss-vs-sass-understanding-the-key-differences\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"http:\/\/local.brightwhiz\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"SCSS vs. Sass: Understanding the Key Differences\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\/\/local.brightwhiz\/#website\",\"url\":\"http:\/\/local.brightwhiz\/\",\"name\":\"Brightwhiz.com\",\"description\":\"Best Tech guides, Tutorials, and News\",\"publisher\":{\"@id\":\"http:\/\/local.brightwhiz\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\/\/local.brightwhiz\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"http:\/\/local.brightwhiz\/#organization\",\"name\":\"Brightwhiz\",\"url\":\"http:\/\/local.brightwhiz\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http:\/\/local.brightwhiz\/#\/schema\/logo\/image\/\",\"url\":\"http:\/\/local.brightwhiz\/wp-content\/uploads\/2021\/11\/brightwhiz-com-logo-orange.png\",\"contentUrl\":\"http:\/\/local.brightwhiz\/wp-content\/uploads\/2021\/11\/brightwhiz-com-logo-orange.png\",\"width\":706,\"height\":135,\"caption\":\"Brightwhiz\"},\"image\":{\"@id\":\"http:\/\/local.brightwhiz\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/brightwhiz\/\",\"https:\/\/twitter.com\/brightwhizmag\",\"https:\/\/instagram.com\/bright_whiz\/\",\"https:\/\/www.pinterest.com\/sobbayi\/\",\"https:\/\/www.youtube.com\/channel\/UC6sCdP_d_RiTIM7ErFT-PSQ\"]},{\"@type\":\"Person\",\"@id\":\"http:\/\/local.brightwhiz\/#\/schema\/person\/81f0f3126f13834ae2e7f381b3028e32\",\"name\":\"Michael Bright\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http:\/\/local.brightwhiz\/#\/schema\/person\/image\/\",\"url\":\"http:\/\/1.gravatar.com\/avatar\/da90485875ff0aafa38fdd494abe87d1?s=96&d=mm&r=g\",\"contentUrl\":\"http:\/\/1.gravatar.com\/avatar\/da90485875ff0aafa38fdd494abe87d1?s=96&d=mm&r=g\",\"caption\":\"Michael Bright\"},\"sameAs\":[\"https:\/\/sobbayi.com\"],\"url\":\"http:\/\/local.brightwhiz\/author\/sobbayiadmin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"SCSS vs. Sass: Understanding the Key Differences","description":"This is the ultimate guide for those who want to know the key differences between SCSS vs. Sass in web applications","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"http:\/\/local.brightwhiz\/scss-vs-sass-understanding-the-key-differences\/","og_locale":"en_US","og_type":"article","og_title":"SCSS vs. Sass: Understanding the Key Differences","og_description":"This is the ultimate guide for those who want to know the key differences between SCSS vs. Sass in web applications","og_url":"http:\/\/local.brightwhiz\/scss-vs-sass-understanding-the-key-differences\/","og_site_name":"Brightwhiz.com","article_publisher":"https:\/\/www.facebook.com\/brightwhiz\/","article_published_time":"2024-02-22T12:14:54+00:00","article_modified_time":"2024-02-22T12:14:55+00:00","og_image":[{"width":1280,"height":680,"url":"http:\/\/local.brightwhiz\/wp-content\/uploads\/2023\/12\/SCSS-vs.-Sass.jpg","type":"image\/jpeg"}],"author":"Michael Bright","twitter_card":"summary_large_image","twitter_creator":"@brightwhizmag","twitter_site":"@brightwhizmag","twitter_misc":{"Written by":"Michael Bright","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"http:\/\/local.brightwhiz\/scss-vs-sass-understanding-the-key-differences\/#article","isPartOf":{"@id":"http:\/\/local.brightwhiz\/scss-vs-sass-understanding-the-key-differences\/"},"author":{"name":"Michael Bright","@id":"http:\/\/local.brightwhiz\/#\/schema\/person\/81f0f3126f13834ae2e7f381b3028e32"},"headline":"SCSS vs. Sass: Understanding the Key Differences","datePublished":"2024-02-22T12:14:54+00:00","dateModified":"2024-02-22T12:14:55+00:00","mainEntityOfPage":{"@id":"http:\/\/local.brightwhiz\/scss-vs-sass-understanding-the-key-differences\/"},"wordCount":618,"commentCount":0,"publisher":{"@id":"http:\/\/local.brightwhiz\/#organization"},"image":{"@id":"http:\/\/local.brightwhiz\/scss-vs-sass-understanding-the-key-differences\/#primaryimage"},"thumbnailUrl":"http:\/\/local.brightwhiz\/wp-content\/uploads\/2023\/12\/SCSS-vs.-Sass.jpg","keywords":["CSS","Optimization","Performance","Web","Web Applications","Web Design","Websites"],"articleSection":["Articles","Programming","Technology","Tips","Versus"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["http:\/\/local.brightwhiz\/scss-vs-sass-understanding-the-key-differences\/#respond"]}]},{"@type":"WebPage","@id":"http:\/\/local.brightwhiz\/scss-vs-sass-understanding-the-key-differences\/","url":"http:\/\/local.brightwhiz\/scss-vs-sass-understanding-the-key-differences\/","name":"SCSS vs. Sass: Understanding the Key Differences","isPartOf":{"@id":"http:\/\/local.brightwhiz\/#website"},"primaryImageOfPage":{"@id":"http:\/\/local.brightwhiz\/scss-vs-sass-understanding-the-key-differences\/#primaryimage"},"image":{"@id":"http:\/\/local.brightwhiz\/scss-vs-sass-understanding-the-key-differences\/#primaryimage"},"thumbnailUrl":"http:\/\/local.brightwhiz\/wp-content\/uploads\/2023\/12\/SCSS-vs.-Sass.jpg","datePublished":"2024-02-22T12:14:54+00:00","dateModified":"2024-02-22T12:14:55+00:00","description":"This is the ultimate guide for those who want to know the key differences between SCSS vs. Sass in web applications","breadcrumb":{"@id":"http:\/\/local.brightwhiz\/scss-vs-sass-understanding-the-key-differences\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["http:\/\/local.brightwhiz\/scss-vs-sass-understanding-the-key-differences\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/local.brightwhiz\/scss-vs-sass-understanding-the-key-differences\/#primaryimage","url":"http:\/\/local.brightwhiz\/wp-content\/uploads\/2023\/12\/SCSS-vs.-Sass.jpg","contentUrl":"http:\/\/local.brightwhiz\/wp-content\/uploads\/2023\/12\/SCSS-vs.-Sass.jpg","width":1280,"height":680,"caption":"SCSS vs. Sass"},{"@type":"BreadcrumbList","@id":"http:\/\/local.brightwhiz\/scss-vs-sass-understanding-the-key-differences\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"http:\/\/local.brightwhiz\/"},{"@type":"ListItem","position":2,"name":"SCSS vs. Sass: Understanding the Key Differences"}]},{"@type":"WebSite","@id":"http:\/\/local.brightwhiz\/#website","url":"http:\/\/local.brightwhiz\/","name":"Brightwhiz.com","description":"Best Tech guides, Tutorials, and News","publisher":{"@id":"http:\/\/local.brightwhiz\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/local.brightwhiz\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"http:\/\/local.brightwhiz\/#organization","name":"Brightwhiz","url":"http:\/\/local.brightwhiz\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/local.brightwhiz\/#\/schema\/logo\/image\/","url":"http:\/\/local.brightwhiz\/wp-content\/uploads\/2021\/11\/brightwhiz-com-logo-orange.png","contentUrl":"http:\/\/local.brightwhiz\/wp-content\/uploads\/2021\/11\/brightwhiz-com-logo-orange.png","width":706,"height":135,"caption":"Brightwhiz"},"image":{"@id":"http:\/\/local.brightwhiz\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/brightwhiz\/","https:\/\/twitter.com\/brightwhizmag","https:\/\/instagram.com\/bright_whiz\/","https:\/\/www.pinterest.com\/sobbayi\/","https:\/\/www.youtube.com\/channel\/UC6sCdP_d_RiTIM7ErFT-PSQ"]},{"@type":"Person","@id":"http:\/\/local.brightwhiz\/#\/schema\/person\/81f0f3126f13834ae2e7f381b3028e32","name":"Michael Bright","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/local.brightwhiz\/#\/schema\/person\/image\/","url":"http:\/\/1.gravatar.com\/avatar\/da90485875ff0aafa38fdd494abe87d1?s=96&d=mm&r=g","contentUrl":"http:\/\/1.gravatar.com\/avatar\/da90485875ff0aafa38fdd494abe87d1?s=96&d=mm&r=g","caption":"Michael Bright"},"sameAs":["https:\/\/sobbayi.com"],"url":"http:\/\/local.brightwhiz\/author\/sobbayiadmin\/"}]}},"_links":{"self":[{"href":"http:\/\/local.brightwhiz\/wp-json\/wp\/v2\/posts\/13347"}],"collection":[{"href":"http:\/\/local.brightwhiz\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/local.brightwhiz\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/local.brightwhiz\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/local.brightwhiz\/wp-json\/wp\/v2\/comments?post=13347"}],"version-history":[{"count":1,"href":"http:\/\/local.brightwhiz\/wp-json\/wp\/v2\/posts\/13347\/revisions"}],"predecessor-version":[{"id":13407,"href":"http:\/\/local.brightwhiz\/wp-json\/wp\/v2\/posts\/13347\/revisions\/13407"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/local.brightwhiz\/wp-json\/wp\/v2\/media\/13753"}],"wp:attachment":[{"href":"http:\/\/local.brightwhiz\/wp-json\/wp\/v2\/media?parent=13347"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/local.brightwhiz\/wp-json\/wp\/v2\/categories?post=13347"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/local.brightwhiz\/wp-json\/wp\/v2\/tags?post=13347"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}