{"id":1637,"date":"2019-12-04T08:52:41","date_gmt":"2019-12-04T08:52:41","guid":{"rendered":"https:\/\/studysection.com\/blog\/?p=1637"},"modified":"2019-12-04T09:07:23","modified_gmt":"2019-12-04T09:07:23","slug":"less-and-sass-css-preprocessors","status":"publish","type":"post","link":"https:\/\/studysection.com\/blog\/less-and-sass-css-preprocessors\/","title":{"rendered":"LESS and SASS &#8211; CSS Preprocessors"},"content":{"rendered":"<h2>What are CSS Preprocessors? and Why use them?<\/h2>\n<p>Using <strong>Cascading Style Sheets<\/strong> or CSS, we can design our websites exactly the way we want it. But CSS has its limitations as well. It is proven that CSS can help to create a stunning website. But in a case when we come across large and complex sites it makes it tough to maintain CSS throughout the website. Due to this, requirement arises where a <a href=\"https:\/\/studysection.com\/blog\/what-all-a-web-designer-is-expected-to-know\/\">designer<\/a> wonders if stylesheet language could have been better and it is where <strong>CSS Preprocessors<\/strong> comes into play. These preprocessors make the CSS structure more readable and easier to maintain. There are many CSS Preprocessors whereas most commonly used preprocessors are Leaner Style Sheets or <strong>LESS and<\/strong> Syntactically Awesome Style Sheets and Stylus or <strong>SASS<\/strong>.<\/p>\n<h3>LESS and SASS?<\/h3>\n<p>These two are CSS preprocessors or the dynamic preprocessor style sheet languages that can be compiled into CSS and hence run on either the client-side or server-side. Where LESS is JavaScript based and SASS is Ruby-based preprocessor. There are two ways to install them &#8211;<\/p>\n<ul style=\"list-style-type: lower-alpha;\">\n<li>using 3rd party applications.<\/li>\n<li>through the command line.<\/li>\n<\/ul>\n<p>For installing SASS, we will need to install <strong>RUBY <\/strong>and for LESS, we will need <strong>NodeJS<\/strong> to run it.<br \/>\nWe can also install their extensions in our code editors to highlight SASS or LESS syntaxes with proper colors for example: for Eclipse there is an extension <strong>\u201cEclipse platform\u201d<\/strong> for SASS and <strong>\u201cEclipse for LESS\u201d<\/strong> for LESS.<br \/>\nJust add your SASS and LESS syntax and your <a href=\"https:\/\/www.studysection.com\/css-3-foundation\">CSS file<\/a> and save it using file extensions .sass or .less. respectively.<\/p>\n<h3>Features of LESS and SASS<\/h3>\n<p>Both of them provide a lot of features that help us to compact our CSS. Let\u2019s discuss some of the SASS and LESS features, that help us in using CSS in a better way and hence saving our time.<\/p>\n<ol>\n<li>\n<strong>Variables:<\/strong> These preprocessors provide us the advantage of using variables in which we can store values like colors, fonts, background-colors or images, etc. Basically, things are going to be the same throughout the whole site or project.<br \/>\n<strong>Example:<\/strong><\/p>\n<table class=\"table table-striped\">\n<thead>\n<tr>\n<th>SASS<\/th>\n<th>LESS<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>\n<code><br \/>\n$theme-font: Helvetica, sans-serif;<br \/>\n$theme-color: #7e7e7e;<br \/>\nbody {<br \/>\n    font: 100% $theme-font;<br \/>\n    color: $theme-color;<br \/>\n}<\/p>\n<p><\/code>\n<\/td>\n<td>\n<code><br \/>\n@theme-font: Helvetica, sans-serif;<br \/>\n@theme-color: #7e7e7e;<\/p>\n<p>body {<br \/>\n    font: 100% @theme-font;<br \/>\n    color: @theme-color;<br \/>\n}<\/p>\n<p><\/code>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>And eventually, these variables will be replaced by their values and hence generate a traditional CSS.\n<\/li>\n<li>\n<strong>Mixins:<\/strong> These are used to include different properties together.<br \/>\n<strong>Example:<\/strong><\/p>\n<table class=\"table table-striped\">\n<thead>\n<tr>\n<th>SASS<\/th>\n<th>LESS<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>\n<code><br \/>\n@mixin border-radius($radius) {<br \/>\n    -webkit-border-radius: $radius;<br \/>\n    -moz-border-radius: $radius;<br \/>\n    -ms-border-radius: $radius;<br \/>\n    border-radius: $radius;<br \/>\n}<br \/>\n.box {<br \/>\n    @include border-radius(10px);<br \/>\n}<br \/>\n<\/code>\n<\/td>\n<td>\n<code><br \/>\n.bordered {<br \/>\n    border-top: dashed 2px blue;<br \/>\n    border-bottom: solid 2px blue;<br \/>\n}<br \/>\n#demodiv a {<br \/>\n    color: #111;<br \/>\n    .bordered;<br \/>\n}<br \/>\n<\/code>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/li>\n<li>\n<strong>Extend:<\/strong> This feature allows to share the properties between multiple selectors.<br \/>\n<strong>Example:<\/strong><\/p>\n<table class=\"table table-striped\">\n<thead>\n<tr>\n<th>SASS<\/th>\n<th>LESS<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>\n<code><br \/>\n.button{<br \/>\n    border: 1px solid black;<br \/>\n    border-radius: 5px;<br \/>\n    color: white;<br \/>\n} <\/p>\n<p>.success{<br \/>\n@extend .button;<br \/>\nbackground-color: green;<br \/>\n}<br \/>\n.error{<br \/>\n@extend .button;<br \/>\nbackground-color: red;<br \/>\n}<br \/>\n<\/code>\n<\/td>\n<td>\n<code><br \/>\n.button{<br \/>\n    border: 1px solid black;<br \/>\n    border-radius: 5px;<br \/>\n    color: white;<br \/>\n} <\/p>\n<p>.success{<br \/>\n&:extend(.button);<br \/>\nbackground-color: green;<br \/>\n}<br \/>\n.error{<br \/>\n&:extend(.button);<br \/>\nbackground-color: red;<br \/>\n}<br \/>\n<\/code>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/li>\n<li>\n<strong>Operations<\/strong><br \/>\n<strong>Example:<\/strong><\/p>\n<table class=\"table table-striped\">\n<thead>\n<tr>\n<th>SASS<\/th>\n<th>LESS<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>\n<code><br \/>\n.demoDiv{<br \/>\n    text-align: center;<br \/>\n     width: 665px \/ 925px *100;<br \/>\n}<br \/>\n<\/code>\n<\/td>\n<td>\n<code><br \/>\n.demoDiv{<br \/>\n    text-align: center;<br \/>\n     width: 220px \/ 908px *100;<br \/>\n}<br \/>\n<\/code>\n<\/td>\n<\/tr>\n<tr>\n<td><strong>OUTPUT<\/strong><\/td>\n<td><strong>OUTPUT<\/strong><\/td>\n<\/tr>\n<tr>\n<td>\n<code><br \/>\n.demoDiv{<br \/>\n    text-align: center;<br \/>\n    width: 71.9%;<br \/>\n}<br \/>\n<\/code>\n<\/td>\n<td>\n<code><br \/>\n.demoDiv{<br \/>\n    text-align: center;<br \/>\n    width: 24.2%;<br \/>\n}<br \/>\n<\/code>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/li>\n<li>\n<strong>Nesting:<\/strong> Nesting creates a visual hierarchy, the same as we saw in the HTML, and allows us to write and understand the properties and add to them easily.<br \/>\n<strong>Example:<\/strong><\/p>\n<table class=\"table table-striped\">\n<thead>\n<tr>\n<th>SASS<\/th>\n<th>LESS<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>\n<code><br \/>\n.heroDiv {<br \/>\n    span {<br \/>\n        display: block;<br \/>\n        padding: 12px;<br \/>\n    }<br \/>\n    ul {<br \/>\n        padding: 0;<br \/>\n        list-style: none;<br \/>\n    }<br \/>\n    li {<br \/>\n        display: inline-block;<br \/>\n        padding: 10px 0;<br \/>\n    }<br \/>\n}<br \/>\n<\/code>\n<\/td>\n<td>\n<code><br \/>\n.heroDiv {<br \/>\n    margin: 20px 0 30px 0;<\/p>\n<p>   ul {<br \/>\n        padding: 0;<br \/>\n        list-style: none;<br \/>\n    }<br \/>\n    li {<br \/>\n        display: inline-block;<br \/>\n        padding: 10px 0;<br \/>\n    }<br \/>\n}<br \/>\n<\/code>\n<\/td>\n<\/tr>\n<tr>\n<td><strong>OUTPUT<\/strong><\/td>\n<td><strong>OUTPUT<\/strong><\/td>\n<\/tr>\n<tr>\n<td>\n<code><br \/>\n.heroDiv span {<br \/>\n    display: block;<br \/>\n    padding: 12px;<br \/>\n}<br \/>\n.heroDiv ul {<br \/>\n    padding: 0;<br \/>\n    list-style: none;<br \/>\n}<br \/>\n.heroDiv li {<br \/>\n        display: inline-block;<br \/>\n        padding: 10px 0;<br \/>\n }<br \/>\n<\/code>\n<\/td>\n<td>\n<code><br \/>\n.heroDiv {<br \/>\n    margin: 20px 0 30px 0;<br \/>\n}<br \/>\n.heroDiv ul {<br \/>\n        padding: 0;<br \/>\n        list-style: none;<br \/>\n}<br \/>\n.heroDiv li {<br \/>\n        display: inline-block;<br \/>\n        padding: 10px 0;<br \/>\n}<br \/>\n<\/code>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/li>\n<\/ol>\n<p><small><em>Being the most extensively used JavaScript library, a <a href=\"https:\/\/studysection.com\/jquery-advanced\">jQuery certification<\/a> will add enormous value to your skill-set. jQuery provides various functionalities to the developer in order to develop complex applications with ease and efficiency.<\/em><\/small><\/p>\n","protected":false},"excerpt":{"rendered":"<p>What are CSS Preprocessors? and Why use them? Using Cascading Style Sheets or CSS, we can design our websites exactly<\/p>\n","protected":false},"author":1,"featured_media":1638,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[146,283,199,285,286,284],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>StudySection Blog - LESS and SASS - CSS Preprocessors<\/title>\n<meta name=\"description\" content=\"A designer wonders if the stylesheet language could have been better and this is where CSS Preprocessors comes into play.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/studysection.com\/blog\/less-and-sass-css-preprocessors\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"StudySection Blog - LESS and SASS - CSS Preprocessors\" \/>\n<meta property=\"og:description\" content=\"A designer wonders if the stylesheet language could have been better and this is where CSS Preprocessors comes into play.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/studysection.com\/blog\/less-and-sass-css-preprocessors\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Posts on famous people, innovations and educational topics\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/studysection\" \/>\n<meta property=\"article:published_time\" content=\"2019-12-04T08:52:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-12-04T09:07:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2019\/12\/css.png\" \/>\n\t<meta property=\"og:image:width\" content=\"300\" \/>\n\t<meta property=\"og:image:height\" content=\"200\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"admin-studysection-blog\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@studysection\" \/>\n<meta name=\"twitter:site\" content=\"@studysection\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin-studysection-blog\" \/>\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\":\"https:\/\/studysection.com\/blog\/less-and-sass-css-preprocessors\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/studysection.com\/blog\/less-and-sass-css-preprocessors\/\"},\"author\":{\"name\":\"admin-studysection-blog\",\"@id\":\"https:\/\/studysection.com\/blog\/#\/schema\/person\/db367e2c29a12d1808fb1979edb3d402\"},\"headline\":\"LESS and SASS &#8211; CSS Preprocessors\",\"datePublished\":\"2019-12-04T08:52:41+00:00\",\"dateModified\":\"2019-12-04T09:07:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/studysection.com\/blog\/less-and-sass-css-preprocessors\/\"},\"wordCount\":467,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/studysection.com\/blog\/#organization\"},\"keywords\":[\"applications\",\"CSS\",\"JavaScript\",\"less\",\"preprocessors\",\"SASS\"],\"articleSection\":[\"Learn and Grow\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/studysection.com\/blog\/less-and-sass-css-preprocessors\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/studysection.com\/blog\/less-and-sass-css-preprocessors\/\",\"url\":\"https:\/\/studysection.com\/blog\/less-and-sass-css-preprocessors\/\",\"name\":\"StudySection Blog - LESS and SASS - CSS Preprocessors\",\"isPartOf\":{\"@id\":\"https:\/\/studysection.com\/blog\/#website\"},\"datePublished\":\"2019-12-04T08:52:41+00:00\",\"dateModified\":\"2019-12-04T09:07:23+00:00\",\"description\":\"A designer wonders if the stylesheet language could have been better and this is where CSS Preprocessors comes into play.\",\"breadcrumb\":{\"@id\":\"https:\/\/studysection.com\/blog\/less-and-sass-css-preprocessors\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/studysection.com\/blog\/less-and-sass-css-preprocessors\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/studysection.com\/blog\/less-and-sass-css-preprocessors\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/studysection.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"LESS and SASS &#8211; CSS Preprocessors\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/studysection.com\/blog\/#website\",\"url\":\"https:\/\/studysection.com\/blog\/\",\"name\":\"Blog Posts on famous people, innovations and educational topics\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/studysection.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/studysection.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/studysection.com\/blog\/#organization\",\"name\":\"StudySection\",\"url\":\"https:\/\/studysection.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/studysection.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2021\/10\/studySection-logo.png\",\"contentUrl\":\"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2021\/10\/studySection-logo.png\",\"width\":920,\"height\":440,\"caption\":\"StudySection\"},\"image\":{\"@id\":\"https:\/\/studysection.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/studysection\",\"https:\/\/twitter.com\/studysection\",\"https:\/\/www.instagram.com\/study.section\/\",\"https:\/\/www.linkedin.com\/company\/studysection\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/studysection.com\/blog\/#\/schema\/person\/db367e2c29a12d1808fb1979edb3d402\",\"name\":\"admin-studysection-blog\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/studysection.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/054ac87a6874df1932004239cd8eab36?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/054ac87a6874df1932004239cd8eab36?s=96&d=mm&r=g\",\"caption\":\"admin-studysection-blog\"},\"url\":\"https:\/\/studysection.com\/blog\/author\/admin-studysection-blog\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"StudySection Blog - LESS and SASS - CSS Preprocessors","description":"A designer wonders if the stylesheet language could have been better and this is where CSS Preprocessors comes into play.","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":"https:\/\/studysection.com\/blog\/less-and-sass-css-preprocessors\/","og_locale":"en_US","og_type":"article","og_title":"StudySection Blog - LESS and SASS - CSS Preprocessors","og_description":"A designer wonders if the stylesheet language could have been better and this is where CSS Preprocessors comes into play.","og_url":"https:\/\/studysection.com\/blog\/less-and-sass-css-preprocessors\/","og_site_name":"Blog Posts on famous people, innovations and educational topics","article_publisher":"https:\/\/www.facebook.com\/studysection","article_published_time":"2019-12-04T08:52:41+00:00","article_modified_time":"2019-12-04T09:07:23+00:00","og_image":[{"width":300,"height":200,"url":"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2019\/12\/css.png","type":"image\/png"}],"author":"admin-studysection-blog","twitter_card":"summary_large_image","twitter_creator":"@studysection","twitter_site":"@studysection","twitter_misc":{"Written by":"admin-studysection-blog","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/studysection.com\/blog\/less-and-sass-css-preprocessors\/#article","isPartOf":{"@id":"https:\/\/studysection.com\/blog\/less-and-sass-css-preprocessors\/"},"author":{"name":"admin-studysection-blog","@id":"https:\/\/studysection.com\/blog\/#\/schema\/person\/db367e2c29a12d1808fb1979edb3d402"},"headline":"LESS and SASS &#8211; CSS Preprocessors","datePublished":"2019-12-04T08:52:41+00:00","dateModified":"2019-12-04T09:07:23+00:00","mainEntityOfPage":{"@id":"https:\/\/studysection.com\/blog\/less-and-sass-css-preprocessors\/"},"wordCount":467,"commentCount":0,"publisher":{"@id":"https:\/\/studysection.com\/blog\/#organization"},"keywords":["applications","CSS","JavaScript","less","preprocessors","SASS"],"articleSection":["Learn and Grow"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/studysection.com\/blog\/less-and-sass-css-preprocessors\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/studysection.com\/blog\/less-and-sass-css-preprocessors\/","url":"https:\/\/studysection.com\/blog\/less-and-sass-css-preprocessors\/","name":"StudySection Blog - LESS and SASS - CSS Preprocessors","isPartOf":{"@id":"https:\/\/studysection.com\/blog\/#website"},"datePublished":"2019-12-04T08:52:41+00:00","dateModified":"2019-12-04T09:07:23+00:00","description":"A designer wonders if the stylesheet language could have been better and this is where CSS Preprocessors comes into play.","breadcrumb":{"@id":"https:\/\/studysection.com\/blog\/less-and-sass-css-preprocessors\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/studysection.com\/blog\/less-and-sass-css-preprocessors\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/studysection.com\/blog\/less-and-sass-css-preprocessors\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/studysection.com\/blog\/"},{"@type":"ListItem","position":2,"name":"LESS and SASS &#8211; CSS Preprocessors"}]},{"@type":"WebSite","@id":"https:\/\/studysection.com\/blog\/#website","url":"https:\/\/studysection.com\/blog\/","name":"Blog Posts on famous people, innovations and educational topics","description":"","publisher":{"@id":"https:\/\/studysection.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/studysection.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/studysection.com\/blog\/#organization","name":"StudySection","url":"https:\/\/studysection.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/studysection.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2021\/10\/studySection-logo.png","contentUrl":"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2021\/10\/studySection-logo.png","width":920,"height":440,"caption":"StudySection"},"image":{"@id":"https:\/\/studysection.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/studysection","https:\/\/twitter.com\/studysection","https:\/\/www.instagram.com\/study.section\/","https:\/\/www.linkedin.com\/company\/studysection"]},{"@type":"Person","@id":"https:\/\/studysection.com\/blog\/#\/schema\/person\/db367e2c29a12d1808fb1979edb3d402","name":"admin-studysection-blog","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/studysection.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/054ac87a6874df1932004239cd8eab36?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/054ac87a6874df1932004239cd8eab36?s=96&d=mm&r=g","caption":"admin-studysection-blog"},"url":"https:\/\/studysection.com\/blog\/author\/admin-studysection-blog\/"}]}},"views":392,"_links":{"self":[{"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/posts\/1637"}],"collection":[{"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/comments?post=1637"}],"version-history":[{"count":9,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/posts\/1637\/revisions"}],"predecessor-version":[{"id":1647,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/posts\/1637\/revisions\/1647"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/media\/1638"}],"wp:attachment":[{"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/media?parent=1637"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/categories?post=1637"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/tags?post=1637"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}