{"id":68316,"date":"2016-12-17T08:26:56","date_gmt":"2016-12-17T08:26:56","guid":{"rendered":"http:\/\/webkul.com\/blog\/?p=68316"},"modified":"2024-04-01T08:56:47","modified_gmt":"2024-04-01T08:56:47","slug":"what-is-less","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/what-is-less\/","title":{"rendered":"What is Less ?"},"content":{"rendered":"\n

What is Less ?<\/p>\n\n\n\n

Today I am going to explain LESS<\/a> (a CSS pre-processor) in this article.<\/p>\n\n\n\n

Less is a pre-processor of CSS and extends the features and capabilities of CSS. Less has many features like – it allow variables, functions, mixins, Nested Rules, Operations, Importing other less files, and many more features (explained in this blog) that generates CSS. <\/p>\n\n\n\n

Yes, We write our code in LESS and when it runs it generates CSS. \u00a0LESS runs in the browser and can be used on the command line through npm, which is downloaded as a script file for the browser. To install LESS through npm is :<\/p>\n\n\n\n

$ npm install -g less<\/pre>\n\n\n\n
After installation, you can call the compiler through command line :<\/p>\n\n\n\n
$ lessc styles.less<\/pre>\n\n\n\n
This will gives you output to compiled CSS.<\/p>\n\n\n\n
To know more about installing LESS, please check out following links:<\/p>\n\n\n\n
Compiling Less File With Gulp<\/a><\/p>\n\n\n\n
How To Install Less And Compile Less File<\/a><\/p>\n\n\n\n
Now there is a small example to understand LESS into CSS.<\/p>\n\n\n\n
a style.less<\/strong> file have code :<\/p>\n\n\n\n
@color: #ffffff; \/\/ less variable\nh2{\n    color: @color;\n}<\/pre>\n\n\n\n
h2{\n    color: #ffffff;\n}<\/pre>\n\n\n\n
In above example, we create a LESS variable @color<\/strong> and assigned some value.<\/p>\n\n\n\n
Wherever we invoke @color<\/strong> variable in LESS file, it will take value #ffffff<\/strong> and generate CSS.<\/p>\n\n\n\n
Now some features of LESS are :<\/p>\n\n\n\n
\n
\nVariables\n<\/h3>\n<\/div><\/div>\n\n\n\n
Variables are same as in any other programming language in LESS. We define Variable with some constant value and that variable can be used any where to generate CSS, like I already gave an example above using variable.<\/p>\n\n\n\n
e.g.<\/p>\n\n\n\n
@border-width: 2px;\n@border-color: #000;\n@container-solid-border: @border-width solid @border-color;\n\ndiv{\n    height: 10px;\n    width: 10px;\n    border: @container-solid-border;\n}<\/pre>\n\n\n\n
And the CSS for above will be :<\/p>\n\n\n\n
div{\n    height: 10px;\n    width: 10px;\n    border: 2px solid #000;\n}<\/pre>\n\n\n\n
\n
\nMixins\n<\/h3>\n<\/div><\/div>\n\n\n\n
Mixins are a feature to include group of properties from a rule-set to another rule-set. Or we can say that a rule that can be used in multile CSS selectors.<\/p>\n\n\n\n
So for e.g.,<\/p>\n\n\n\n
we have a class .button<\/strong> with rules:<\/p>\n\n\n\n
.button{\n    background-color: #E1BEE7;\n    color: #000;\n}<\/pre>\n\n\n\n
Now the .button<\/strong> class can be used under many selectors like:<\/p>\n\n\n\n
a.menu{\n    padding: 10px;\n    .button;\n}\nbutton.btn{\n    padding: 5px;\n    margin: 5px;\n   .button(); \/\/(is optional)\n}<\/pre>\n\n\n\n
so the CSS will be gnerate as :<\/p>\n\n\n\n
a.menu{\n    padding: 10px;\n    background-color: #E1BEE7;\n    color: #000;\n}\nbutton.btn{\n    padding: 5px;\n    margin: 5px;\n    background-color: #E1BEE7;\n    color: #000;\n}<\/pre>\n\n\n\n
\n
\nImport Statements\n<\/h3>\n<\/div><\/div>\n\n\n\n
To import<\/strong> another LESS file use syntax :<\/p>\n\n\n\n
@import "style.less";<\/pre>\n\n\n\n
\n
\nNested Rules\n<\/h3>\n<\/div><\/div>\n\n\n\n
Nesting is very easy with LESS. Lets take an example of CSS, i.e. we have to write following CSS into LESS:<\/p>\n\n\n\n
CSS e.g :<\/p>\n\n\n\n
.container div button{\n    padding: 10px;\n    width: 100px;\n    color: red;\n}\n.container div button a{\n    background-color: #000;\n}<\/pre>\n\n\n\n
Now, Less for above CSS is :<\/p>\n\n\n\n
.container{\n    div{\n        button{\n            padding: 10px;\n            width: 100px;\n            color: red;\n           a{\n                background-color: #000;\n            }\n        }\n    }\n}<\/pre>\n\n\n\n
As you can see that in CSS, we have to write many times if we use nesting, but in Less we can use single time that class with feature of Nesting.<\/p>\n\n\n\n
Here is another example for using  &<\/strong><\/em> selector which indicates the current selector parent.<\/p>\n\n\n\n
Less e.g.<\/p>\n\n\n\n
.container{\n    div{\n        button{\n            padding: 10px;\n            width: 100px;\n            color: red;\n            a{\n                background-color: #000;\n                &:hover{\n                    background-color: #2e2e2e;\n                }\n            }\n        }\n    }\n}<\/pre>\n\n\n\n
This will compile CSS as :<\/p>\n\n\n\n
.container div button a:hover{\n    background-color: #2e2e2e;\n}<\/pre>\n\n\n\n
\n
\nOperations\n<\/h3>\n<\/div><\/div>\n\n\n\n
We can also do arithmetical operations (+, -, *, \/) on any number, color or variable.
For e.g:<\/p>\n\n\n\n
@width: 100px;\n@container-width: @width + 10px; \/\/ output as 110px\n@container-height: 5%;\n@inner-container: @container-height * 5%; \/\/ output as 25%\n@color:#224488 \/ 2; \/\/output as #112244<\/pre>\n\n\n\n
\n
\nFunctions\n<\/h3>\n<\/div><\/div>\n\n\n\n
There are some predefined functions in less library, we can use that. Or we can create our own functions according to our need.<\/p>\n\n\n\n
Lets take an example to lighten a color.<\/p>\n\n\n\n
so we have a function in less lighten(color, parameter);<\/p>\n\n\n\n
e.g.:<\/p>\n\n\n\n
@color: @000;\n@light-color: lighten(@color, 5%);<\/pre>\n\n\n\n
So this will lighten your color by 5%.<\/p>\n\n\n\n
There is also a function percentage, which gives you result in percentage.<\/p>\n\n\n\n
e.g.:<\/p>\n\n\n\n
@width: 0.7;\n\ndiv{\n    width: percentage(@width); \/\/outputs as 70%\n}<\/pre>\n\n\n\n
To define your functions please take a look at following example to return average:<\/p>\n\n\n\n
.average(@x, @y) {\n    @average: ((@x + @y) \/ 2);\n}\ndiv {\n    .average(16px, 50px); \/\/ "call" the mixin (function) with two parameters and results as 33px.\n    padding: @average; \/\/ use its "return" value\n}<\/pre>\n\n\n\n
Less<\/strong> also supports Lazy Loading<\/strong><\/em><\/span> feature, like in the file you may define your variables anywhere, like before or after the use of variable.<\/p>\n\n\n\n
That’s all in this article, hope it will help you to use LESS. Try this and if you have any query then just comment below. \ud83d\ude42<\/p>\n","protected":false},"excerpt":{"rendered":"
What is Less ? Today I am going to explain LESS (a CSS pre-processor) in this article. Less is a pre-processor of CSS and extends the features and capabilities of CSS. Less has many features like – it allow variables, functions, mixins, Nested Rules, Operations, Importing other less files, and many more features (explained in […]<\/a><\/p>\n","protected":false},"author":103,"featured_media":39246,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8,302],"tags":[4192],"class_list":["post-68316","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-magento","category-magento2","tag-what-is-less"],"yoast_head":"\nWhat is Less ? - Webkul Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/what-is-less\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What is Less ? - Webkul Blog\" \/>\n<meta property=\"og:description\" content=\"What is Less ? Today I am going to explain LESS (a CSS pre-processor) in this article. Less is a pre-processor of CSS and extends the features and capabilities of CSS. Less has many features like – it allow variables, functions, mixins, Nested Rules, Operations, Importing other less files, and many more features (explained in [...]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/what-is-less\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2016-12-17T08:26:56+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-01T08:56:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/01\/Magneto-Code-Snippet.png\" \/>\n\t<meta property=\"og:image:width\" content=\"825\" \/>\n\t<meta property=\"og:image:height\" content=\"260\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Pranjali Goel\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Pranjali Goel\" \/>\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:\/\/webkul.com\/blog\/what-is-less\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/what-is-less\/\"},\"author\":{\"name\":\"Pranjali Goel\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/c1964884ceb33a5ffdf322ee5424f692\"},\"headline\":\"What is Less ?\",\"datePublished\":\"2016-12-17T08:26:56+00:00\",\"dateModified\":\"2024-04-01T08:56:47+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/what-is-less\/\"},\"wordCount\":556,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/what-is-less\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/01\/Magneto-Code-Snippet.png\",\"keywords\":[\"What is Less ?\"],\"articleSection\":[\"magento\",\"Magento2\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/what-is-less\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/what-is-less\/\",\"url\":\"https:\/\/webkul.com\/blog\/what-is-less\/\",\"name\":\"What is Less ? - Webkul Blog\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/what-is-less\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/what-is-less\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/01\/Magneto-Code-Snippet.png\",\"datePublished\":\"2016-12-17T08:26:56+00:00\",\"dateModified\":\"2024-04-01T08:56:47+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/what-is-less\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/what-is-less\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/what-is-less\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/01\/Magneto-Code-Snippet.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/01\/Magneto-Code-Snippet.png\",\"width\":825,\"height\":260},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/what-is-less\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What is Less ?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/c1964884ceb33a5ffdf322ee5424f692\",\"name\":\"Pranjali Goel\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e670273251719f83735534af186231dd99fbe378466fef356d4e55de5b46244f?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/e670273251719f83735534af186231dd99fbe378466fef356d4e55de5b46244f?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"caption\":\"Pranjali Goel\"},\"description\":\"Believes in simple lifestyle and follow a simple logic to make herself better than yesterday.\",\"url\":\"https:\/\/webkul.com\/blog\/author\/pranjali968\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"What is Less ? - Webkul Blog","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:\/\/webkul.com\/blog\/what-is-less\/","og_locale":"en_US","og_type":"article","og_title":"What is Less ? - Webkul Blog","og_description":"What is Less ? Today I am going to explain LESS (a CSS pre-processor) in this article. Less is a pre-processor of CSS and extends the features and capabilities of CSS. Less has many features like – it allow variables, functions, mixins, Nested Rules, Operations, Importing other less files, and many more features (explained in [...]","og_url":"https:\/\/webkul.com\/blog\/what-is-less\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2016-12-17T08:26:56+00:00","article_modified_time":"2024-04-01T08:56:47+00:00","og_image":[{"width":825,"height":260,"url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/01\/Magneto-Code-Snippet.png","type":"image\/png"}],"author":"Pranjali Goel","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Pranjali Goel","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/what-is-less\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/what-is-less\/"},"author":{"name":"Pranjali Goel","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/c1964884ceb33a5ffdf322ee5424f692"},"headline":"What is Less ?","datePublished":"2016-12-17T08:26:56+00:00","dateModified":"2024-04-01T08:56:47+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/what-is-less\/"},"wordCount":556,"commentCount":1,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/what-is-less\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/01\/Magneto-Code-Snippet.png","keywords":["What is Less ?"],"articleSection":["magento","Magento2"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/what-is-less\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/what-is-less\/","url":"https:\/\/webkul.com\/blog\/what-is-less\/","name":"What is Less ? - Webkul Blog","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/what-is-less\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/what-is-less\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/01\/Magneto-Code-Snippet.png","datePublished":"2016-12-17T08:26:56+00:00","dateModified":"2024-04-01T08:56:47+00:00","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/what-is-less\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/what-is-less\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/what-is-less\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/01\/Magneto-Code-Snippet.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/01\/Magneto-Code-Snippet.png","width":825,"height":260},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/what-is-less\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"What is Less ?"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/c1964884ceb33a5ffdf322ee5424f692","name":"Pranjali Goel","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/e670273251719f83735534af186231dd99fbe378466fef356d4e55de5b46244f?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e670273251719f83735534af186231dd99fbe378466fef356d4e55de5b46244f?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","caption":"Pranjali Goel"},"description":"Believes in simple lifestyle and follow a simple logic to make herself better than yesterday.","url":"https:\/\/webkul.com\/blog\/author\/pranjali968\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/68316","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/103"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=68316"}],"version-history":[{"count":62,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/68316\/revisions"}],"predecessor-version":[{"id":430352,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/68316\/revisions\/430352"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media\/39246"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=68316"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=68316"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=68316"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}