{"id":382,"date":"2017-11-20T12:45:46","date_gmt":"2017-11-20T12:45:46","guid":{"rendered":"https:\/\/abaiyamook.com\/?p=382"},"modified":"2021-12-01T04:15:39","modified_gmt":"2021-12-01T04:15:39","slug":"%e0%b8%88%e0%b8%b1%e0%b8%94%e0%b8%a3%e0%b8%b0%e0%b9%80%e0%b8%9a%e0%b8%b5%e0%b8%a2%e0%b8%9a-css-%e0%b8%94%e0%b9%89%e0%b8%a7%e0%b8%a2-scss-%e0%b8%81%e0%b8%b1%e0%b8%99%e0%b9%80%e0%b8%96%e0%b8%ad%e0%b8%b0","status":"publish","type":"post","link":"https:\/\/abaiyamook.com\/th\/2017\/11\/20\/%e0%b8%88%e0%b8%b1%e0%b8%94%e0%b8%a3%e0%b8%b0%e0%b9%80%e0%b8%9a%e0%b8%b5%e0%b8%a2%e0%b8%9a-css-%e0%b8%94%e0%b9%89%e0%b8%a7%e0%b8%a2-scss-%e0%b8%81%e0%b8%b1%e0%b8%99%e0%b9%80%e0%b8%96%e0%b8%ad%e0%b8%b0\/","title":{"rendered":"\u0e08\u0e31\u0e14\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a CSS \u0e14\u0e49\u0e27\u0e22 SCSS \u0e01\u0e31\u0e19\u0e40\u0e16\u0e2d\u0e30"},"content":{"rendered":"\n<p id=\"7d9f\"><strong>** \u0e40\u0e01\u0e23\u0e34\u0e48\u0e19 : SCSS \u0e21\u0e31\u0e19\u0e21\u0e35\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e44\u0e14\u0e49\u0e2d\u0e40\u0e19\u0e01\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c \u0e41\u0e25\u0e49\u0e27\u0e41\u0e15\u0e48\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e35\u0e22\u0e19\u0e08\u0e30\u0e2b\u0e22\u0e34\u0e1a\u0e21\u0e31\u0e19\u0e44\u0e1b\u0e43\u0e0a\u0e49 .. \u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e19\u0e35\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e41\u0e04\u0e48\u0e2a\u0e48\u0e27\u0e19\u0e2b\u0e19\u0e36\u0e48\u0e07\u0e40\u0e17\u0e48\u0e32\u0e19\u0e31\u0e49\u0e19**<\/strong><\/p>\n\n\n\n<p id=\"318e\">\u0e40\u0e2b\u0e25\u0e48\u0e32 Front End Developer \u0e04\u0e38\u0e13\u0e40\u0e04\u0e22\u0e40\u0e08\u0e2d\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e40\u0e2b\u0e25\u0e48\u0e32\u0e19\u0e35\u0e49\u0e40\u0e2b\u0e21\u0e37\u0e2d\u0e19\u0e01\u0e31\u0e19\u0e43\u0e0a\u0e48\u0e44\u0e2b\u0e21<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>\u0e40\u0e02\u0e35\u0e22\u0e19 CSS \u0e44\u0e1b\u0e19\u0e32\u0e19\u0e46 \u0e41\u0e25\u0e49\u0e27\u0e42\u0e04\u0e49\u0e14\u0e15\u0e35\u0e01\u0e31\u0e19 .. \u0e15\u0e49\u0e2d\u0e07\u0e21\u0e32 Force CSS \u0e43\u0e2b\u0e49\u0e27\u0e38\u0e48\u0e19\u0e27\u0e32\u0e22\u0e1b\u0e27\u0e14\u0e2b\u0e31\u0e27 \u0e2a\u0e38\u0e14\u0e17\u0e49\u0e32\u0e22 CSS Force \u0e01\u0e31\u0e19\u0e2a\u0e34\u0e1a\u0e0a\u0e31\u0e49\u0e19\u0e44\u0e14\u0e49 \u0e01\u0e27\u0e48\u0e32\u0e08\u0e30\u0e44\u0e14\u0e49\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23<\/li><li>CSS \u0e1a\u0e27\u0e21\u0e2d\u0e37\u0e14 .. \u0e40\u0e02\u0e35\u0e22\u0e19\u0e44\u0e1b\u0e41\u0e25\u0e49\u0e27\u0e23\u0e2d\u0e1a\u0e19\u0e36\u0e07\u0e14\u0e31\u0e19\u0e25\u0e37\u0e21 .. \u0e40\u0e08\u0e2d\u0e2d\u0e35\u0e01\u0e17\u0e35 \u0e40\u0e2d\u0e49\u0e32 .. \u0e40\u0e02\u0e35\u0e22\u0e19 class \u0e43\u0e2b\u0e21\u0e48 id \u0e43\u0e2b\u0e21\u0e48\u0e40\u0e25\u0e22\u0e25\u0e30\u0e01\u0e31\u0e19\u0e07\u0e48\u0e32\u0e22\u0e14\u0e35 .. \u0e17\u0e31\u0e49\u0e07\u0e46\u0e17\u0e35\u0e48\u0e40\u0e2d\u0e32\u0e02\u0e2d\u0e07\u0e40\u0e01\u0e48\u0e32\u0e21\u0e32\u0e43\u0e0a\u0e49\u0e01\u0e47\u0e44\u0e14\u0e49\u0e41\u0e25\u0e49\u0e27<\/li><li>\u0e1a\u0e32\u0e07\u0e42\u0e1b\u0e23\u0e40\u0e08\u0e04 \u0e08\u0e30\u0e40\u0e2d\u0e32 Element \u0e17\u0e35\u0e48\u0e40\u0e04\u0e22\u0e40\u0e02\u0e35\u0e22\u0e19\u0e08\u0e32\u0e01\u0e2d\u0e35\u0e01\u0e42\u0e1b\u0e23\u0e40\u0e08\u0e04\u0e19\u0e36\u0e07\u0e21\u0e32\u0e43\u0e0a\u0e49.. \u0e14\u0e31\u0e19\u0e01\u0e4a\u0e2d\u0e1b CSS \u0e21\u0e32\u0e44\u0e21\u0e48\u0e2b\u0e21\u0e14 .. \u0e44\u0e25\u0e48\u0e2b\u0e32\u0e01\u0e31\u0e19\u0e40\u0e1b\u0e47\u0e19\u0e27\u0e31\u0e19\u0e01\u0e27\u0e48\u0e32\u0e08\u0e30\u0e44\u0e14\u0e49 (\u0e40\u0e02\u0e35\u0e22\u0e19\u0e43\u0e2b\u0e21\u0e48\u0e07\u0e48\u0e32\u0e22\u0e01\u0e27\u0e48\u0e32\u0e2d\u0e35\u0e01)<\/li><li>\u0e21\u0e35\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19\u0e21\u0e32\u0e0a\u0e48\u0e27\u0e22\u0e40\u0e02\u0e35\u0e22\u0e19 \u0e15\u0e48\u0e32\u0e07\u0e04\u0e19\u0e15\u0e48\u0e32\u0e07\u0e07\u0e07.. \u0e40\u0e02\u0e35\u0e22\u0e19\u0e01\u0e31\u0e19\u0e04\u0e19\u0e25\u0e30\u0e2a\u0e44\u0e15\u0e25\u0e4c \u0e04\u0e34\u0e14\u0e08\u0e30\u0e40\u0e1e\u0e34\u0e48\u0e21 CSS \u0e15\u0e23\u0e07\u0e44\u0e2b\u0e19\u0e01\u0e47\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e41\u0e1a\u0e1a\u0e44\u0e21\u0e48\u0e21\u0e35\u0e1b\u0e35\u0e48\u0e21\u0e35\u0e02\u0e25\u0e38\u0e48\u0e22 .. \u0e2a\u0e38\u0e14\u0e17\u0e49\u0e32\u0e22\u0e21\u0e32\u0e01\u0e23\u0e30\u0e17\u0e1a\u0e01\u0e31\u0e1a\u0e02\u0e2d\u0e07\u0e2d\u0e35\u0e01\u0e04\u0e19\u0e17\u0e35\u0e48\u0e40\u0e02\u0e35\u0e22\u0e19\u0e14\u0e49\u0e27\u0e22\u0e01\u0e31\u0e19 (\u0e0b\u0e30\u0e07\u0e31\u0e49\u0e19)<\/li><li>\u0e08\u0e30\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e2a\u0e35 \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19 background \u0e2b\u0e23\u0e37\u0e2d\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19 font \u0e2a\u0e31\u0e01\u0e08\u0e38\u0e14 .. \u0e41\u0e25\u0e49\u0e27\u0e21\u0e31\u0e19\u0e21\u0e35\u0e2d\u0e35\u0e08\u0e38\u0e14\u0e19\u0e35\u0e49\u0e2d\u0e22\u0e39\u0e48\u0e17\u0e38\u0e01\u0e2b\u0e19\u0e49\u0e32 .. \u0e15\u0e49\u0e2d\u0e07\u0e21\u0e32\u0e1e\u0e36\u0e48\u0e07\u0e1e\u0e32\u0e04\u0e33\u0e2a\u0e31\u0e48\u0e07 Find > Replace All \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e17\u0e38\u0e01\u0e46\u0e08\u0e38\u0e14\u0e43\u0e2b\u0e49\u0e40\u0e2b\u0e21\u0e37\u0e2d\u0e19\u0e01\u0e31\u0e19 .. \u0e41\u0e16\u0e21\u0e1e\u0e2d\u0e17\u0e33\u0e44\u0e1b\u0e41\u0e25\u0e49\u0e27\u0e40\u0e27\u0e47\u0e1a\u0e14\u0e31\u0e19\u0e1e\u0e31\u0e07\u0e2d\u0e35\u0e01 .. \u0e40\u0e1e\u0e23\u0e32\u0e30\u0e44\u0e1b\u0e42\u0e14\u0e19\u0e08\u0e38\u0e14\u0e17\u0e35\u0e48\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e08\u0e30\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e44\u0e1b\u0e14\u0e49\u0e27\u0e22!!<\/li><li>\u0e15\u0e49\u0e2d\u0e07\u0e21\u0e32\u0e40\u0e02\u0e35\u0e22\u0e19 property \u0e40\u0e14\u0e34\u0e21\u0e46 \u0e0b\u0e49\u0e33\u0e46 \u2026 \u0e40\u0e0a\u0e48\u0e19 \u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49 CSS Hack Browser \u0e1a\u0e32\u0e07\u0e04\u0e33\u0e2a\u0e31\u0e48\u0e07 \u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e2a\u0e31\u0e48\u0e07\u0e41\u0e22\u0e01\u0e43\u0e2b\u0e49\u0e01\u0e31\u0e1a Browser \u0e17\u0e35\u0e48\u0e21\u0e31\u0e19\u0e22\u0e31\u0e07\u0e25\u0e49\u0e32\u0e2b\u0e25\u0e31\u0e07 \u0e44\u0e21\u0e48\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08 .. \u0e08\u0e30\u0e43\u0e0a\u0e49 property \u0e19\u0e35\u0e49 ..\u0e01\u0e47\u0e15\u0e49\u0e2d\u0e07\u0e40\u0e02\u0e35\u0e22\u0e19 hack \u0e21\u0e31\u0e19\u0e17\u0e38\u0e01\u0e04\u0e23\u0e31\u0e49\u0e07\u0e44\u0e1b .. #\u0e40\u0e2b\u0e19\u0e37\u0e48\u0e2d\u0e22\u0e44\u0e2b\u0e21\u0e16\u0e32\u0e21\u0e43\u0e08\u0e40\u0e18\u0e2d\u0e14\u0e39<\/li><\/ul>\n\n\n\n<p id=\"8188\">\u0e2f\u0e25\u0e2f<\/p>\n\n\n\n<p id=\"4869\">\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e02\u0e49\u0e32\u0e07\u0e1a\u0e19\u0e19\u0e35\u0e48\u0e41\u0e04\u0e48\u0e2a\u0e48\u0e27\u0e19\u0e2b\u0e19\u0e36\u0e48\u0e07 \u0e41\u0e15\u0e48\u0e0a\u0e35\u0e27\u0e34\u0e15\u0e08\u0e23\u0e34\u0e07\u0e21\u0e31\u0e19\u0e22\u0e34\u0e48\u0e07\u0e01\u0e27\u0e48\u0e32\u0e43\u0e19\u0e25\u0e30\u0e04\u0e23 \u0e1a\u0e32\u0e07\u0e04\u0e19\u0e40\u0e02\u0e35\u0e22\u0e19\u0e2d\u0e22\u0e39\u0e48\u0e04\u0e19\u0e40\u0e14\u0e35\u0e22\u0e27 \u0e22\u0e31\u0e07\u0e07\u0e07\u0e42\u0e04\u0e49\u0e14\u0e17\u0e35\u0e48\u0e15\u0e31\u0e27\u0e40\u0e2d\u0e07\u0e40\u0e02\u0e35\u0e22\u0e19\u0e40\u0e25\u0e22 \u0e40\u0e1e\u0e23\u0e32\u0e30\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e01\u0e31\u0e1a CSS \u0e15\u0e31\u0e27\u0e40\u0e2d\u0e07\u0e44\u0e14\u0e49\u0e44\u0e21\u0e48\u0e40\u0e23\u0e35\u0e22\u0e1a\u0e23\u0e49\u0e2d\u0e22\u0e1e\u0e2d<\/p>\n\n\n\n<h1 class=\"wp-block-heading\" id=\"3e7f\"><strong>\u0e17\u0e32\u0e07\u0e2d\u0e2d\u0e01\u0e04\u0e37\u0e2d SCSS<\/strong><\/h1>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"9055\">SCSS \u0e04\u0e37\u0e2d\u0e2d\u0e30\u0e44\u0e23 ?<\/h2>\n\n\n\n<p id=\"1055\">SCSS \u0e21\u0e31\u0e19\u0e04\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19 CSS \u0e43\u0e19\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e2b\u0e19\u0e36\u0e48\u0e07 \u0e17\u0e35\u0e48\u0e40\u0e04\u0e49\u0e32\u0e40\u0e23\u0e35\u0e22\u0e01\u0e01\u0e31\u0e19\u0e27\u0e48\u0e32 \u201cPreprocessor\u201d (Pre \u0e41\u0e1b\u0e25\u0e27\u0e48\u0e32\u0e01\u0e48\u0e2d\u0e19 \/ Processor \u0e04\u0e37\u0e2d \u0e1b\u0e23\u0e30\u0e21\u0e27\u0e25\u0e1c\u0e25 \u2192 \u0e04\u0e37\u0e2d \u0e15\u0e49\u0e2d\u0e07\u0e40\u0e2d\u0e32\u0e44\u0e1b\u0e1b\u0e23\u0e30\u0e21\u0e27\u0e25\u0e1c\u0e25\u0e01\u0e48\u0e2d\u0e19\u0e17\u0e35\u0e48\u0e08\u0e30\u0e2d\u0e2d\u0e01\u0e21\u0e32\u0e40\u0e1b\u0e47\u0e19 CSS \u0e19\u0e31\u0e48\u0e19\u0e40\u0e2d\u0e07)<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"6ca7\">\u0e2b\u0e21\u0e32\u0e22\u0e04\u0e27\u0e32\u0e21\u0e27\u0e48\u0e32\u0e44\u0e07 \u0e07\u0e07?<\/h2>\n\n\n\n<p id=\"ab49\">\u0e01\u0e47\u0e2b\u0e21\u0e32\u0e22\u0e04\u0e27\u0e32\u0e21\u0e27\u0e48\u0e32 \u0e15\u0e32\u0e21\u0e1b\u0e01\u0e15\u0e34 \u0e16\u0e49\u0e32\u0e04\u0e38\u0e13\u0e40\u0e02\u0e35\u0e22\u0e19 CSS \u0e04\u0e38\u0e13\u0e01\u0e47\u0e40\u0e02\u0e35\u0e22\u0e19\u0e41\u0e25\u0e49\u0e27\u0e19\u0e33\u0e44\u0e1f\u0e25\u0e4c .css \u0e17\u0e35\u0e48\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e02\u0e36\u0e49\u0e19\u0e21\u0e32\u0e44\u0e1b\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e44\u0e14\u0e49\u0e40\u0e25\u0e22.. \u0e41\u0e15\u0e48\u0e16\u0e49\u0e32\u0e04\u0e38\u0e13\u0e40\u0e02\u0e35\u0e22\u0e19\u0e43\u0e19\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a SCSS \u0e04\u0e38\u0e13\u0e08\u0e33\u0e40\u0e1b\u0e47\u0e19\u0e08\u0e30\u0e15\u0e49\u0e2d\u0e07 Compile .SCSS \u0e17\u0e35\u0e48\u0e04\u0e38\u0e13\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e02\u0e36\u0e49\u0e19\u0e21\u0e32\u0e01\u0e48\u0e2d\u0e19 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e21\u0e31\u0e19\u0e2d\u0e2d\u0e01\u0e21\u0e32\u0e40\u0e1b\u0e47\u0e19\u0e44\u0e1f\u0e25\u0e4c .css \u0e08\u0e36\u0e07\u0e08\u0e30\u0e19\u0e33\u0e44\u0e1b\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e44\u0e14\u0e49\u0e19\u0e31\u0e48\u0e19\u0e40\u0e2d\u0e07<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"8017\">Compile \u0e01\u0e48\u0e2d\u0e19\u0e41\u0e25\u0e49\u0e27\u0e21\u0e31\u0e19\u0e14\u0e35\u0e22\u0e31\u0e07\u0e44\u0e07?<\/h2>\n\n\n\n<p id=\"d73a\">\u0e01\u0e32\u0e23 Compile code \u0e01\u0e48\u0e2d\u0e19 \u0e40\u0e1b\u0e47\u0e19\u0e01\u0e32\u0e23 Recheck \u0e44\u0e1b\u0e43\u0e19\u0e15\u0e31\u0e27\u0e27\u0e48\u0e32..<strong>&nbsp;\u0e42\u0e04\u0e49\u0e14\u0e17\u0e35\u0e48\u0e04\u0e38\u0e13\u0e40\u0e02\u0e35\u0e22\u0e19\u0e21\u0e35\u0e08\u0e38\u0e14\u0e44\u0e2b\u0e19\u0e17\u0e35\u0e48 Error \u0e2b\u0e23\u0e37\u0e2d\u0e1c\u0e34\u0e14\u0e1e\u0e25\u0e32\u0e14\u0e2b\u0e23\u0e37\u0e2d\u0e44\u0e21\u0e48 .. \u0e40\u0e1e\u0e23\u0e32\u0e30\u0e16\u0e49\u0e32\u0e04\u0e38\u0e13\u0e40\u0e02\u0e35\u0e22\u0e19\u0e1c\u0e34\u0e14 \/ \u0e1b\u0e34\u0e14\u0e1b\u0e35\u0e01\u0e01\u0e32\u0e1c\u0e34\u0e14 \/ \u0e25\u0e37\u0e21\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e2b\u0e21\u0e32\u0e22 ; \u0e2b\u0e23\u0e37\u0e2d\u0e2d\u0e30\u0e44\u0e23\u0e43\u0e14\u0e46 .. \u0e21\u0e31\u0e19\u0e08\u0e30\u0e41\u0e08\u0e49\u0e07\u0e40\u0e15\u0e37\u0e2d\u0e19\u0e40\u0e1b\u0e47\u0e19 error \u0e1a\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e27\u0e47\u0e1a \u0e2b\u0e23\u0e37\u0e2d\u0e43\u0e19\u0e44\u0e1f\u0e25\u0e4c css \u0e17\u0e35\u0e48 compile \u0e2d\u0e2d\u0e01\u0e21\u0e32\u0e43\u0e2b\u0e49\u0e04\u0e38\u0e13\u0e23\u0e39\u0e49 \u0e27\u0e48\u0e32\u0e04\u0e38\u0e13\u0e40\u0e02\u0e35\u0e22\u0e19\u0e1c\u0e34\u0e14<\/strong>&nbsp;.. \u0e40\u0e2b\u0e21\u0e37\u0e2d\u0e19\u0e21\u0e35\u0e04\u0e23\u0e39\u0e04\u0e2d\u0e22\u0e15\u0e23\u0e27\u0e08\u0e02\u0e49\u0e2d\u0e2a\u0e2d\u0e1a\u0e43\u0e2b\u0e49\u0e01\u0e48\u0e2d\u0e19\u0e19\u0e33\u0e44\u0e1f\u0e25\u0e4c\u0e44\u0e1b\u0e43\u0e0a\u0e49\u0e08\u0e23\u0e34\u0e07\u0e19\u0e31\u0e48\u0e19\u0e41\u0e2b\u0e25\u0e30\u0e19\u0e49\u0e32<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/abaiyamook.com\/wp-content\/uploads\/2020\/11\/scss0-1024x170.png\" alt=\"\" class=\"wp-image-389\" width=\"1024\" height=\"170\" srcset=\"https:\/\/abaiyamook.com\/wp-content\/uploads\/2020\/11\/scss0-1024x170.png 1024w, https:\/\/abaiyamook.com\/wp-content\/uploads\/2020\/11\/scss0-300x50.png 300w, https:\/\/abaiyamook.com\/wp-content\/uploads\/2020\/11\/scss0-768x128.png 768w, https:\/\/abaiyamook.com\/wp-content\/uploads\/2020\/11\/scss0.png 1400w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e44\u0e1f\u0e25\u0e4c CSS \u0e17\u0e35\u0e48\u0e1c\u0e48\u0e32\u0e19\u0e01\u0e32\u0e23 compile \u0e21\u0e32\u0e41\u0e25\u0e49\u0e27\u0e41\u0e08\u0e49\u0e07\u0e40\u0e15\u0e37\u0e2d\u0e19 Error \u0e27\u0e48\u0e32\u0e25\u0e37\u0e21\u0e1b\u0e34\u0e14\u0e1b\u0e35\u0e01\u0e01\u0e32<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"6604\">\u0e15\u0e48\u0e32\u0e07\u0e01\u0e31\u0e1a CSS \u0e1b\u0e01\u0e15\u0e34\u0e22\u0e31\u0e07\u0e44\u0e07<\/h2>\n\n\n\n<p id=\"6fbd\">CSS \u0e1b\u0e01\u0e15\u0e34 \u0e40\u0e23\u0e32\u0e40\u0e02\u0e35\u0e22\u0e19\u0e44\u0e1b\u0e41\u0e1a\u0e1a\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e22\u0e40\u0e1b\u0e37\u0e48\u0e2d\u0e22 \u0e44\u0e21\u0e48\u0e21\u0e35\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e23\u0e38\u0e4a\u0e1b \u0e19\u0e2d\u0e01\u0e40\u0e2a\u0e35\u0e22\u0e08\u0e32\u0e01\u0e01\u0e32\u0e23 comment \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1a\u0e48\u0e07\u0e1a\u0e2d\u0e01 CSS \u0e43\u0e19\u0e41\u0e15\u0e48\u0e25\u0e30\u0e0a\u0e38\u0e14\u0e17\u0e35\u0e48\u0e40\u0e02\u0e35\u0e22\u0e19\u0e40\u0e2d\u0e32\u0e44\u0e27\u0e49\u0e40\u0e15\u0e37\u0e2d\u0e19\u0e04\u0e27\u0e32\u0e21\u0e08\u0e33 \u0e27\u0e48\u0e32\u0e15\u0e23\u0e07\u0e19\u0e35\u0e49\u0e04\u0e37\u0e2d CSS \u0e44\u0e27\u0e49\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e17\u0e33\u0e2d\u0e30\u0e44\u0e23 .. \u0e27\u0e31\u0e19\u0e14\u0e35\u0e04\u0e37\u0e19\u0e14\u0e35\u0e01\u0e47\u0e25\u0e37\u0e21 \u0e44\u0e1b\u0e40\u0e02\u0e35\u0e22\u0e19\u0e1e\u0e48\u0e27\u0e07\u0e44\u0e27\u0e49\u0e01\u0e31\u0e1a\u0e01\u0e23\u0e38\u0e4a\u0e1b\u0e2d\u0e37\u0e48\u0e19 .. \u0e16\u0e36\u0e07\u0e40\u0e27\u0e25\u0e32\u0e01\u0e47\u0e40\u0e23\u0e34\u0e48\u0e21\u0e40\u0e25\u0e30\u0e02\u0e36\u0e49\u0e19\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e22\u0e46 \u0e01\u0e23\u0e30\u0e08\u0e31\u0e14\u0e01\u0e23\u0e30\u0e08\u0e32\u0e22\u0e01\u0e31\u0e19\u0e08\u0e19\u0e2b\u0e32\u0e44\u0e21\u0e48\u0e40\u0e08\u0e2d<\/p>\n\n\n\n<p id=\"48e0\">\u0e41\u0e15\u0e48 SCSS \u0e17\u0e38\u0e01\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e08\u0e30\u0e21\u0e35\u0e01\u0e32\u0e23\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e14\u0e49\u0e27\u0e22\u0e1b\u0e35\u0e01\u0e01\u0e32\u0e04\u0e23\u0e48\u0e2d\u0e21\u0e44\u0e27\u0e49 \u0e17\u0e33\u0e43\u0e2b\u0e49\u0e40\u0e23\u0e32\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e40\u0e2b\u0e47\u0e19\u0e44\u0e14\u0e49\u0e27\u0e48\u0e32 \u0e01\u0e25\u0e38\u0e48\u0e21\u0e0a\u0e38\u0e14 CSS \u0e17\u0e35\u0e48\u0e04\u0e23\u0e48\u0e2d\u0e21\u0e14\u0e49\u0e27\u0e22\u0e1b\u0e35\u0e01\u0e01\u0e32\u0e0a\u0e38\u0e14\u0e40\u0e14\u0e35\u0e22\u0e27\u0e01\u0e31\u0e19 \u0e40\u0e1b\u0e47\u0e19 CSS \u0e17\u0e35\u0e48\u0e2d\u0e22\u0e39\u0e48\u0e43\u0e19\u0e0a\u0e38\u0e14\u0e40\u0e14\u0e35\u0e22\u0e27\u0e01\u0e31\u0e19\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 \u0e40\u0e27\u0e25\u0e32\u0e08\u0e30\u0e41\u0e01\u0e49\u0e44\u0e02\u0e01\u0e47\u0e21\u0e38\u0e48\u0e07\u0e15\u0e23\u0e07\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e01\u0e25\u0e38\u0e48\u0e21\u0e19\u0e31\u0e49\u0e19 \u0e44\u0e21\u0e48\u0e21\u0e35\u0e1e\u0e25\u0e32\u0e14\u0e41\u0e19\u0e48\u0e19\u0e2d\u0e19<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"5a58\">\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e40\u0e02\u0e35\u0e22\u0e19 SCSS \u0e22\u0e31\u0e07\u0e44\u0e07\u0e14\u0e35?<\/h2>\n\n\n\n<p id=\"33d7\">\u0e01\u0e48\u0e2d\u0e19\u0e2d\u0e37\u0e48\u0e19 \u0e04\u0e38\u0e13\u0e15\u0e49\u0e2d\u0e07\u0e2b\u0e32 Tool \u0e0a\u0e48\u0e27\u0e22\u0e43\u0e19\u0e01\u0e32\u0e23 compile SCSS .. \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e35\u0e22\u0e19 \u0e14\u0e49\u0e27\u0e22\u0e04\u0e27\u0e32\u0e21\u0e17\u0e35\u0e48\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e43\u0e0a\u0e49 Adobe Dreamweaver CC \u0e2d\u0e22\u0e39\u0e48\u0e41\u0e25\u0e49\u0e27\u0e40\u0e25\u0e22\u0e2a\u0e1a\u0e32\u0e22\u0e2b\u0e19\u0e48\u0e2d\u0e22 .. \u0e40\u0e1e\u0e23\u0e32\u0e30 Dreamweaver \u0e21\u0e35\u0e01\u0e32\u0e23\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e14\u0e27\u0e01\u0e43\u0e19\u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19 SCSS \u0e2d\u0e22\u0e39\u0e48\u0e41\u0e25\u0e49\u0e27 \u0e42\u0e14\u0e22\u0e17\u0e33\u0e15\u0e32\u0e21\u0e2a\u0e40\u0e15\u0e1b\u0e14\u0e31\u0e07\u0e19\u0e35\u0e49<\/p>\n\n\n\n<p id=\"13a6\">\u0e44\u0e1b\u0e17\u0e35\u0e48 File > New > \u0e40\u0e25\u0e37\u0e2d\u0e01\u0e40\u0e1b\u0e47\u0e19 SCSS > \u0e01\u0e14 Create<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"631\" src=\"https:\/\/abaiyamook.com\/wp-content\/uploads\/2020\/11\/scss1-1024x631.png\" alt=\"\" class=\"wp-image-383\" srcset=\"https:\/\/abaiyamook.com\/wp-content\/uploads\/2020\/11\/scss1-1024x631.png 1024w, https:\/\/abaiyamook.com\/wp-content\/uploads\/2020\/11\/scss1-300x185.png 300w, https:\/\/abaiyamook.com\/wp-content\/uploads\/2020\/11\/scss1-768x473.png 768w, https:\/\/abaiyamook.com\/wp-content\/uploads\/2020\/11\/scss1.png 1400w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e32\u0e23 Create SCSS \u0e14\u0e49\u0e27\u0e22 Dreamweaver CC<\/figcaption><\/figure>\n\n\n\n<p id=\"d805\">\u0e15\u0e48\u0e2d\u0e44\u0e1b\u0e01\u0e47 setting \u0e44\u0e27\u0e49\u0e27\u0e48\u0e32 .. \u0e40\u0e27\u0e25\u0e32 Compile CSS \u0e2d\u0e2d\u0e01\u0e21\u0e32 \u0e04\u0e38\u0e13\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e43\u0e2b\u0e49\u0e42\u0e04\u0e49\u0e14\u0e2d\u0e2d\u0e01\u0e21\u0e32\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e44\u0e2b\u0e19<\/p>\n\n\n\n<p id=\"88e2\">\u0e44\u0e1b\u0e17\u0e35\u0e48 Site > New Site > \u0e15\u0e31\u0e49\u0e07\u0e0a\u0e37\u0e48\u0e2d Site Name > \u0e01\u0e33\u0e2b\u0e19\u0e14\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07\u0e44\u0e1f\u0e25\u0e4c\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e17\u0e35\u0e48 Local Site Folders<\/p>\n\n\n\n<p id=\"1089\">\u0e17\u0e35\u0e48 Tab \u201cCSS Preprocessors\u201d \u0e40\u0e1b\u0e47\u0e19 Tab \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32 CSS \u0e2b\u0e25\u0e31\u0e07\u0e01\u0e32\u0e23 Compile \u0e27\u0e48\u0e32\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e41\u0e1a\u0e1a\u0e44\u0e2b\u0e19 .. \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e40\u0e23\u0e32 \u0e40\u0e23\u0e32\u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32\u0e44\u0e27\u0e49\u0e41\u0e1a\u0e1a\u0e19\u0e35\u0e49..<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"758\" src=\"https:\/\/abaiyamook.com\/wp-content\/uploads\/2020\/11\/scss2-1024x758.png\" alt=\"\" class=\"wp-image-384\" srcset=\"https:\/\/abaiyamook.com\/wp-content\/uploads\/2020\/11\/scss2-1024x758.png 1024w, https:\/\/abaiyamook.com\/wp-content\/uploads\/2020\/11\/scss2-300x222.png 300w, https:\/\/abaiyamook.com\/wp-content\/uploads\/2020\/11\/scss2-768x568.png 768w, https:\/\/abaiyamook.com\/wp-content\/uploads\/2020\/11\/scss2.png 1400w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e32\u0e23 Create SCSS \u0e14\u0e49\u0e27\u0e22 Dreamweaver CC<\/figcaption><\/figure>\n\n\n\n<p id=\"8fc8\"><strong>1. Enable Auto Compilation on File Save<\/strong>&nbsp;> \u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32\u0e43\u0e2b\u0e49\u0e17\u0e38\u0e01\u0e46\u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48\u0e01\u0e14 Save File SCSS \u0e40\u0e17\u0e48\u0e32\u0e01\u0e31\u0e1a\u0e01\u0e32\u0e23 Compile CSS \u0e42\u0e14\u0e22\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34<br><strong>2. \u0e15\u0e34\u0e4a\u0e01\u0e16\u0e39\u0e01\u0e17\u0e35\u0e48 Generate Source map<\/strong>&nbsp;> \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e15\u0e34\u0e4a\u0e01\u0e16\u0e39\u0e01\u0e17\u0e35\u0e48\u0e02\u0e49\u0e2d\u0e19\u0e35\u0e49 \u0e17\u0e38\u0e01\u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48\u0e04\u0e38\u0e13 save \u0e21\u0e31\u0e19\u0e08\u0e30\u0e44\u0e14\u0e49\u0e44\u0e1f\u0e25\u0e4c .map \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e02\u0e36\u0e49\u0e19\u0e21\u0e32 \u0e42\u0e14\u0e22\u0e44\u0e1f\u0e25\u0e4c\u0e19\u0e35\u0e49\u0e08\u0e30\u0e43\u0e0a\u0e49\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e14\u0e39\u0e42\u0e04\u0e49\u0e14\u0e40\u0e27\u0e25\u0e32 Inspector \u0e1a\u0e19 Browser \u0e15\u0e48\u0e32\u0e07\u0e46 .. \u0e16\u0e49\u0e32\u0e44\u0e21\u0e48\u0e21\u0e35\u0e44\u0e1f\u0e25\u0e4c\u0e19\u0e35\u0e49 \u0e21\u0e31\u0e19\u0e08\u0e30\u0e40\u0e23\u0e35\u0e22\u0e01\u0e40\u0e1b\u0e47\u0e19 .css \u0e1b\u0e01\u0e15\u0e34 .. \u0e41\u0e15\u0e48\u0e16\u0e49\u0e32\u0e21\u0e35\u0e44\u0e1f\u0e25\u0e4c\u0e19\u0e35\u0e49 \u0e08\u0e30\u0e17\u0e33\u0e43\u0e2b\u0e49\u0e42\u0e04\u0e49\u0e14\u0e17\u0e35\u0e48\u0e21\u0e2d\u0e07\u0e40\u0e2b\u0e47\u0e19\u0e08\u0e32\u0e01\u0e01\u0e32\u0e23 Inpector \u0e40\u0e1b\u0e47\u0e19 .scss \u0e41\u0e17\u0e19<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"974\" height=\"470\" src=\"https:\/\/abaiyamook.com\/wp-content\/uploads\/2020\/11\/scss3.png\" alt=\"\" class=\"wp-image-385\" srcset=\"https:\/\/abaiyamook.com\/wp-content\/uploads\/2020\/11\/scss3.png 974w, https:\/\/abaiyamook.com\/wp-content\/uploads\/2020\/11\/scss3-300x145.png 300w, https:\/\/abaiyamook.com\/wp-content\/uploads\/2020\/11\/scss3-768x371.png 768w\" sizes=\"(max-width: 974px) 100vw, 974px\" \/><figcaption>\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19 .map (\u0e16\u0e49\u0e32\u0e21\u0e35\u0e44\u0e1f\u0e25\u0e4c\u0e19\u0e35\u0e49 Browser \u0e08\u0e30\u0e17\u0e33\u0e01\u0e32\u0e23 map SCSS \u0e02\u0e36\u0e49\u0e19\u0e21\u0e32\u0e41\u0e2a\u0e14\u0e07) \u0e41\u0e15\u0e48\u0e16\u0e49\u0e32\u0e44\u0e21\u0e48\u0e21\u0e35 \u0e08\u0e30\u0e41\u0e2a\u0e14\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e44\u0e1f\u0e25\u0e4c .css \u0e18\u0e23\u0e23\u0e21\u0e14\u0e32<\/figcaption><\/figure>\n\n\n\n<p id=\"8afc\">3. \u0e40\u0e25\u0e37\u0e2d\u0e01 \u201c<strong>Compressed<\/strong>\u201d \u0e43\u0e19\u0e02\u0e49\u0e2d SASS\/SCSS: Output File Style \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e17\u0e33\u0e43\u0e2b\u0e49\u0e44\u0e1f\u0e25\u0e4c .css \u0e17\u0e35\u0e48\u0e16\u0e39\u0e01 compile \u0e40\u0e1b\u0e47\u0e19 minify \u0e42\u0e14\u0e22\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34 (\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e21\u0e32 minify \u0e40\u0e2d\u0e07)<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/abaiyamook.com\/wp-content\/uploads\/2020\/11\/scss4-1024x279.png\" alt=\"\" class=\"wp-image-386\" width=\"1024\" height=\"279\" srcset=\"https:\/\/abaiyamook.com\/wp-content\/uploads\/2020\/11\/scss4-1024x279.png 1024w, https:\/\/abaiyamook.com\/wp-content\/uploads\/2020\/11\/scss4-300x82.png 300w, https:\/\/abaiyamook.com\/wp-content\/uploads\/2020\/11\/scss4-768x209.png 768w, https:\/\/abaiyamook.com\/wp-content\/uploads\/2020\/11\/scss4.png 1400w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07 .css \u0e17\u0e35\u0e48\u0e1c\u0e48\u0e32\u0e19\u0e01\u0e32\u0e23 compile \u0e08\u0e32\u0e01\u0e01\u0e32\u0e23\u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32\u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e47\u0e19 \u201ccompressed\u201d \u0e08\u0e30\u0e40\u0e2b\u0e47\u0e19\u0e27\u0e48\u0e32\u0e40\u0e1b\u0e47\u0e19 minify \u0e2d\u0e2d\u0e01\u0e21\u0e32\u0e40\u0e25\u0e22<\/figcaption><\/figure>\n\n\n\n<p id=\"3561\">\u0e08\u0e32\u0e01\u0e19\u0e31\u0e49\u0e19 \u0e40\u0e23\u0e32\u0e01\u0e47\u0e40\u0e27\u0e25\u0e32\u0e40\u0e23\u0e32\u0e08\u0e30\u0e40\u0e02\u0e35\u0e22\u0e19 SCSS \u0e40\u0e23\u0e32\u0e01\u0e47\u0e40\u0e1b\u0e34\u0e14\u0e44\u0e1f\u0e25\u0e4c\u0e02\u0e36\u0e49\u0e19\u0e21\u0e32\u0e41\u0e25\u0e49\u0e27\u0e17\u0e33\u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19\u0e1b\u0e01\u0e15\u0e34 \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e01\u0e14Save File \u0e01\u0e47\u0e08\u0e30\u0e44\u0e14\u0e49\u0e44\u0e1f\u0e25\u0e4c .css \u0e41\u0e25\u0e30 .map \u0e42\u0e14\u0e22\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34\u0e15\u0e32\u0e21\u0e17\u0e35\u0e48\u0e40\u0e23\u0e32\u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32\u0e44\u0e27\u0e49<\/p>\n\n\n\n<p id=\"f65a\">\u0e43\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e02\u0e2d\u0e07 HTML \u0e40\u0e23\u0e32\u0e08\u0e30\u0e40\u0e23\u0e35\u0e22\u0e01\u0e43\u0e0a\u0e49 .css \u0e17\u0e35\u0e48\u0e1c\u0e48\u0e32\u0e19\u0e01\u0e32\u0e23 compile \u0e40\u0e02\u0e49\u0e32\u0e21\u0e32\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19 .. \u0e41\u0e15\u0e48\u0e40\u0e27\u0e25\u0e32\u0e41\u0e01\u0e49\u0e44\u0e02 \u0e01\u0e47\u0e43\u0e2b\u0e49\u0e41\u0e01\u0e49\u0e43\u0e19 .SCSS \u0e41\u0e17\u0e19<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"812\" height=\"350\" src=\"https:\/\/abaiyamook.com\/wp-content\/uploads\/2020\/11\/scss5.png\" alt=\"\" class=\"wp-image-387\" srcset=\"https:\/\/abaiyamook.com\/wp-content\/uploads\/2020\/11\/scss5.png 812w, https:\/\/abaiyamook.com\/wp-content\/uploads\/2020\/11\/scss5-300x129.png 300w, https:\/\/abaiyamook.com\/wp-content\/uploads\/2020\/11\/scss5-768x331.png 768w\" sizes=\"(max-width: 812px) 100vw, 812px\" \/><figcaption>\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e44\u0e1f\u0e25\u0e4c\u0e17\u0e35\u0e48\u0e1c\u0e48\u0e32\u0e19\u0e01\u0e32\u0e23 compile \u0e08\u0e30\u0e40\u0e2b\u0e47\u0e19\u0e27\u0e48\u0e32\u0e41\u0e15\u0e48\u0e25\u0e30\u0e44\u0e1f\u0e25\u0e4c\u0e08\u0e30\u0e21\u0e35 .map \u0e41\u0e25\u0e30 .css \u0e40\u0e2a\u0e21\u0e2d<\/figcaption><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"1e86\">\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19\u0e02\u0e2d\u0e07 SCSS<\/h2>\n\n\n\n<p id=\"1d53\">Structure \u0e02\u0e2d\u0e07 SCSS \u0e19\u0e31\u0e49\u0e19\u0e04\u0e25\u0e49\u0e32\u0e22\u0e01\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19 SCSS \u0e41\u0e1a\u0e1a\u0e40\u0e14\u0e34\u0e21 \u0e17\u0e35\u0e48\u0e17\u0e38\u0e01\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e16\u0e39\u0e01\u0e04\u0e25\u0e48\u0e2d\u0e21\u0e14\u0e49\u0e27\u0e22\u0e1b\u0e35\u0e01\u0e01\u0e32<\/p>\n\n\n\n<p id=\"bf97\">\u0e41\u0e15\u0e48\u0e08\u0e32\u0e01\u0e40\u0e14\u0e34\u0e21\u0e17\u0e35\u0e48\u0e40\u0e23\u0e32\u0e40\u0e02\u0e35\u0e22\u0e19 Child Element \u0e15\u0e48\u0e2d\u0e17\u0e49\u0e32\u0e22\u0e01\u0e31\u0e19\u0e44\u0e1b\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e22\u0e46 \u0e40\u0e23\u0e32\u0e01\u0e47\u0e04\u0e31\u0e48\u0e19\u0e14\u0e49\u0e27\u0e22\u0e1b\u0e35\u0e01\u0e01\u0e32\u0e41\u0e17\u0e19 \u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e15\u0e32\u0e21\u0e23\u0e39\u0e1b<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/abaiyamook.com\/wp-content\/uploads\/2020\/11\/scss6-1024x116.png\" alt=\"\" class=\"wp-image-388\" width=\"1024\" height=\"116\" srcset=\"https:\/\/abaiyamook.com\/wp-content\/uploads\/2020\/11\/scss6-1024x116.png 1024w, https:\/\/abaiyamook.com\/wp-content\/uploads\/2020\/11\/scss6-300x34.png 300w, https:\/\/abaiyamook.com\/wp-content\/uploads\/2020\/11\/scss6-768x87.png 768w, https:\/\/abaiyamook.com\/wp-content\/uploads\/2020\/11\/scss6.png 1400w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>Structure \u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19\u0e02\u0e2d\u0e07 SCSS<\/figcaption><\/figure>\n\n\n\n<p id=\"22d0\">\u0e08\u0e32\u0e01\u0e20\u0e32\u0e1e\u0e14\u0e49\u0e32\u0e19\u0e1a\u0e19 \u0e16\u0e49\u0e32\u0e40\u0e23\u0e32\u0e40\u0e02\u0e35\u0e22\u0e19\u0e43\u0e19\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a CSS \u0e1b\u0e01\u0e15\u0e34 \u0e16\u0e49\u0e32\u0e40\u0e23\u0e32\u0e08\u0e30\u0e2d\u0e49\u0e32\u0e07\u0e16\u0e36\u0e07 li \u0e40\u0e23\u0e32\u0e01\u0e47\u0e08\u0e30\u0e40\u0e02\u0e35\u0e22\u0e19\u0e40\u0e1b\u0e47\u0e19<\/p>\n\n\n\n<p id=\"ce32\">.footer-secondary ul li{}<\/p>\n\n\n\n<p id=\"fbac\">\u0e41\u0e15\u0e48\u0e1e\u0e2d\u0e40\u0e1b\u0e47\u0e19\u0e43\u0e19\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a SCSS \u0e40\u0e23\u0e32\u0e01\u0e47\u0e40\u0e02\u0e35\u0e22\u0e19\u0e04\u0e23\u0e48\u0e2d\u0e21\u0e14\u0e49\u0e27\u0e22\u0e1b\u0e35\u0e01\u0e01\u0e32\u0e41\u0e17\u0e19 \u0e40\u0e0a\u0e48\u0e19<\/p>\n\n\n\n<p id=\"85a9\">.footer-secondary{<\/p>\n\n\n\n<p id=\"05a4\">ul li{ property }<\/p>\n\n\n\n<p id=\"dee5\">}<\/p>\n\n\n\n<p id=\"eb71\"><strong>\u0e08\u0e32\u0e01 Structure \u0e02\u0e2d\u0e07 SCSS \u0e21\u0e31\u0e19\u0e16\u0e39\u0e01\u0e08\u0e31\u0e14\u0e40\u0e1b\u0e47\u0e19 Group \u0e20\u0e32\u0e22\u0e43\u0e15\u0e49\u0e1b\u0e35\u0e01\u0e01\u0e32<\/strong>&nbsp;.. \u0e21\u0e31\u0e19\u0e08\u0e36\u0e07\u0e17\u0e33\u0e43\u0e2b\u0e49\u0e07\u0e48\u0e32\u0e22\u0e15\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e41\u0e01\u0e49\u0e44\u0e02 (\u0e16\u0e49\u0e32\u0e04\u0e38\u0e13\u0e40\u0e02\u0e35\u0e22\u0e19\u0e1c\u0e34\u0e14\u0e1b\u0e35\u0e01\u0e01\u0e32 \u0e42\u0e04\u0e49\u0e14\u0e17\u0e35\u0e48\u0e2d\u0e2d\u0e01\u0e21\u0e32\u0e01\u0e47\u0e1c\u0e34\u0e14 \u0e0b\u0e36\u0e48\u0e07\u0e41\u0e19\u0e48\u0e19\u0e2d\u0e19\u0e27\u0e48\u0e32\u0e04\u0e38\u0e13\u0e15\u0e49\u0e2d\u0e07\u0e41\u0e01\u0e49\u0e44\u0e02\u0e43\u0e2b\u0e49\u0e21\u0e31\u0e19\u0e16\u0e39\u0e01\u0e01\u0e48\u0e2d\u0e19 \u0e08\u0e36\u0e07\u0e08\u0e30\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e44\u0e14\u0e49)&nbsp;<strong>\u0e41\u0e25\u0e30\u0e43\u0e19\u0e2d\u0e19\u0e32\u0e04\u0e15\u0e16\u0e49\u0e32\u0e04\u0e38\u0e13\u0e2d\u0e22\u0e32\u0e01\u0e08\u0e30 copy footer \u0e19\u0e35\u0e49\u0e44\u0e1b\u0e43\u0e0a\u0e49\u0e01\u0e31\u0e1a\u0e2b\u0e19\u0e49\u0e32\u0e2d\u0e37\u0e48\u0e19 \u0e2b\u0e23\u0e37\u0e2d\u0e42\u0e1b\u0e23\u0e40\u0e08\u0e04\u0e2d\u0e37\u0e48\u0e19 \u0e04\u0e38\u0e13\u0e01\u0e47\u0e41\u0e04\u0e48 copy \u0e22\u0e01\u0e21\u0e31\u0e19\u0e44\u0e1b\u0e17\u0e31\u0e49\u0e07 Group \u0e42\u0e14\u0e22\u0e2a\u0e31\u0e07\u0e40\u0e01\u0e15\u0e08\u0e32\u0e01\u0e43\u0e15\u0e49\u0e1b\u0e35\u0e01\u0e01\u0e32\u0e40\u0e14\u0e35\u0e22\u0e27\u0e01\u0e31\u0e19 \u0e0b\u0e36\u0e48\u0e07\u0e08\u0e38\u0e14\u0e19\u0e35\u0e49\u0e08\u0e30\u0e17\u0e33\u0e43\u0e2b\u0e49\u0e04\u0e38\u0e13\u0e44\u0e21\u0e48\u0e07\u0e07\u0e19\u0e31\u0e48\u0e19\u0e40\u0e2d\u0e07<\/strong><\/p>\n\n\n\n<p id=\"0aed\">\u0e04\u0e38\u0e13\u0e2a\u0e21\u0e1a\u0e31\u0e15\u0e34 \u0e41\u0e25\u0e30\u0e02\u0e49\u0e2d\u0e14\u0e35\u0e02\u0e2d\u0e07 SCSS \u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e2b\u0e22\u0e38\u0e14\u0e2d\u0e22\u0e39\u0e48\u0e41\u0e04\u0e48\u0e19\u0e35\u0e49 \u0e41\u0e15\u0e48\u0e08\u0e30\u0e02\u0e2d\u0e2d\u0e18\u0e34\u0e1a\u0e32\u0e22\u0e15\u0e48\u0e2d\u0e43\u0e19\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e2b\u0e19\u0e49\u0e32\u0e19\u0e30\u0e04\u0e30<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0e40\u0e2b\u0e25\u0e48\u0e32 Front End Developer \u0e04\u0e38\u0e13\u0e40\u0e04\u0e22\u0e40\u0e08\u0e2d\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e40\u0e2b\u0e25\u0e48\u0e32\u0e19\u0e35\u0e49\u0e40\u0e2b\u0e21\u0e37\u0e2d\u0e19\u0e01\u0e31\u0e19\u0e43\u0e0a\u0e48\u0e44\u0e2b\u0e21 \u0e40\u0e02\u0e35\u0e22\u0e19 CSS \u0e44\u0e1b\u0e19\u0e32\u0e19\u0e46 \u0e41\u0e25\u0e49\u0e27\u0e42\u0e04\u0e49\u0e14\u0e15\u0e35\u0e01\u0e31\u0e19 .. \u0e15\u0e49\u0e2d\u0e07\u0e21\u0e32 Force CSS \u0e43\u0e2b\u0e49\u0e27\u0e38\u0e48\u0e19\u0e27\u0e32\u0e22\u0e1b\u0e27\u0e14\u0e2b\u0e31\u0e27 \u0e2a\u0e38\u0e14\u0e17\u0e49\u0e32\u0e22 CSS Force \u0e01\u0e31\u0e19\u0e2a\u0e34\u0e1a\u0e0a\u0e31\u0e49\u0e19\u0e44\u0e14\u0e49 \u0e01\u0e27\u0e48\u0e32\u0e08\u0e30\u0e44\u0e14\u0e49\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[6],"tags":[],"class_list":["post-382","post","type-post","status-publish","format-standard","hentry","category-abaiyamook-tech"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>\u0e08\u0e31\u0e14\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a CSS \u0e14\u0e49\u0e27\u0e22 SCSS \u0e01\u0e31\u0e19\u0e40\u0e16\u0e2d\u0e30<\/title>\n<meta name=\"description\" content=\"\u0e40\u0e2b\u0e25\u0e48\u0e32 Front End Developer \u0e04\u0e38\u0e13\u0e40\u0e04\u0e22\u0e40\u0e08\u0e2d\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e40\u0e2b\u0e25\u0e48\u0e32\u0e19\u0e35\u0e49\u0e40\u0e2b\u0e21\u0e37\u0e2d\u0e19\u0e01\u0e31\u0e19\u0e43\u0e0a\u0e48\u0e44\u0e2b\u0e21 \u0e40\u0e02\u0e35\u0e22\u0e19 CSS \u0e44\u0e1b\u0e19\u0e32\u0e19\u0e46 \u0e41\u0e25\u0e49\u0e27\u0e42\u0e04\u0e49\u0e14\u0e15\u0e35\u0e01\u0e31\u0e19 .. \u0e15\u0e49\u0e2d\u0e07\u0e21\u0e32 Force CSS \u0e43\u0e2b\u0e49\u0e27\u0e38\u0e48\u0e19\u0e27\u0e32\u0e22\u0e1b\u0e27\u0e14\u0e2b\u0e31\u0e27 \u0e2a\u0e38\u0e14\u0e17\u0e49\u0e32\u0e22 CSS Force \u0e01\u0e31\u0e19\u0e2a\u0e34\u0e1a\u0e0a\u0e31\u0e49\u0e19\u0e44\u0e14\u0e49 \u0e01\u0e27\u0e48\u0e32\u0e08\u0e30\u0e44\u0e14\u0e49\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/abaiyamook.com\/th\/2017\/11\/20\/\u0e08\u0e31\u0e14\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a-css-\u0e14\u0e49\u0e27\u0e22-scss-\u0e01\u0e31\u0e19\u0e40\u0e16\u0e2d\u0e30\/\" \/>\n<meta property=\"og:locale\" content=\"th_TH\" \/>\n<meta property=\"og:locale:alternate\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u0e08\u0e31\u0e14\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a CSS \u0e14\u0e49\u0e27\u0e22 SCSS \u0e01\u0e31\u0e19\u0e40\u0e16\u0e2d\u0e30\" \/>\n<meta property=\"og:description\" content=\"\u0e40\u0e2b\u0e25\u0e48\u0e32 Front End Developer \u0e04\u0e38\u0e13\u0e40\u0e04\u0e22\u0e40\u0e08\u0e2d\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e40\u0e2b\u0e25\u0e48\u0e32\u0e19\u0e35\u0e49\u0e40\u0e2b\u0e21\u0e37\u0e2d\u0e19\u0e01\u0e31\u0e19\u0e43\u0e0a\u0e48\u0e44\u0e2b\u0e21 \u0e40\u0e02\u0e35\u0e22\u0e19 CSS \u0e44\u0e1b\u0e19\u0e32\u0e19\u0e46 \u0e41\u0e25\u0e49\u0e27\u0e42\u0e04\u0e49\u0e14\u0e15\u0e35\u0e01\u0e31\u0e19 .. \u0e15\u0e49\u0e2d\u0e07\u0e21\u0e32 Force CSS \u0e43\u0e2b\u0e49\u0e27\u0e38\u0e48\u0e19\u0e27\u0e32\u0e22\u0e1b\u0e27\u0e14\u0e2b\u0e31\u0e27 \u0e2a\u0e38\u0e14\u0e17\u0e49\u0e32\u0e22 CSS Force \u0e01\u0e31\u0e19\u0e2a\u0e34\u0e1a\u0e0a\u0e31\u0e49\u0e19\u0e44\u0e14\u0e49 \u0e01\u0e27\u0e48\u0e32\u0e08\u0e30\u0e44\u0e14\u0e49\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\" \/>\n<meta property=\"og:url\" content=\"https:\/\/abaiyamook.com\/th\/2017\/11\/20\/\u0e08\u0e31\u0e14\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a-css-\u0e14\u0e49\u0e27\u0e22-scss-\u0e01\u0e31\u0e19\u0e40\u0e16\u0e2d\u0e30\/\" \/>\n<meta property=\"og:site_name\" content=\"AbaiyaMook\" \/>\n<meta property=\"article:published_time\" content=\"2017-11-20T12:45:46+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-12-01T04:15:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/abaiyamook.com\/wp-content\/uploads\/2020\/11\/scss0-1024x170.png\" \/>\n<meta name=\"author\" content=\"AbaiyaMook\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"\u0e40\u0e2b\u0e25\u0e48\u0e32 Front End Developer \u0e04\u0e38\u0e13\u0e40\u0e04\u0e22\u0e40\u0e08\u0e2d\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e40\u0e2b\u0e25\u0e48\u0e32\u0e19\u0e35\u0e49\u0e40\u0e2b\u0e21\u0e37\u0e2d\u0e19\u0e01\u0e31\u0e19\u0e43\u0e0a\u0e48\u0e44\u0e2b\u0e21 \u0e40\u0e02\u0e35\u0e22\u0e19 CSS \u0e44\u0e1b\u0e19\u0e32\u0e19\u0e46 \u0e41\u0e25\u0e49\u0e27\u0e42\u0e04\u0e49\u0e14\u0e15\u0e35\u0e01\u0e31\u0e19 .. \u0e15\u0e49\u0e2d\u0e07\u0e21\u0e32 Force CSS \u0e43\u0e2b\u0e49\u0e27\u0e38\u0e48\u0e19\u0e27\u0e32\u0e22\u0e1b\u0e27\u0e14\u0e2b\u0e31\u0e27 \u0e2a\u0e38\u0e14\u0e17\u0e49\u0e32\u0e22 CSS Force \u0e01\u0e31\u0e19\u0e2a\u0e34\u0e1a\u0e0a\u0e31\u0e49\u0e19\u0e44\u0e14\u0e49 \u0e01\u0e27\u0e48\u0e32\u0e08\u0e30\u0e44\u0e14\u0e49\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"AbaiyaMook\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 \u0e19\u0e32\u0e17\u0e35\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/abaiyamook.com\/th\/2017\/11\/20\/%e0%b8%88%e0%b8%b1%e0%b8%94%e0%b8%a3%e0%b8%b0%e0%b9%80%e0%b8%9a%e0%b8%b5%e0%b8%a2%e0%b8%9a-css-%e0%b8%94%e0%b9%89%e0%b8%a7%e0%b8%a2-scss-%e0%b8%81%e0%b8%b1%e0%b8%99%e0%b9%80%e0%b8%96%e0%b8%ad%e0%b8%b0\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/abaiyamook.com\/th\/2017\/11\/20\/%e0%b8%88%e0%b8%b1%e0%b8%94%e0%b8%a3%e0%b8%b0%e0%b9%80%e0%b8%9a%e0%b8%b5%e0%b8%a2%e0%b8%9a-css-%e0%b8%94%e0%b9%89%e0%b8%a7%e0%b8%a2-scss-%e0%b8%81%e0%b8%b1%e0%b8%99%e0%b9%80%e0%b8%96%e0%b8%ad%e0%b8%b0\/\"},\"author\":{\"name\":\"AbaiyaMook\",\"@id\":\"https:\/\/abaiyamook.com\/th\/#\/schema\/person\/02028b65bbea6acaabc0eb09352d577d\"},\"headline\":\"\u0e08\u0e31\u0e14\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a CSS \u0e14\u0e49\u0e27\u0e22 SCSS \u0e01\u0e31\u0e19\u0e40\u0e16\u0e2d\u0e30\",\"datePublished\":\"2017-11-20T12:45:46+00:00\",\"dateModified\":\"2021-12-01T04:15:39+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/abaiyamook.com\/th\/2017\/11\/20\/%e0%b8%88%e0%b8%b1%e0%b8%94%e0%b8%a3%e0%b8%b0%e0%b9%80%e0%b8%9a%e0%b8%b5%e0%b8%a2%e0%b8%9a-css-%e0%b8%94%e0%b9%89%e0%b8%a7%e0%b8%a2-scss-%e0%b8%81%e0%b8%b1%e0%b8%99%e0%b9%80%e0%b8%96%e0%b8%ad%e0%b8%b0\/\"},\"wordCount\":187,\"publisher\":{\"@id\":\"https:\/\/abaiyamook.com\/th\/#\/schema\/person\/02028b65bbea6acaabc0eb09352d577d\"},\"image\":{\"@id\":\"https:\/\/abaiyamook.com\/th\/2017\/11\/20\/%e0%b8%88%e0%b8%b1%e0%b8%94%e0%b8%a3%e0%b8%b0%e0%b9%80%e0%b8%9a%e0%b8%b5%e0%b8%a2%e0%b8%9a-css-%e0%b8%94%e0%b9%89%e0%b8%a7%e0%b8%a2-scss-%e0%b8%81%e0%b8%b1%e0%b8%99%e0%b9%80%e0%b8%96%e0%b8%ad%e0%b8%b0\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/abaiyamook.com\/wp-content\/uploads\/2020\/11\/scss0-1024x170.png\",\"articleSection\":[\"Tech\"],\"inLanguage\":\"th\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/abaiyamook.com\/th\/2017\/11\/20\/%e0%b8%88%e0%b8%b1%e0%b8%94%e0%b8%a3%e0%b8%b0%e0%b9%80%e0%b8%9a%e0%b8%b5%e0%b8%a2%e0%b8%9a-css-%e0%b8%94%e0%b9%89%e0%b8%a7%e0%b8%a2-scss-%e0%b8%81%e0%b8%b1%e0%b8%99%e0%b9%80%e0%b8%96%e0%b8%ad%e0%b8%b0\/\",\"url\":\"https:\/\/abaiyamook.com\/th\/2017\/11\/20\/%e0%b8%88%e0%b8%b1%e0%b8%94%e0%b8%a3%e0%b8%b0%e0%b9%80%e0%b8%9a%e0%b8%b5%e0%b8%a2%e0%b8%9a-css-%e0%b8%94%e0%b9%89%e0%b8%a7%e0%b8%a2-scss-%e0%b8%81%e0%b8%b1%e0%b8%99%e0%b9%80%e0%b8%96%e0%b8%ad%e0%b8%b0\/\",\"name\":\"\u0e08\u0e31\u0e14\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a CSS \u0e14\u0e49\u0e27\u0e22 SCSS \u0e01\u0e31\u0e19\u0e40\u0e16\u0e2d\u0e30\",\"isPartOf\":{\"@id\":\"https:\/\/abaiyamook.com\/th\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/abaiyamook.com\/th\/2017\/11\/20\/%e0%b8%88%e0%b8%b1%e0%b8%94%e0%b8%a3%e0%b8%b0%e0%b9%80%e0%b8%9a%e0%b8%b5%e0%b8%a2%e0%b8%9a-css-%e0%b8%94%e0%b9%89%e0%b8%a7%e0%b8%a2-scss-%e0%b8%81%e0%b8%b1%e0%b8%99%e0%b9%80%e0%b8%96%e0%b8%ad%e0%b8%b0\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/abaiyamook.com\/th\/2017\/11\/20\/%e0%b8%88%e0%b8%b1%e0%b8%94%e0%b8%a3%e0%b8%b0%e0%b9%80%e0%b8%9a%e0%b8%b5%e0%b8%a2%e0%b8%9a-css-%e0%b8%94%e0%b9%89%e0%b8%a7%e0%b8%a2-scss-%e0%b8%81%e0%b8%b1%e0%b8%99%e0%b9%80%e0%b8%96%e0%b8%ad%e0%b8%b0\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/abaiyamook.com\/wp-content\/uploads\/2020\/11\/scss0-1024x170.png\",\"datePublished\":\"2017-11-20T12:45:46+00:00\",\"dateModified\":\"2021-12-01T04:15:39+00:00\",\"description\":\"\u0e40\u0e2b\u0e25\u0e48\u0e32 Front End Developer \u0e04\u0e38\u0e13\u0e40\u0e04\u0e22\u0e40\u0e08\u0e2d\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e40\u0e2b\u0e25\u0e48\u0e32\u0e19\u0e35\u0e49\u0e40\u0e2b\u0e21\u0e37\u0e2d\u0e19\u0e01\u0e31\u0e19\u0e43\u0e0a\u0e48\u0e44\u0e2b\u0e21 \u0e40\u0e02\u0e35\u0e22\u0e19 CSS \u0e44\u0e1b\u0e19\u0e32\u0e19\u0e46 \u0e41\u0e25\u0e49\u0e27\u0e42\u0e04\u0e49\u0e14\u0e15\u0e35\u0e01\u0e31\u0e19 .. \u0e15\u0e49\u0e2d\u0e07\u0e21\u0e32 Force CSS \u0e43\u0e2b\u0e49\u0e27\u0e38\u0e48\u0e19\u0e27\u0e32\u0e22\u0e1b\u0e27\u0e14\u0e2b\u0e31\u0e27 \u0e2a\u0e38\u0e14\u0e17\u0e49\u0e32\u0e22 CSS Force \u0e01\u0e31\u0e19\u0e2a\u0e34\u0e1a\u0e0a\u0e31\u0e49\u0e19\u0e44\u0e14\u0e49 \u0e01\u0e27\u0e48\u0e32\u0e08\u0e30\u0e44\u0e14\u0e49\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\",\"breadcrumb\":{\"@id\":\"https:\/\/abaiyamook.com\/th\/2017\/11\/20\/%e0%b8%88%e0%b8%b1%e0%b8%94%e0%b8%a3%e0%b8%b0%e0%b9%80%e0%b8%9a%e0%b8%b5%e0%b8%a2%e0%b8%9a-css-%e0%b8%94%e0%b9%89%e0%b8%a7%e0%b8%a2-scss-%e0%b8%81%e0%b8%b1%e0%b8%99%e0%b9%80%e0%b8%96%e0%b8%ad%e0%b8%b0\/#breadcrumb\"},\"inLanguage\":\"th\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/abaiyamook.com\/th\/2017\/11\/20\/%e0%b8%88%e0%b8%b1%e0%b8%94%e0%b8%a3%e0%b8%b0%e0%b9%80%e0%b8%9a%e0%b8%b5%e0%b8%a2%e0%b8%9a-css-%e0%b8%94%e0%b9%89%e0%b8%a7%e0%b8%a2-scss-%e0%b8%81%e0%b8%b1%e0%b8%99%e0%b9%80%e0%b8%96%e0%b8%ad%e0%b8%b0\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"th\",\"@id\":\"https:\/\/abaiyamook.com\/th\/2017\/11\/20\/%e0%b8%88%e0%b8%b1%e0%b8%94%e0%b8%a3%e0%b8%b0%e0%b9%80%e0%b8%9a%e0%b8%b5%e0%b8%a2%e0%b8%9a-css-%e0%b8%94%e0%b9%89%e0%b8%a7%e0%b8%a2-scss-%e0%b8%81%e0%b8%b1%e0%b8%99%e0%b9%80%e0%b8%96%e0%b8%ad%e0%b8%b0\/#primaryimage\",\"url\":\"https:\/\/abaiyamook.com\/wp-content\/uploads\/2020\/11\/scss0-1024x170.png\",\"contentUrl\":\"https:\/\/abaiyamook.com\/wp-content\/uploads\/2020\/11\/scss0-1024x170.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/abaiyamook.com\/th\/2017\/11\/20\/%e0%b8%88%e0%b8%b1%e0%b8%94%e0%b8%a3%e0%b8%b0%e0%b9%80%e0%b8%9a%e0%b8%b5%e0%b8%a2%e0%b8%9a-css-%e0%b8%94%e0%b9%89%e0%b8%a7%e0%b8%a2-scss-%e0%b8%81%e0%b8%b1%e0%b8%99%e0%b9%80%e0%b8%96%e0%b8%ad%e0%b8%b0\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/abaiyamook.com\/th\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0e08\u0e31\u0e14\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a CSS \u0e14\u0e49\u0e27\u0e22 SCSS \u0e01\u0e31\u0e19\u0e40\u0e16\u0e2d\u0e30\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/abaiyamook.com\/th\/#website\",\"url\":\"https:\/\/abaiyamook.com\/th\/\",\"name\":\"AbaiyaMook\",\"description\":\"\u0e0a\u0e2d\u0e1a\u0e1e\u0e39\u0e14 \u0e0a\u0e2d\u0e1a\u0e04\u0e38\u0e22 \u0e0a\u0e2d\u0e1a\u0e2d\u0e48\u0e32\u0e19 \u0e0a\u0e2d\u0e1a\u0e40\u0e02\u0e35\u0e22\u0e19 \u0e0a\u0e2d\u0e1a\u0e41\u0e25\u0e01\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e04\u0e27\u0e32\u0e21\u0e04\u0e34\u0e14\u0e40\u0e2b\u0e47\u0e19\u0e41\u0e25\u0e30\u0e17\u0e31\u0e28\u0e19\u0e04\u0e15\u0e34 \u0e22\u0e34\u0e19\u0e14\u0e35\u0e17\u0e35\u0e48\u0e44\u0e21\u0e48\u0e23\u0e39\u0e49\u0e08\u0e31\u0e01\u0e17\u0e38\u0e01\u0e04\u0e19 - \u0e40\u0e23\u0e32\u0e17\u0e33\u0e2b\u0e25\u0e32\u0e22\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e43\u0e19\u0e40\u0e27\u0e25\u0e32\u0e40\u0e14\u0e35\u0e22\u0e27\u0e01\u0e31\u0e19 \u0e40\u0e25\u0e22\u0e2d\u0e22\u0e32\u0e01\u0e41\u0e1a\u0e48\u0e07\u0e1b\u0e31\u0e19\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e23\u0e32\u0e27\u0e43\u0e19\u0e2b\u0e25\u0e32\u0e22\u0e46\u0e14\u0e49\u0e32\u0e19 \u0e17\u0e31\u0e49\u0e07\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07 Tech, \u0e40\u0e17\u0e35\u0e48\u0e22\u0e27, \u0e23\u0e35\u0e27\u0e34\u0e27, business, marketing, \u0e07\u0e32\u0e19\u0e1d\u0e35\u0e21\u0e37\u0e2d \u0e2b\u0e23\u0e37\u0e2d\u0e41\u0e21\u0e49\u0e01\u0e23\u0e30\u0e17\u0e31\u0e48\u0e07\u0e07\u0e32\u0e19\u0e2d\u0e32\u0e23\u0e4c\u0e17 \u0e2f\u0e25\u0e2f \u0e40\u0e1c\u0e37\u0e48\u0e2d\u0e08\u0e30\u0e40\u0e1b\u0e47\u0e19\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c\u0e01\u0e31\u0e1a\u0e04\u0e19\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b\",\"publisher\":{\"@id\":\"https:\/\/abaiyamook.com\/th\/#\/schema\/person\/02028b65bbea6acaabc0eb09352d577d\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/abaiyamook.com\/th\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"th\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/abaiyamook.com\/th\/#\/schema\/person\/02028b65bbea6acaabc0eb09352d577d\",\"name\":\"AbaiyaMook\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"th\",\"@id\":\"https:\/\/abaiyamook.com\/th\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/abaiyamook.com\/wp-content\/uploads\/2020\/11\/logo.svg\",\"contentUrl\":\"https:\/\/abaiyamook.com\/wp-content\/uploads\/2020\/11\/logo.svg\",\"width\":202,\"height\":57,\"caption\":\"AbaiyaMook\"},\"logo\":{\"@id\":\"https:\/\/abaiyamook.com\/th\/#\/schema\/person\/image\/\"},\"sameAs\":[\"https:\/\/abaiyamook.com\"],\"url\":\"https:\/\/abaiyamook.com\/th\/author\/abaiyamook\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u0e08\u0e31\u0e14\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a CSS \u0e14\u0e49\u0e27\u0e22 SCSS \u0e01\u0e31\u0e19\u0e40\u0e16\u0e2d\u0e30","description":"\u0e40\u0e2b\u0e25\u0e48\u0e32 Front End Developer \u0e04\u0e38\u0e13\u0e40\u0e04\u0e22\u0e40\u0e08\u0e2d\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e40\u0e2b\u0e25\u0e48\u0e32\u0e19\u0e35\u0e49\u0e40\u0e2b\u0e21\u0e37\u0e2d\u0e19\u0e01\u0e31\u0e19\u0e43\u0e0a\u0e48\u0e44\u0e2b\u0e21 \u0e40\u0e02\u0e35\u0e22\u0e19 CSS \u0e44\u0e1b\u0e19\u0e32\u0e19\u0e46 \u0e41\u0e25\u0e49\u0e27\u0e42\u0e04\u0e49\u0e14\u0e15\u0e35\u0e01\u0e31\u0e19 .. \u0e15\u0e49\u0e2d\u0e07\u0e21\u0e32 Force CSS \u0e43\u0e2b\u0e49\u0e27\u0e38\u0e48\u0e19\u0e27\u0e32\u0e22\u0e1b\u0e27\u0e14\u0e2b\u0e31\u0e27 \u0e2a\u0e38\u0e14\u0e17\u0e49\u0e32\u0e22 CSS Force \u0e01\u0e31\u0e19\u0e2a\u0e34\u0e1a\u0e0a\u0e31\u0e49\u0e19\u0e44\u0e14\u0e49 \u0e01\u0e27\u0e48\u0e32\u0e08\u0e30\u0e44\u0e14\u0e49\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23","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:\/\/abaiyamook.com\/th\/2017\/11\/20\/\u0e08\u0e31\u0e14\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a-css-\u0e14\u0e49\u0e27\u0e22-scss-\u0e01\u0e31\u0e19\u0e40\u0e16\u0e2d\u0e30\/","og_locale":"th_TH","og_type":"article","og_title":"[:th]\u0e08\u0e31\u0e14\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a CSS \u0e14\u0e49\u0e27\u0e22 SCSS \u0e01\u0e31\u0e19\u0e40\u0e16\u0e2d\u0e30[:] - AbaiyaMook","og_description":"\u0e40\u0e2b\u0e25\u0e48\u0e32 Front End Developer \u0e04\u0e38\u0e13\u0e40\u0e04\u0e22\u0e40\u0e08\u0e2d\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e40\u0e2b\u0e25\u0e48\u0e32\u0e19\u0e35\u0e49\u0e40\u0e2b\u0e21\u0e37\u0e2d\u0e19\u0e01\u0e31\u0e19\u0e43\u0e0a\u0e48\u0e44\u0e2b\u0e21 \u0e40\u0e02\u0e35\u0e22\u0e19 CSS \u0e44\u0e1b\u0e19\u0e32\u0e19\u0e46 \u0e41\u0e25\u0e49\u0e27\u0e42\u0e04\u0e49\u0e14\u0e15\u0e35\u0e01\u0e31\u0e19 .. \u0e15\u0e49\u0e2d\u0e07\u0e21\u0e32 Force CSS \u0e43\u0e2b\u0e49\u0e27\u0e38\u0e48\u0e19\u0e27\u0e32\u0e22\u0e1b\u0e27\u0e14\u0e2b\u0e31\u0e27 \u0e2a\u0e38\u0e14\u0e17\u0e49\u0e32\u0e22 CSS Force \u0e01\u0e31\u0e19\u0e2a\u0e34\u0e1a\u0e0a\u0e31\u0e49\u0e19\u0e44\u0e14\u0e49 \u0e01\u0e27\u0e48\u0e32\u0e08\u0e30\u0e44\u0e14\u0e49\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23","og_url":"https:\/\/abaiyamook.com\/th\/2017\/11\/20\/\u0e08\u0e31\u0e14\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a-css-\u0e14\u0e49\u0e27\u0e22-scss-\u0e01\u0e31\u0e19\u0e40\u0e16\u0e2d\u0e30\/","og_site_name":"AbaiyaMook","article_published_time":"2017-11-20T12:45:46+00:00","article_modified_time":"2021-12-01T04:15:39+00:00","og_image":[{"url":"https:\/\/abaiyamook.com\/wp-content\/uploads\/2020\/11\/scss0-1024x170.png"}],"author":"AbaiyaMook","twitter_card":"summary_large_image","twitter_description":"\u0e40\u0e2b\u0e25\u0e48\u0e32 Front End Developer \u0e04\u0e38\u0e13\u0e40\u0e04\u0e22\u0e40\u0e08\u0e2d\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e40\u0e2b\u0e25\u0e48\u0e32\u0e19\u0e35\u0e49\u0e40\u0e2b\u0e21\u0e37\u0e2d\u0e19\u0e01\u0e31\u0e19\u0e43\u0e0a\u0e48\u0e44\u0e2b\u0e21 \u0e40\u0e02\u0e35\u0e22\u0e19 CSS \u0e44\u0e1b\u0e19\u0e32\u0e19\u0e46 \u0e41\u0e25\u0e49\u0e27\u0e42\u0e04\u0e49\u0e14\u0e15\u0e35\u0e01\u0e31\u0e19 .. \u0e15\u0e49\u0e2d\u0e07\u0e21\u0e32 Force CSS \u0e43\u0e2b\u0e49\u0e27\u0e38\u0e48\u0e19\u0e27\u0e32\u0e22\u0e1b\u0e27\u0e14\u0e2b\u0e31\u0e27 \u0e2a\u0e38\u0e14\u0e17\u0e49\u0e32\u0e22 CSS Force \u0e01\u0e31\u0e19\u0e2a\u0e34\u0e1a\u0e0a\u0e31\u0e49\u0e19\u0e44\u0e14\u0e49 \u0e01\u0e27\u0e48\u0e32\u0e08\u0e30\u0e44\u0e14\u0e49\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23","twitter_misc":{"Written by":"AbaiyaMook","Est. reading time":"1 \u0e19\u0e32\u0e17\u0e35"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/abaiyamook.com\/th\/2017\/11\/20\/%e0%b8%88%e0%b8%b1%e0%b8%94%e0%b8%a3%e0%b8%b0%e0%b9%80%e0%b8%9a%e0%b8%b5%e0%b8%a2%e0%b8%9a-css-%e0%b8%94%e0%b9%89%e0%b8%a7%e0%b8%a2-scss-%e0%b8%81%e0%b8%b1%e0%b8%99%e0%b9%80%e0%b8%96%e0%b8%ad%e0%b8%b0\/#article","isPartOf":{"@id":"https:\/\/abaiyamook.com\/th\/2017\/11\/20\/%e0%b8%88%e0%b8%b1%e0%b8%94%e0%b8%a3%e0%b8%b0%e0%b9%80%e0%b8%9a%e0%b8%b5%e0%b8%a2%e0%b8%9a-css-%e0%b8%94%e0%b9%89%e0%b8%a7%e0%b8%a2-scss-%e0%b8%81%e0%b8%b1%e0%b8%99%e0%b9%80%e0%b8%96%e0%b8%ad%e0%b8%b0\/"},"author":{"name":"AbaiyaMook","@id":"https:\/\/abaiyamook.com\/th\/#\/schema\/person\/02028b65bbea6acaabc0eb09352d577d"},"headline":"\u0e08\u0e31\u0e14\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a CSS \u0e14\u0e49\u0e27\u0e22 SCSS \u0e01\u0e31\u0e19\u0e40\u0e16\u0e2d\u0e30","datePublished":"2017-11-20T12:45:46+00:00","dateModified":"2021-12-01T04:15:39+00:00","mainEntityOfPage":{"@id":"https:\/\/abaiyamook.com\/th\/2017\/11\/20\/%e0%b8%88%e0%b8%b1%e0%b8%94%e0%b8%a3%e0%b8%b0%e0%b9%80%e0%b8%9a%e0%b8%b5%e0%b8%a2%e0%b8%9a-css-%e0%b8%94%e0%b9%89%e0%b8%a7%e0%b8%a2-scss-%e0%b8%81%e0%b8%b1%e0%b8%99%e0%b9%80%e0%b8%96%e0%b8%ad%e0%b8%b0\/"},"wordCount":187,"publisher":{"@id":"https:\/\/abaiyamook.com\/th\/#\/schema\/person\/02028b65bbea6acaabc0eb09352d577d"},"image":{"@id":"https:\/\/abaiyamook.com\/th\/2017\/11\/20\/%e0%b8%88%e0%b8%b1%e0%b8%94%e0%b8%a3%e0%b8%b0%e0%b9%80%e0%b8%9a%e0%b8%b5%e0%b8%a2%e0%b8%9a-css-%e0%b8%94%e0%b9%89%e0%b8%a7%e0%b8%a2-scss-%e0%b8%81%e0%b8%b1%e0%b8%99%e0%b9%80%e0%b8%96%e0%b8%ad%e0%b8%b0\/#primaryimage"},"thumbnailUrl":"https:\/\/abaiyamook.com\/wp-content\/uploads\/2020\/11\/scss0-1024x170.png","articleSection":["Tech"],"inLanguage":"th"},{"@type":"WebPage","@id":"https:\/\/abaiyamook.com\/th\/2017\/11\/20\/%e0%b8%88%e0%b8%b1%e0%b8%94%e0%b8%a3%e0%b8%b0%e0%b9%80%e0%b8%9a%e0%b8%b5%e0%b8%a2%e0%b8%9a-css-%e0%b8%94%e0%b9%89%e0%b8%a7%e0%b8%a2-scss-%e0%b8%81%e0%b8%b1%e0%b8%99%e0%b9%80%e0%b8%96%e0%b8%ad%e0%b8%b0\/","url":"https:\/\/abaiyamook.com\/th\/2017\/11\/20\/%e0%b8%88%e0%b8%b1%e0%b8%94%e0%b8%a3%e0%b8%b0%e0%b9%80%e0%b8%9a%e0%b8%b5%e0%b8%a2%e0%b8%9a-css-%e0%b8%94%e0%b9%89%e0%b8%a7%e0%b8%a2-scss-%e0%b8%81%e0%b8%b1%e0%b8%99%e0%b9%80%e0%b8%96%e0%b8%ad%e0%b8%b0\/","name":"\u0e08\u0e31\u0e14\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a CSS \u0e14\u0e49\u0e27\u0e22 SCSS \u0e01\u0e31\u0e19\u0e40\u0e16\u0e2d\u0e30","isPartOf":{"@id":"https:\/\/abaiyamook.com\/th\/#website"},"primaryImageOfPage":{"@id":"https:\/\/abaiyamook.com\/th\/2017\/11\/20\/%e0%b8%88%e0%b8%b1%e0%b8%94%e0%b8%a3%e0%b8%b0%e0%b9%80%e0%b8%9a%e0%b8%b5%e0%b8%a2%e0%b8%9a-css-%e0%b8%94%e0%b9%89%e0%b8%a7%e0%b8%a2-scss-%e0%b8%81%e0%b8%b1%e0%b8%99%e0%b9%80%e0%b8%96%e0%b8%ad%e0%b8%b0\/#primaryimage"},"image":{"@id":"https:\/\/abaiyamook.com\/th\/2017\/11\/20\/%e0%b8%88%e0%b8%b1%e0%b8%94%e0%b8%a3%e0%b8%b0%e0%b9%80%e0%b8%9a%e0%b8%b5%e0%b8%a2%e0%b8%9a-css-%e0%b8%94%e0%b9%89%e0%b8%a7%e0%b8%a2-scss-%e0%b8%81%e0%b8%b1%e0%b8%99%e0%b9%80%e0%b8%96%e0%b8%ad%e0%b8%b0\/#primaryimage"},"thumbnailUrl":"https:\/\/abaiyamook.com\/wp-content\/uploads\/2020\/11\/scss0-1024x170.png","datePublished":"2017-11-20T12:45:46+00:00","dateModified":"2021-12-01T04:15:39+00:00","description":"\u0e40\u0e2b\u0e25\u0e48\u0e32 Front End Developer \u0e04\u0e38\u0e13\u0e40\u0e04\u0e22\u0e40\u0e08\u0e2d\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e40\u0e2b\u0e25\u0e48\u0e32\u0e19\u0e35\u0e49\u0e40\u0e2b\u0e21\u0e37\u0e2d\u0e19\u0e01\u0e31\u0e19\u0e43\u0e0a\u0e48\u0e44\u0e2b\u0e21 \u0e40\u0e02\u0e35\u0e22\u0e19 CSS \u0e44\u0e1b\u0e19\u0e32\u0e19\u0e46 \u0e41\u0e25\u0e49\u0e27\u0e42\u0e04\u0e49\u0e14\u0e15\u0e35\u0e01\u0e31\u0e19 .. \u0e15\u0e49\u0e2d\u0e07\u0e21\u0e32 Force CSS \u0e43\u0e2b\u0e49\u0e27\u0e38\u0e48\u0e19\u0e27\u0e32\u0e22\u0e1b\u0e27\u0e14\u0e2b\u0e31\u0e27 \u0e2a\u0e38\u0e14\u0e17\u0e49\u0e32\u0e22 CSS Force \u0e01\u0e31\u0e19\u0e2a\u0e34\u0e1a\u0e0a\u0e31\u0e49\u0e19\u0e44\u0e14\u0e49 \u0e01\u0e27\u0e48\u0e32\u0e08\u0e30\u0e44\u0e14\u0e49\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23","breadcrumb":{"@id":"https:\/\/abaiyamook.com\/th\/2017\/11\/20\/%e0%b8%88%e0%b8%b1%e0%b8%94%e0%b8%a3%e0%b8%b0%e0%b9%80%e0%b8%9a%e0%b8%b5%e0%b8%a2%e0%b8%9a-css-%e0%b8%94%e0%b9%89%e0%b8%a7%e0%b8%a2-scss-%e0%b8%81%e0%b8%b1%e0%b8%99%e0%b9%80%e0%b8%96%e0%b8%ad%e0%b8%b0\/#breadcrumb"},"inLanguage":"th","potentialAction":[{"@type":"ReadAction","target":["https:\/\/abaiyamook.com\/th\/2017\/11\/20\/%e0%b8%88%e0%b8%b1%e0%b8%94%e0%b8%a3%e0%b8%b0%e0%b9%80%e0%b8%9a%e0%b8%b5%e0%b8%a2%e0%b8%9a-css-%e0%b8%94%e0%b9%89%e0%b8%a7%e0%b8%a2-scss-%e0%b8%81%e0%b8%b1%e0%b8%99%e0%b9%80%e0%b8%96%e0%b8%ad%e0%b8%b0\/"]}]},{"@type":"ImageObject","inLanguage":"th","@id":"https:\/\/abaiyamook.com\/th\/2017\/11\/20\/%e0%b8%88%e0%b8%b1%e0%b8%94%e0%b8%a3%e0%b8%b0%e0%b9%80%e0%b8%9a%e0%b8%b5%e0%b8%a2%e0%b8%9a-css-%e0%b8%94%e0%b9%89%e0%b8%a7%e0%b8%a2-scss-%e0%b8%81%e0%b8%b1%e0%b8%99%e0%b9%80%e0%b8%96%e0%b8%ad%e0%b8%b0\/#primaryimage","url":"https:\/\/abaiyamook.com\/wp-content\/uploads\/2020\/11\/scss0-1024x170.png","contentUrl":"https:\/\/abaiyamook.com\/wp-content\/uploads\/2020\/11\/scss0-1024x170.png"},{"@type":"BreadcrumbList","@id":"https:\/\/abaiyamook.com\/th\/2017\/11\/20\/%e0%b8%88%e0%b8%b1%e0%b8%94%e0%b8%a3%e0%b8%b0%e0%b9%80%e0%b8%9a%e0%b8%b5%e0%b8%a2%e0%b8%9a-css-%e0%b8%94%e0%b9%89%e0%b8%a7%e0%b8%a2-scss-%e0%b8%81%e0%b8%b1%e0%b8%99%e0%b9%80%e0%b8%96%e0%b8%ad%e0%b8%b0\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/abaiyamook.com\/th\/"},{"@type":"ListItem","position":2,"name":"\u0e08\u0e31\u0e14\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a CSS \u0e14\u0e49\u0e27\u0e22 SCSS \u0e01\u0e31\u0e19\u0e40\u0e16\u0e2d\u0e30"}]},{"@type":"WebSite","@id":"https:\/\/abaiyamook.com\/th\/#website","url":"https:\/\/abaiyamook.com\/th\/","name":"AbaiyaMook","description":"\u0e0a\u0e2d\u0e1a\u0e1e\u0e39\u0e14 \u0e0a\u0e2d\u0e1a\u0e04\u0e38\u0e22 \u0e0a\u0e2d\u0e1a\u0e2d\u0e48\u0e32\u0e19 \u0e0a\u0e2d\u0e1a\u0e40\u0e02\u0e35\u0e22\u0e19 \u0e0a\u0e2d\u0e1a\u0e41\u0e25\u0e01\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e04\u0e27\u0e32\u0e21\u0e04\u0e34\u0e14\u0e40\u0e2b\u0e47\u0e19\u0e41\u0e25\u0e30\u0e17\u0e31\u0e28\u0e19\u0e04\u0e15\u0e34 \u0e22\u0e34\u0e19\u0e14\u0e35\u0e17\u0e35\u0e48\u0e44\u0e21\u0e48\u0e23\u0e39\u0e49\u0e08\u0e31\u0e01\u0e17\u0e38\u0e01\u0e04\u0e19 - \u0e40\u0e23\u0e32\u0e17\u0e33\u0e2b\u0e25\u0e32\u0e22\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e43\u0e19\u0e40\u0e27\u0e25\u0e32\u0e40\u0e14\u0e35\u0e22\u0e27\u0e01\u0e31\u0e19 \u0e40\u0e25\u0e22\u0e2d\u0e22\u0e32\u0e01\u0e41\u0e1a\u0e48\u0e07\u0e1b\u0e31\u0e19\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e23\u0e32\u0e27\u0e43\u0e19\u0e2b\u0e25\u0e32\u0e22\u0e46\u0e14\u0e49\u0e32\u0e19 \u0e17\u0e31\u0e49\u0e07\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07 Tech, \u0e40\u0e17\u0e35\u0e48\u0e22\u0e27, \u0e23\u0e35\u0e27\u0e34\u0e27, business, marketing, \u0e07\u0e32\u0e19\u0e1d\u0e35\u0e21\u0e37\u0e2d \u0e2b\u0e23\u0e37\u0e2d\u0e41\u0e21\u0e49\u0e01\u0e23\u0e30\u0e17\u0e31\u0e48\u0e07\u0e07\u0e32\u0e19\u0e2d\u0e32\u0e23\u0e4c\u0e17 \u0e2f\u0e25\u0e2f \u0e40\u0e1c\u0e37\u0e48\u0e2d\u0e08\u0e30\u0e40\u0e1b\u0e47\u0e19\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c\u0e01\u0e31\u0e1a\u0e04\u0e19\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b","publisher":{"@id":"https:\/\/abaiyamook.com\/th\/#\/schema\/person\/02028b65bbea6acaabc0eb09352d577d"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/abaiyamook.com\/th\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"th"},{"@type":["Person","Organization"],"@id":"https:\/\/abaiyamook.com\/th\/#\/schema\/person\/02028b65bbea6acaabc0eb09352d577d","name":"AbaiyaMook","image":{"@type":"ImageObject","inLanguage":"th","@id":"https:\/\/abaiyamook.com\/th\/#\/schema\/person\/image\/","url":"https:\/\/abaiyamook.com\/wp-content\/uploads\/2020\/11\/logo.svg","contentUrl":"https:\/\/abaiyamook.com\/wp-content\/uploads\/2020\/11\/logo.svg","width":202,"height":57,"caption":"AbaiyaMook"},"logo":{"@id":"https:\/\/abaiyamook.com\/th\/#\/schema\/person\/image\/"},"sameAs":["https:\/\/abaiyamook.com"],"url":"https:\/\/abaiyamook.com\/th\/author\/abaiyamook\/"}]}},"_links":{"self":[{"href":"https:\/\/abaiyamook.com\/th\/wp-json\/wp\/v2\/posts\/382"}],"collection":[{"href":"https:\/\/abaiyamook.com\/th\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/abaiyamook.com\/th\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/abaiyamook.com\/th\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/abaiyamook.com\/th\/wp-json\/wp\/v2\/comments?post=382"}],"version-history":[{"count":4,"href":"https:\/\/abaiyamook.com\/th\/wp-json\/wp\/v2\/posts\/382\/revisions"}],"predecessor-version":[{"id":1257,"href":"https:\/\/abaiyamook.com\/th\/wp-json\/wp\/v2\/posts\/382\/revisions\/1257"}],"wp:attachment":[{"href":"https:\/\/abaiyamook.com\/th\/wp-json\/wp\/v2\/media?parent=382"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/abaiyamook.com\/th\/wp-json\/wp\/v2\/categories?post=382"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/abaiyamook.com\/th\/wp-json\/wp\/v2\/tags?post=382"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}