{"id":2555,"date":"2024-03-21T14:14:04","date_gmt":"2024-03-21T11:14:04","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/?p=2555"},"modified":"2024-03-21T14:14:05","modified_gmt":"2024-03-21T11:14:05","slug":"elveda-sass-%f0%9f%91%8b-tekrar-hos-geldin-native-css","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/elveda-sass-%f0%9f%91%8b-tekrar-hos-geldin-native-css\/","title":{"rendered":"Elveda SASS \ud83d\udc4b Tekrar ho\u015f geldin native CSS"},"content":{"rendered":"\n

Sass, 10 y\u0131l\u0131 a\u015fk\u0131n s\u00fcredir projelerimin omurgas\u0131n\u0131 olu\u015fturan, yerel olarak kurulan g\u00fc\u00e7l\u00fc bir \u00f6n i\u015flemci olarak kendini kan\u0131tlad\u0131. \u00d6l\u00e7eklenebilir ve kararl\u0131 CSS paketlerini verimli bir \u015fekilde organize etmemi sa\u011flad\u0131. Bug\u00fcn bile Sass’\u0131n ola\u011fan\u00fcst\u00fc derecede g\u00fc\u00e7l\u00fc bir ara\u00e7 oldu\u011funu d\u00fc\u015f\u00fcn\u00fcyorum. Ancak 2024 y\u0131l\u0131na girerken CSS’nin h\u0131zl\u0131 bir geli\u015fim g\u00f6sterdi\u011fi yads\u0131namaz. Bir zamanlar Sass’a \u00f6zg\u00fc olan \u00f6zellikler, de\u011fi\u015fkenler ve en son \u00f6ne \u00e7\u0131kan \u00f6zellik olan CSS Nesting de dahil olmak \u00fczere art\u0131k do\u011fal olarak Native CSS’e entegre edilmi\u015ftir.<\/p>\n\n\n\n

<\/a>De\u011fi\u015fkenler<\/h2>\n\n\n\n

De\u011fi\u015fkenleri tan\u0131mlamak, uzun s\u00fcredir SCSS’nin benzersiz bir g\u00fcc\u00fc olarak g\u00f6r\u00fcl\u00fcyordu; bir\u00e7ok \u00f6zelli\u011fin merkezi y\u00f6netimine olanak tan\u0131yordu; bu, CSS’de uzun s\u00fcre fena halde g\u00f6zden ka\u00e7\u0131r\u0131lan bir \u00f6zellikti. Ancak g\u00fcn\u00fcm\u00fczde de\u011fi\u015fkenler CSS’de de Sass’a benzer \u015fekilde tan\u0131mlanabilmektedir. Ancak \u00f6nemli bir fark, Sass de\u011fi\u015fkenlerinin yaln\u0131zca \u00f6ni\u015flemci ba\u011flam\u0131nda mevcut olmas\u0131, CSS de\u011fi\u015fkenlerinin ise taray\u0131c\u0131da kullan\u0131labilmesi ve hatta JavaScript arac\u0131l\u0131\u011f\u0131yla dinamik olarak \u00fczerine yaz\u0131labilmesidir.<\/p>\n\n\n\n

:root {\r\n  --button-padding: 10px 20px;\r\n  --button-bg-color: #007bff;\r\n  --button-text-color: #ffffff;\r\n  --button-border-radius: 8px;\r\n}\r\n\r\n.button {\r\n  padding: var(--button-padding);\r\n  background-color: var(--button-bg-color);\r\n  color: var(--button-text-color);\r\n  border-radius: var(--button-border-radius);\r\n  border: none;\r\n  cursor: pointer;\r\n  transition: background-color 0.3s;\r\n}<\/code><\/pre>\n\n\n\n
CSS Yerle\u015ftirme (Nesting)<\/h2>\n\n\n\n
Bir \u00f6\u011fenin stil kurallar\u0131n\u0131 di\u011ferinin i\u00e7inde tan\u0131mlama yetene\u011fi, CSS yazmay\u0131 \u00f6nemli \u00f6l\u00e7\u00fcde basitle\u015ftirir. Alt \u00f6\u011feler veya s\u00f6zde se\u00e7iciler i\u00e7in ayn\u0131 se\u00e7iciyi tekrar tekrar kullanmak yerine, i\u00e7 i\u00e7e yerle\u015ftirme, bunlar\u0131n bir \u00fcst se\u00e7ici i\u00e7inde grupland\u0131r\u0131lmas\u0131na olanak tan\u0131r. Bu teknik a\u00e7\u0131k, hiyerar\u015fik olarak yap\u0131land\u0131r\u0131lm\u0131\u015f ve dolay\u0131s\u0131yla daha verimli bir kod taban\u0131na yol a\u00e7ar.<\/p>\n\n\n\n
CSS Nesting i\u00e7in %84’\u00fcn \u00fczerinde ve Nesting Se\u00e7ici i\u00e7in %86’n\u0131n \u00fczerinde taray\u0131c\u0131 deste\u011fiyle<\/a> bu teknik giderek daha eri\u015filebilir hale geliyor.<\/p>\n\n\n\n
.blog {\r\n  position: relative;\r\n  padding: 1rem;\r\n  background: var(--neutral-100);\r\n\r\n    .blog-item {\r\n      border: 1px solid var(--neutral-200);\r\n\r\n      & span {\r\n        font-size: 1rem;\r\n      }\r\n  }\r\n}<\/code><\/pre>\n\n\n\n
:S\u00f6zde S\u0131n\u0131f (Pseudo-Class)<\/h2>\n\n\n\n
S\u00f6zde s\u0131n\u0131f :is<\/code>, se\u00e7icilerin bir listesini kabul ederek ve bu se\u00e7icilerden herhangi biriyle e\u015fle\u015fen t\u00fcm \u00f6\u011feleri \u015fekillendirerek se\u00e7ici konseptinde devrim yarat\u0131r. Bu, DOM’daki \u00f6\u011felerin se\u00e7imini ve stilini b\u00fcy\u00fck \u00f6l\u00e7\u00fcde kolayla\u015ft\u0131r\u0131r.<\/p>\n\n\n\n
:is(selector1, selector2, selector3) {\r\n  \/* styles *\/\r\n}<\/code><\/pre>\n\n\n\n
Uzun se\u00e7ici listeleri yerine, uzun se\u00e7iciden ka\u00e7\u0131narak okunabilirli\u011fi art\u0131rmak i\u00e7in :is() komutunu kullanabilirsiniz.<\/p>\n\n\n\n
<\/a>: has() s\u00f6zde s\u0131n\u0131f\u0131<\/h2>\n\n\n\n
CSS s\u00f6zde s\u0131n\u0131f\u0131, :has()<\/code>ko\u015fullu stillerin uygulanmas\u0131na benzer \u015fekilde, bir \u00f6\u011feyi onun alt \u00f6\u011felerine g\u00f6re se\u00e7menin g\u00fc\u00e7l\u00fc bir yolunu sa\u011flar.<\/p>\n\n\n\n
.hero:has(.hero-button) {\r\n  background-color: var(--accent-50);\r\n}<\/code><\/pre>\n\n\n\n
Kapsay\u0131c\u0131 sorgular\u0131 (Container)<\/h2>\n\n\n\n
Konteyner Sorgular\u0131, CSS3’ten bu yana web tasar\u0131m\u0131ndaki en \u00f6nemli yenilik olarak kabul ediliyor. \u00d6\u011felerin kaplar\u0131n\u0131n boyutlar\u0131na g\u00f6re ayarlanmas\u0131na izin vererek Duyarl\u0131 Tasar\u0131m konseptini geni\u015fletiyorlar. Bu teknoloji, bir \u00f6\u011fenin tasar\u0131m\u0131n\u0131n ba\u011flama ba\u011fl\u0131 olarak dinamik olarak de\u011fi\u015fmesine olanak tan\u0131yarak daha esnek ve uyarlanabilir bir tasar\u0131ma yol a\u00e7ar.<\/p>\n\n\n\n
.component {\r\n  --theme: dark;\r\n  container-name: fancy;\r\n}\r\n\r\n@container fancy style(--theme: dark) {\r\n  .fancy {\r\n    \/* dark styles. *\/\r\n  }\r\n}<\/code><\/pre>\n\n\n\n
@container (min-width: 720px) {\r\n  .headline {\r\n    font-size: 2em;\r\n  }\r\n}<\/code><\/pre>\n\n\n\n
Konteyner fantezisinde –theme: dark de\u011fi\u015fkeni varsa, a\u015fa\u011f\u0131daki CSS’yi ekleyin.<\/p>\n\n\n\n
<\/a>Kademeli katmanlar<\/h2>\n\n\n\n
Kademeli katmanlarla, kendi katman\u0131m\u0131z\u0131 (katman\u0131m\u0131z\u0131) atayarak daha y\u00fcksek \u00f6zg\u00fcll\u00fck i\u00e7in s\u0131n\u0131flar\u0131n, kimliklerin vb. i\u00e7 i\u00e7e ge\u00e7mesini \u00f6nleyebiliriz. @layer<\/code>at-rule ve Layered kullanarak @imports<\/code>, s\u0131f\u0131rlamalar ve varsay\u0131lanlar gibi d\u00fc\u015f\u00fck \u00f6ncelikli stillerden temalar, \u00e7er\u00e7eveler ve tasar\u0131m sistemleri arac\u0131l\u0131\u011f\u0131yla bile\u015fenler, yard\u0131mc\u0131 programlar ve ge\u00e7ersiz k\u0131lmalar gibi en y\u00fcksek \u00f6ncelikli stillere kadar kendi basamakl\u0131 katmanlar\u0131m\u0131z\u0131 olu\u015fturabiliriz. Kademeli katmanlar daha fazla kontrol sa\u011flar.<\/p>\n\n\n\n
@layer utilities {\r\n  .button {\r\n    padding: 0.5rem;\r\n  }\r\n\r\n  .button--lg {\r\n    padding: 0.8rem;\r\n  }\r\n}<\/code><\/pre>\n\n\n\n
SASS’\u0131n Gelece\u011fi<\/h2>\n\n\n\n
Bu, Sass’\u0131n ge\u00e7erlili\u011fini yitirdi\u011fi anlam\u0131na m\u0131 geliyor? Hi\u00e7 de bile. Piksellerin rem’e d\u00f6n\u00fc\u015ft\u00fcr\u00fclmesi gibi kar\u0131\u015f\u0131mlar ve i\u015flevler, Sass’\u0131n vazge\u00e7ilmez avantajlar\u0131 olmaya devam ediyor. Yine de projelerimin \u00e7o\u011funda Sass’tan vazge\u00e7meye karar verdim. Bunun yerine Sublime Edit\u00f6r\u00fcmde \u00f6nceden tan\u0131mlanm\u0131\u015f kod bloklar\u0131 ve paketleri kullan\u0131yorum, bu da i\u015f ak\u0131\u015f\u0131m\u0131 \u00f6nemli \u00f6l\u00e7\u00fcde geli\u015ftirdi.<\/p>\n\n\n\n
<\/a>G\u00fcle g\u00fcle SASS?<\/h2>\n\n\n\n
2024 y\u0131l\u0131nda Sass’\u0131n kurulum, kullan\u0131m ve derleme sorunlar\u0131 da dahil olmak \u00fczere faydalar\u0131n\u0131n art\u0131k kullan\u0131m\u0131n\u0131 hakl\u0131 \u00e7\u0131karmayaca\u011f\u0131na ger\u00e7ekten inan\u0131yorum. Modern CSS’nin \u00f6l\u00e7eklenebilirli\u011fi ve kullan\u0131c\u0131 dostu olmas\u0131, ek ara\u00e7lara ihtiya\u00e7 duymadan bunu yapmay\u0131 m\u00fcmk\u00fcn k\u0131lar.<\/p>\n\n\n\n
CSS’nin geli\u015fmesiyle birlikte k\u00fc\u00e7\u00fck ve b\u00fcy\u00fck projeleri do\u011frudan ve basit bir \u015fekilde hayata ge\u00e7irmeyi sab\u0131rs\u0131zl\u0131kla bekliyorum.<\/p>\n\n\n\n
G\u00fcle g\u00fcle Sass, her \u015fey i\u00e7in te\u015fekk\u00fcr ederim!<\/strong><\/p>\n\n\n","protected":false},"excerpt":{"rendered":"Sass, 10 y\u0131l\u0131 a\u015fk\u0131n s\u00fcredir projelerimin omurgas\u0131n\u0131 olu\u015fturan, yerel olarak kurulan g\u00fc\u00e7l\u00fc bir \u00f6n i\u015flemci olarak kendini kan\u0131tlad\u0131.…","protected":false},"author":1,"featured_media":2557,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_page_header_type":"","csco_page_load_nextpost":"","csco_page_subscribe_form":"","csco_page_contact_form":"","footnotes":""},"categories":[126],"tags":[872,873],"class_list":{"0":"post-2555","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-css3-html5","8":"tag-css-vs-sass","9":"tag-sass-gelecegi","10":"cs-entry","11":"cs-video-wrap"},"yoast_head":"\nElveda SASS \ud83d\udc4b Tekrar ho\u015f geldin native CSS - Kodlar\u0131n Gizemli D\u00fcnyas\u0131<\/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:\/\/fatihsoysal.com\/blog\/elveda-sass-\ud83d\udc4b-tekrar-hos-geldin-native-css\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Elveda SASS \ud83d\udc4b Tekrar ho\u015f geldin native CSS\" \/>\n<meta property=\"og:description\" content=\"Sass, 10 y\u0131l\u0131 a\u015fk\u0131n s\u00fcredir projelerimin omurgas\u0131n\u0131 olu\u015fturan, yerel olarak kurulan g\u00fc\u00e7l\u00fc bir \u00f6n i\u015flemci olarak kendini kan\u0131tlad\u0131.…\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/elveda-sass-\ud83d\udc4b-tekrar-hos-geldin-native-css\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2024-03-21T11:14:04+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-21T11:14:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/03\/sass_dfsdfsd3.png\" \/>\n\t<meta property=\"og:image:width\" content=\"985\" \/>\n\t<meta property=\"og:image:height\" content=\"647\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Fatih Soysal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fatih Soysal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/elveda-sass-%f0%9f%91%8b-tekrar-hos-geldin-native-css\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/elveda-sass-%f0%9f%91%8b-tekrar-hos-geldin-native-css\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"Elveda SASS \ud83d\udc4b Tekrar ho\u015f geldin native CSS\",\"datePublished\":\"2024-03-21T11:14:04+00:00\",\"dateModified\":\"2024-03-21T11:14:05+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/elveda-sass-%f0%9f%91%8b-tekrar-hos-geldin-native-css\/\"},\"wordCount\":774,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"image\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/elveda-sass-%f0%9f%91%8b-tekrar-hos-geldin-native-css\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/03\/sass_dfsdfsd3.png\",\"keywords\":[\"css vs sass\",\"sass gelece\u011fi\"],\"articleSection\":[\"CSS3 - HTML5\"],\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/elveda-sass-%f0%9f%91%8b-tekrar-hos-geldin-native-css\/#respond\"]}],\"copyrightYear\":\"2024\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/elveda-sass-%f0%9f%91%8b-tekrar-hos-geldin-native-css\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/elveda-sass-%f0%9f%91%8b-tekrar-hos-geldin-native-css\/\",\"name\":\"Elveda SASS \ud83d\udc4b Tekrar ho\u015f geldin native CSS - Kodlar\u0131n Gizemli D\u00fcnyas\u0131\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/elveda-sass-%f0%9f%91%8b-tekrar-hos-geldin-native-css\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/elveda-sass-%f0%9f%91%8b-tekrar-hos-geldin-native-css\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/03\/sass_dfsdfsd3.png\",\"datePublished\":\"2024-03-21T11:14:04+00:00\",\"dateModified\":\"2024-03-21T11:14:05+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/elveda-sass-%f0%9f%91%8b-tekrar-hos-geldin-native-css\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/elveda-sass-%f0%9f%91%8b-tekrar-hos-geldin-native-css\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/elveda-sass-%f0%9f%91%8b-tekrar-hos-geldin-native-css\/#primaryimage\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/03\/sass_dfsdfsd3.png\",\"contentUrl\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/03\/sass_dfsdfsd3.png\",\"width\":985,\"height\":647},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/elveda-sass-%f0%9f%91%8b-tekrar-hos-geldin-native-css\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elveda SASS \ud83d\udc4b Tekrar ho\u015f geldin native CSS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/\",\"name\":\"Fatihsoysal.com\",\"description\":\"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim\",\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\",\"name\":\"Fatih Soysal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"contentUrl\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"width\":512,\"height\":512,\"caption\":\"Fatih Soysal\"},\"logo\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\"},\"description\":\"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Elveda SASS \ud83d\udc4b Tekrar ho\u015f geldin native CSS - Kodlar\u0131n Gizemli D\u00fcnyas\u0131","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:\/\/fatihsoysal.com\/blog\/elveda-sass-\ud83d\udc4b-tekrar-hos-geldin-native-css\/","og_locale":"tr_TR","og_type":"article","og_title":"Elveda SASS \ud83d\udc4b Tekrar ho\u015f geldin native CSS","og_description":"Sass, 10 y\u0131l\u0131 a\u015fk\u0131n s\u00fcredir projelerimin omurgas\u0131n\u0131 olu\u015fturan, yerel olarak kurulan g\u00fc\u00e7l\u00fc bir \u00f6n i\u015flemci olarak kendini kan\u0131tlad\u0131.…","og_url":"https:\/\/fatihsoysal.com\/blog\/elveda-sass-\ud83d\udc4b-tekrar-hos-geldin-native-css\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2024-03-21T11:14:04+00:00","article_modified_time":"2024-03-21T11:14:05+00:00","og_image":[{"width":985,"height":647,"url":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/03\/sass_dfsdfsd3.png","type":"image\/png"}],"author":"Fatih Soysal","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Fatih Soysal","Tahmini okuma s\u00fcresi":"4 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fatihsoysal.com\/blog\/elveda-sass-%f0%9f%91%8b-tekrar-hos-geldin-native-css\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/elveda-sass-%f0%9f%91%8b-tekrar-hos-geldin-native-css\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"Elveda SASS \ud83d\udc4b Tekrar ho\u015f geldin native CSS","datePublished":"2024-03-21T11:14:04+00:00","dateModified":"2024-03-21T11:14:05+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/elveda-sass-%f0%9f%91%8b-tekrar-hos-geldin-native-css\/"},"wordCount":774,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"image":{"@id":"https:\/\/fatihsoysal.com\/blog\/elveda-sass-%f0%9f%91%8b-tekrar-hos-geldin-native-css\/#primaryimage"},"thumbnailUrl":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/03\/sass_dfsdfsd3.png","keywords":["css vs sass","sass gelece\u011fi"],"articleSection":["CSS3 - HTML5"],"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/elveda-sass-%f0%9f%91%8b-tekrar-hos-geldin-native-css\/#respond"]}],"copyrightYear":"2024","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/elveda-sass-%f0%9f%91%8b-tekrar-hos-geldin-native-css\/","url":"https:\/\/fatihsoysal.com\/blog\/elveda-sass-%f0%9f%91%8b-tekrar-hos-geldin-native-css\/","name":"Elveda SASS \ud83d\udc4b Tekrar ho\u015f geldin native CSS - Kodlar\u0131n Gizemli D\u00fcnyas\u0131","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/elveda-sass-%f0%9f%91%8b-tekrar-hos-geldin-native-css\/#primaryimage"},"image":{"@id":"https:\/\/fatihsoysal.com\/blog\/elveda-sass-%f0%9f%91%8b-tekrar-hos-geldin-native-css\/#primaryimage"},"thumbnailUrl":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/03\/sass_dfsdfsd3.png","datePublished":"2024-03-21T11:14:04+00:00","dateModified":"2024-03-21T11:14:05+00:00","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/elveda-sass-%f0%9f%91%8b-tekrar-hos-geldin-native-css\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/elveda-sass-%f0%9f%91%8b-tekrar-hos-geldin-native-css\/"]}]},{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/fatihsoysal.com\/blog\/elveda-sass-%f0%9f%91%8b-tekrar-hos-geldin-native-css\/#primaryimage","url":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/03\/sass_dfsdfsd3.png","contentUrl":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/03\/sass_dfsdfsd3.png","width":985,"height":647},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/elveda-sass-%f0%9f%91%8b-tekrar-hos-geldin-native-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Elveda SASS \ud83d\udc4b Tekrar ho\u015f geldin native CSS"}]},{"@type":"WebSite","@id":"https:\/\/fatihsoysal.com\/blog\/#website","url":"https:\/\/fatihsoysal.com\/blog\/","name":"Fatihsoysal.com","description":"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim","publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":["Person","Organization"],"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1","name":"Fatih Soysal","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","contentUrl":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","width":512,"height":512,"caption":"Fatih Soysal"},"logo":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/"},"description":"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.","url":"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/"}]}},"yoast_meta":{"yoast_wpseo_title":"","yoast_wpseo_metadesc":"","yoast_wpseo_canonical":""},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/2555","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/comments?post=2555"}],"version-history":[{"count":1,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/2555\/revisions"}],"predecessor-version":[{"id":2558,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/2555\/revisions\/2558"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media\/2557"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=2555"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=2555"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=2555"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}