{"id":508,"date":"2019-11-15T15:21:24","date_gmt":"2019-11-15T15:21:24","guid":{"rendered":"https:\/\/sdf-docs.mansystems.com\/docs\/acr-rules\/maintenance\/pages-with-inline-styling\/"},"modified":"2020-02-24T11:45:04","modified_gmt":"2020-02-24T11:45:04","slug":"inlinestyling","status":"publish","type":"docs","link":"https:\/\/sdf-docs.clevr.com\/?docs=acr-rules\/maintainability\/inlinestyling","title":{"rendered":"Styling should be done using sass"},"content":{"rendered":"\n<p>For styling, Mendix recommends to use the sass. The scss files can be found in the &lt;project>\/themes\/styles\/sass\/custom folder. Use classes in the model when needed, but do not use inline styling.<\/p>\n\n\n\n<p><strong>Noncompliant solution:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"723\" height=\"394\" src=\"https:\/\/sdf-docs.clevr.com\/wp-content\/uploads\/2020\/01\/image-73.png\" alt=\"\" class=\"wp-image-1033\" srcset=\"https:\/\/sdf-docs.clevr.com\/wp-content\/uploads\/2020\/01\/image-73.png 723w, https:\/\/sdf-docs.clevr.com\/wp-content\/uploads\/2020\/01\/image-73-480x262.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 723px, 100vw\" \/><\/figure>\n\n\n\n<p><strong>Compliant solution:<\/strong><\/p>\n\n\n\n<p>See this forum post for more information on how to style mendix using sass:<br><a href=\"https:\/\/forum.mendixcloud.com\/link\/questions\/92855\">https:\/\/forum.mendixcloud.com\/link\/questions\/92855<\/a><\/p>\n","protected":false},"featured_media":0,"parent":98,"menu_order":25,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-508","docs","type-docs","status-publish","hentry"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/sdf-docs.clevr.com\/index.php?rest_route=\/wp\/v2\/docs\/508"}],"collection":[{"href":"https:\/\/sdf-docs.clevr.com\/index.php?rest_route=\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/sdf-docs.clevr.com\/index.php?rest_route=\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/sdf-docs.clevr.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=508"}],"version-history":[{"count":5,"href":"https:\/\/sdf-docs.clevr.com\/index.php?rest_route=\/wp\/v2\/docs\/508\/revisions"}],"predecessor-version":[{"id":1034,"href":"https:\/\/sdf-docs.clevr.com\/index.php?rest_route=\/wp\/v2\/docs\/508\/revisions\/1034"}],"up":[{"embeddable":true,"href":"https:\/\/sdf-docs.clevr.com\/index.php?rest_route=\/wp\/v2\/docs\/98"}],"next":[{"title":"Project should have a maximum of N user libraries","link":"https:\/\/sdf-docs.clevr.com\/?docs=acr-rules\/maintainability\/maintainabilityjaramount","href":"https:\/\/sdf-docs.clevr.com\/index.php?rest_route=\/wp\/v2\/docs\/2153"}],"prev":[{"title":"Module should have a maximum of N flows","link":"https:\/\/sdf-docs.clevr.com\/?docs=acr-rules\/maintainability\/flowsamount","href":"https:\/\/sdf-docs.clevr.com\/index.php?rest_route=\/wp\/v2\/docs\/307"}],"wp:attachment":[{"href":"https:\/\/sdf-docs.clevr.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=508"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/sdf-docs.clevr.com\/index.php?rest_route=%2Fwp%2Fv2%2Fdoc_tag&post=508"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}