Farklı Dokümanların Tek Dokümanda Birleştirilmesi (import)

farkli-dokumanlarin-tek-dokumanda-birlestirilmesi-import (büyük resim için tıklayın)

CSS dizini altında a, b ve c isimlerinde scss dosyaları ve her birinde kendi adını taşıyan class tanımlı bulunsun;her bir class içerisinde ise border-radius özelliği sırasıyla 8,6 ve 4px olarak belirtilsin. Bu a,b ve c scss dosyamızdaki stilleri abc scss dosyamızda kullanmak, tek bir dosyada bulundurmak istediğimizde import komutunu kullanabiliriz. Örneğin; 

  • a.scss içeriği ve bu içerikteki a isimli class aşağıdadır.
    • .a{
      • border-radius: 8px;
    • }
  • b.scss içeriği ve bu içerikteki b isimli class aşağıdadır.
    • .b{
      • border-radius: 6px;
    • }
  • c.scss içeriği ve bu içerikteki c simli class aşağıdadır.
    • .c{
      • border-radius: 4px;
    • }

Bu dosyaları abc.scss dosyasında import komutu ile çağıralım,

  • @import "a","b","c"

Abc.scss dosyasını derleyelim ve çıktı olarak verilen abc.css dosyasının içeriğine bakalım,

  • .a {
      border-radius: 8px; }
  • .b {
      border-radius: 6px; }
  • .c {
      border-radius: 4px; }

omurs

Ö S, 30 Ağustos 2018 Perşembe 15:30 tarihinde kayıt oldu

Etiketler

import 

Beğeni

Toplam Beğeni Sayısı: 1


Yıllara Göre Gönderiler








sass-scss Kategori

Farklı Dokümanların Tek Dokümanda Birleştirilmesi (import)

Özellikleri Gruplama

Kalıtım (Extend/Inheritance)