{"id":62,"date":"2015-04-29T11:47:00","date_gmt":"2015-04-29T09:47:00","guid":{"rendered":"https:\/\/www.cefii.fr\/blog\/2023\/01\/16\/sass-comment-faire-gagner-du-temps-aux-integrateurs-html-css\/"},"modified":"2023-01-18T16:56:04","modified_gmt":"2023-01-18T15:56:04","slug":"sass-comment-faire-gagner-du-temps-aux-integrateurs-html-css","status":"publish","type":"post","link":"https:\/\/www.cefii.fr\/blog\/sass-comment-faire-gagner-du-temps-aux-integrateurs-html-css\/","title":{"rendered":"Sass, ou comment faire gagner du temps aux int\u00e9grateurs HTML-CSS !"},"content":{"rendered":"\n<p>Gagnez du temps dans l&rsquo;int\u00e9gration de vos sites en CSS gr\u00e2ce \u00e0 <strong>Sass&nbsp;<\/strong>(Syntactically Awesome StyleSheets) !<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Sass<\/strong> c&rsquo;est quoi&nbsp;?<\/h3>\n\n\n\n<p>C&rsquo;est un pr\u00e9processeur <strong>CSS<\/strong> qui permet d&rsquo;\u00e9tendre le langage <strong>CSS<\/strong>. Les fichiers sont enregistr\u00e9s sous l&rsquo;extension <i>.scss<\/i> ou <i>.sass.\u00a0<\/i>Ils sont ensuite compil\u00e9s par Ruby qui g\u00e9n\u00e9rera les fichiers en <i>.css<\/i>, seul format que les navigateurs interpr\u00e8tent.<\/p>\n\n\n\n<p><span lang=\"fr-FR\">Site officiel\u00a0: <\/span><a href=\"https:\/\/sass-lang.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/sass-lang.com<\/a><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span style=\"text-decoration: underline;\">\u00c9tendre le langage CSS&nbsp;? Concr\u00e8tement&nbsp;?<\/span><\/h4>\n\n\n\n<p><strong>Sass<\/strong> apporte des fonctionnalit\u00e9s suppl\u00e9mentaires\u00a0telles que\u00a0:<\/p>\n\n\n\n<p><span style=\"text-decoration: underline;\">Les variables<\/span><\/p>\n\n\n\n<p>Elles permettent de stocker des informations qu&rsquo;il sera possible de r\u00e9utiliser dans le document.<\/p>\n\n\n\n<p>Exemple&nbsp;:<\/p>\n\n\n\n<p><i>\/*D\u00e9claration de la variable*\u00a0\/<\/i><br><em>$maCouleur\u00a0: #c3c3c3\u00a0;<\/em><br><em>\/*R\u00e9utilisation de la variable*\/<\/em><br>body{<br>background-color\u00a0: $maCouleur\u00a0; }<\/p>\n\n\n\n<p>Il est m\u00eame possible de stocker ces variables dans des fichiers s\u00e9par\u00e9s, puis de les importer dans le fichier souhait\u00e9.<\/p>\n\n\n\n<p><span style=\"text-decoration: underline;\">Les op\u00e9rations math\u00e9matiques et les fonctions pr\u00e9d\u00e9finies<\/span><\/p>\n\n\n\n<p>Il est possible de faire effectuer des calculs, et cela m\u00eame sur les couleurs&nbsp;!<\/p>\n\n\n\n<p><strong>Exemple\u00a0:<\/strong><\/p>\n\n\n\n<p><i>h1{<\/i><br><i>color:lighten(rgb(163,217,0),50%);<\/i> }<\/p>\n\n\n\n<p><span style=\"text-decoration: underline;\">Les mixins<\/span><\/p>\n\n\n\n<p>Les mixins sont des portions de codes <strong>CSS<\/strong> d\u00e9finies, puis r\u00e9utilis\u00e9es dans le fichier avec possibilit\u00e9 de passer des param\u00e8tres \u00e0 la \u00ab&nbsp;fonction&nbsp;\u00bb.<\/p>\n\n\n\n<p>Exemple&nbsp;:<\/p>\n\n\n\n<p><i>\/*D\u00e9finition du mixin*\/<\/i><br><i>@mixin encadre($size){<\/i><br>border: $size solid black; }<\/p>\n\n\n\n<p><i>\/*R\u00e9utilisation de la mixin*\/<\/i><\/p>\n\n\n\n<p><i>article{<\/i><br><em>@include encadre(1px);<\/em> }<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><span style=\"text-decoration: underline;\"><strong>L&rsquo;h\u00e9ritage<\/strong><\/span><\/p>\n\n\n\n<p>Cela permet de r\u00e9utiliser les styles d&rsquo;un autre s\u00e9lecteur.<\/p>\n\n\n\n<p>Exemple :<\/p>\n\n\n\n<p><i>p{<\/i><br><em>color: black;<\/em> }<\/p>\n\n\n\n<p><i>div{<\/i><br><em>@extend p;<\/em><br>border:1px solid black; }<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><span style=\"text-decoration: underline;\">L&rsquo;encapsulation<\/span><\/p>\n\n\n\n<p>Elle permet de d\u00e9finir des styles aux enfants directement dans le s\u00e9lecteur parent.<\/p>\n\n\n\n<p>Exemple&nbsp;:<\/p>\n\n\n\n<p><i>section{<\/i><br>font-size:1.5em;<br><em>> h1{<\/em><br>font-weight:700;}<br>}<\/p>\n\n\n\n<p>au lieu de :<\/p>\n\n\n\n<p><i>section{<\/i><br><em>font-size:1.5em;<\/em> }<\/p>\n\n\n\n<p><i>section > h1{<\/i><br><em>font-weight:700;<\/em> }<\/p>\n\n\n\n<p>&nbsp;<\/p>\n\n\n\n<p><span style=\"text-decoration: underline;\">Les boucles et conditions<\/span><\/p>\n\n\n\n<p>Il est possible d&rsquo;utiliser les boucles <i>for,while<\/i> ou les conditions <i>if<\/i> (etc.) comme dans les <strong>langages de programmation<\/strong> tels que PHP ou <strong>Javascript<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span style=\"text-decoration: underline;\">Quelle diff\u00e9rence entre <i>.sass<\/i> et <i>.scss&nbsp;<\/i>?<\/span><\/h3>\n\n\n\n<p>L&rsquo;extension <i>.scss <\/i>permet simplement de ne pas \u00eatre oblig\u00e9 de mentionner les accolades et les points-virgules.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span style=\"text-decoration: underline;\">Compass, c&rsquo;est quoi&nbsp;?<\/span><\/h3>\n\n\n\n<p>Compass est un framework\u00a0; c&rsquo;est donc une biblioth\u00e8que de <strong>Sass<\/strong> regroupant des outils suppl\u00e9mentaires et des <i>mixins<\/i> d\u00e9j\u00e0 programm\u00e9s.<\/p>\n\n\n\n<p>&nbsp;<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><span lang=\"fr-FR\">Sass est donc un outil tr\u00e8s puissant, qui permet de gagner en productivit\u00e9, d&rsquo;autant plus s&rsquo;il est coupl\u00e9 \u00e0 un plugin d&rsquo;\u00e9diteur tel que Emmet (<\/span><a href=\"https:\/\/emmet.io\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/emmet.io\/<\/a><span lang=\"fr-FR\">). Il entra\u00eene tout de m\u00eame une p\u00e9riode d&rsquo;apprentissage et une bonne ma\u00eetrise du langage <strong>CSS<\/strong> de base.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Gagnez du temps dans l&rsquo;int\u00e9gration de vos sites en CSS gr\u00e2ce \u00e0 <strong>Sass&nbsp;<\/strong>(Syntactically Awesome StyleSheets) !<\/p>\n<h4 style=\"margin-bottom: 0cm;\" align=\"JUSTIFY\"><span style=\"text-decoration: underline;\"><strong>Sass<\/strong> c&rsquo;est quoi&nbsp;?<\/span><\/h4>\n<p style=\"margin-bottom: 0cm;\" align=\"JUSTIFY\">C&rsquo;est un pr\u00e9processeur <strong>CSS<\/strong> qui permet d&rsquo;\u00e9tendre le langage <strong>CSS<\/strong>.<\/p>\n","protected":false},"author":1,"featured_media":521,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[5],"tags":[],"class_list":["post-62","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-developpement-web"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Sass, ou comment faire gagner du temps aux int\u00e9grateurs HTML-CSS ! - Blog du CEFii<\/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:\/\/www.cefii.fr\/blog\/sass-comment-faire-gagner-du-temps-aux-integrateurs-html-css\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Sass, ou comment faire gagner du temps aux int\u00e9grateurs HTML-CSS ! - Blog du CEFii\" \/>\n<meta property=\"og:description\" content=\"Gagnez du temps dans l&#039;int\u00e9gration de vos sites en CSS gr\u00e2ce \u00e0 Sass&nbsp;(Syntactically Awesome StyleSheets) ! Sass c&#039;est quoi&nbsp;? C&#039;est un pr\u00e9processeur CSS qui permet d&#039;\u00e9tendre le langage CSS.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.cefii.fr\/blog\/sass-comment-faire-gagner-du-temps-aux-integrateurs-html-css\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog du CEFii\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/CEFiiWeb\" \/>\n<meta property=\"article:published_time\" content=\"2015-04-29T09:47:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-01-18T15:56:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.cefii.fr\/blog\/wp-content\/uploads\/2023\/01\/BLOG-2015-sass-200x94-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"200\" \/>\n\t<meta property=\"og:image:height\" content=\"94\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"charly\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"charly\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/sass-comment-faire-gagner-du-temps-aux-integrateurs-html-css\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/sass-comment-faire-gagner-du-temps-aux-integrateurs-html-css\\\/\"},\"author\":{\"name\":\"charly\",\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/#\\\/schema\\\/person\\\/96f21e4cb9b71e858dbfd4e83826b0ef\"},\"headline\":\"Sass, ou comment faire gagner du temps aux int\u00e9grateurs HTML-CSS !\",\"datePublished\":\"2015-04-29T09:47:00+00:00\",\"dateModified\":\"2023-01-18T15:56:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/sass-comment-faire-gagner-du-temps-aux-integrateurs-html-css\\\/\"},\"wordCount\":429,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/sass-comment-faire-gagner-du-temps-aux-integrateurs-html-css\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/01\\\/BLOG-2015-sass-200x94-1.png\",\"articleSection\":[\"D\u00e9veloppement Web\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/sass-comment-faire-gagner-du-temps-aux-integrateurs-html-css\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/sass-comment-faire-gagner-du-temps-aux-integrateurs-html-css\\\/\",\"url\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/sass-comment-faire-gagner-du-temps-aux-integrateurs-html-css\\\/\",\"name\":\"Sass, ou comment faire gagner du temps aux int\u00e9grateurs HTML-CSS ! - Blog du CEFii\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/sass-comment-faire-gagner-du-temps-aux-integrateurs-html-css\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/sass-comment-faire-gagner-du-temps-aux-integrateurs-html-css\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/01\\\/BLOG-2015-sass-200x94-1.png\",\"datePublished\":\"2015-04-29T09:47:00+00:00\",\"dateModified\":\"2023-01-18T15:56:04+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/sass-comment-faire-gagner-du-temps-aux-integrateurs-html-css\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/sass-comment-faire-gagner-du-temps-aux-integrateurs-html-css\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/sass-comment-faire-gagner-du-temps-aux-integrateurs-html-css\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/01\\\/BLOG-2015-sass-200x94-1.png\",\"contentUrl\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/01\\\/BLOG-2015-sass-200x94-1.png\",\"width\":200,\"height\":94},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/sass-comment-faire-gagner-du-temps-aux-integrateurs-html-css\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Sass, ou comment faire gagner du temps aux int\u00e9grateurs HTML-CSS !\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/\",\"name\":\"Blog du CEFii\",\"description\":\"Suivez les actus de votre organisme de formation | CEFii\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/#organization\",\"name\":\"Blog du CEFii\",\"url\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/site-logo-cefii-2024-fonce.png\",\"contentUrl\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/site-logo-cefii-2024-fonce.png\",\"width\":200,\"height\":109,\"caption\":\"Blog du CEFii\"},\"image\":{\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/CEFiiWeb\",\"https:\\\/\\\/www.linkedin.com\\\/school\\\/11289329\\\/\",\"https:\\\/\\\/www.instagram.com\\\/cefii_formations\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/#\\\/schema\\\/person\\\/96f21e4cb9b71e858dbfd4e83826b0ef\",\"name\":\"charly\",\"sameAs\":[\"https:\\\/\\\/www.cefii.fr\\\/blog\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Sass, ou comment faire gagner du temps aux int\u00e9grateurs HTML-CSS ! - Blog du CEFii","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:\/\/www.cefii.fr\/blog\/sass-comment-faire-gagner-du-temps-aux-integrateurs-html-css\/","og_locale":"fr_FR","og_type":"article","og_title":"Sass, ou comment faire gagner du temps aux int\u00e9grateurs HTML-CSS ! - Blog du CEFii","og_description":"Gagnez du temps dans l'int\u00e9gration de vos sites en CSS gr\u00e2ce \u00e0 Sass&nbsp;(Syntactically Awesome StyleSheets) ! Sass c'est quoi&nbsp;? C'est un pr\u00e9processeur CSS qui permet d'\u00e9tendre le langage CSS.","og_url":"https:\/\/www.cefii.fr\/blog\/sass-comment-faire-gagner-du-temps-aux-integrateurs-html-css\/","og_site_name":"Blog du CEFii","article_publisher":"https:\/\/www.facebook.com\/CEFiiWeb","article_published_time":"2015-04-29T09:47:00+00:00","article_modified_time":"2023-01-18T15:56:04+00:00","og_image":[{"width":200,"height":94,"url":"https:\/\/www.cefii.fr\/blog\/wp-content\/uploads\/2023\/01\/BLOG-2015-sass-200x94-1.png","type":"image\/png"}],"author":"charly","twitter_misc":{"\u00c9crit par":"charly","Dur\u00e9e de lecture estim\u00e9e":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.cefii.fr\/blog\/sass-comment-faire-gagner-du-temps-aux-integrateurs-html-css\/#article","isPartOf":{"@id":"https:\/\/www.cefii.fr\/blog\/sass-comment-faire-gagner-du-temps-aux-integrateurs-html-css\/"},"author":{"name":"charly","@id":"https:\/\/www.cefii.fr\/blog\/#\/schema\/person\/96f21e4cb9b71e858dbfd4e83826b0ef"},"headline":"Sass, ou comment faire gagner du temps aux int\u00e9grateurs HTML-CSS !","datePublished":"2015-04-29T09:47:00+00:00","dateModified":"2023-01-18T15:56:04+00:00","mainEntityOfPage":{"@id":"https:\/\/www.cefii.fr\/blog\/sass-comment-faire-gagner-du-temps-aux-integrateurs-html-css\/"},"wordCount":429,"commentCount":0,"publisher":{"@id":"https:\/\/www.cefii.fr\/blog\/#organization"},"image":{"@id":"https:\/\/www.cefii.fr\/blog\/sass-comment-faire-gagner-du-temps-aux-integrateurs-html-css\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cefii.fr\/blog\/wp-content\/uploads\/2023\/01\/BLOG-2015-sass-200x94-1.png","articleSection":["D\u00e9veloppement Web"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.cefii.fr\/blog\/sass-comment-faire-gagner-du-temps-aux-integrateurs-html-css\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.cefii.fr\/blog\/sass-comment-faire-gagner-du-temps-aux-integrateurs-html-css\/","url":"https:\/\/www.cefii.fr\/blog\/sass-comment-faire-gagner-du-temps-aux-integrateurs-html-css\/","name":"Sass, ou comment faire gagner du temps aux int\u00e9grateurs HTML-CSS ! - Blog du CEFii","isPartOf":{"@id":"https:\/\/www.cefii.fr\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.cefii.fr\/blog\/sass-comment-faire-gagner-du-temps-aux-integrateurs-html-css\/#primaryimage"},"image":{"@id":"https:\/\/www.cefii.fr\/blog\/sass-comment-faire-gagner-du-temps-aux-integrateurs-html-css\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cefii.fr\/blog\/wp-content\/uploads\/2023\/01\/BLOG-2015-sass-200x94-1.png","datePublished":"2015-04-29T09:47:00+00:00","dateModified":"2023-01-18T15:56:04+00:00","breadcrumb":{"@id":"https:\/\/www.cefii.fr\/blog\/sass-comment-faire-gagner-du-temps-aux-integrateurs-html-css\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.cefii.fr\/blog\/sass-comment-faire-gagner-du-temps-aux-integrateurs-html-css\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.cefii.fr\/blog\/sass-comment-faire-gagner-du-temps-aux-integrateurs-html-css\/#primaryimage","url":"https:\/\/www.cefii.fr\/blog\/wp-content\/uploads\/2023\/01\/BLOG-2015-sass-200x94-1.png","contentUrl":"https:\/\/www.cefii.fr\/blog\/wp-content\/uploads\/2023\/01\/BLOG-2015-sass-200x94-1.png","width":200,"height":94},{"@type":"BreadcrumbList","@id":"https:\/\/www.cefii.fr\/blog\/sass-comment-faire-gagner-du-temps-aux-integrateurs-html-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.cefii.fr\/blog\/"},{"@type":"ListItem","position":2,"name":"Sass, ou comment faire gagner du temps aux int\u00e9grateurs HTML-CSS !"}]},{"@type":"WebSite","@id":"https:\/\/www.cefii.fr\/blog\/#website","url":"https:\/\/www.cefii.fr\/blog\/","name":"Blog du CEFii","description":"Suivez les actus de votre organisme de formation | CEFii","publisher":{"@id":"https:\/\/www.cefii.fr\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.cefii.fr\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.cefii.fr\/blog\/#organization","name":"Blog du CEFii","url":"https:\/\/www.cefii.fr\/blog\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.cefii.fr\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.cefii.fr\/blog\/wp-content\/uploads\/2023\/11\/site-logo-cefii-2024-fonce.png","contentUrl":"https:\/\/www.cefii.fr\/blog\/wp-content\/uploads\/2023\/11\/site-logo-cefii-2024-fonce.png","width":200,"height":109,"caption":"Blog du CEFii"},"image":{"@id":"https:\/\/www.cefii.fr\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/CEFiiWeb","https:\/\/www.linkedin.com\/school\/11289329\/","https:\/\/www.instagram.com\/cefii_formations\/"]},{"@type":"Person","@id":"https:\/\/www.cefii.fr\/blog\/#\/schema\/person\/96f21e4cb9b71e858dbfd4e83826b0ef","name":"charly","sameAs":["https:\/\/www.cefii.fr\/blog"]}]}},"_links":{"self":[{"href":"https:\/\/www.cefii.fr\/blog\/wp-json\/wp\/v2\/posts\/62","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cefii.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cefii.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cefii.fr\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cefii.fr\/blog\/wp-json\/wp\/v2\/comments?post=62"}],"version-history":[{"count":2,"href":"https:\/\/www.cefii.fr\/blog\/wp-json\/wp\/v2\/posts\/62\/revisions"}],"predecessor-version":[{"id":522,"href":"https:\/\/www.cefii.fr\/blog\/wp-json\/wp\/v2\/posts\/62\/revisions\/522"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cefii.fr\/blog\/wp-json\/wp\/v2\/media\/521"}],"wp:attachment":[{"href":"https:\/\/www.cefii.fr\/blog\/wp-json\/wp\/v2\/media?parent=62"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cefii.fr\/blog\/wp-json\/wp\/v2\/categories?post=62"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cefii.fr\/blog\/wp-json\/wp\/v2\/tags?post=62"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}