22 Kasım 2013, Cuma

Drupal Rehberler - Omega 4 Komple Kılavuzu #10 - Sass Yapısı Ve Stil

Hey küresel ton ve bugün biz devam edeceğiz olduğunu Whats bu kadar hakkındaki tartışma yapıcı ve biz sana olacak dalış konum temelde stil yapısı bir sass şeylerin nasıl farklı ve her Lee ancak alıştığınız o Karmaşık bir büyük web siteleri olmak için izin verir organize ve büyük gerçekten kodunuzu tutar Sadece all-around süper güzel yani yapacağız bu stilleri hakkında konuşarak başlamak konum CSS dosyası olarak Bu Justin sizin sass kök düzeyinde başlarını yay Sadece sass klasör ve onu seviyorum ve bir takım olmaz stilleri olduğunu bütün diğer bilgi teşekkür ihtiva s CSS ve cömert bu baba Eğer ge

rçekten vücut arka plan mor olarak içerdiği sen sanmıyorum biz aslında burada papaz olduğunu ve Şimdi bana go ahead ve sadece bu satırı kaldırın izin vermedi ve bu onun neye benzediği Eğer ilk set a kurmak için zaman O

mega proje notu o kadar evrensel ithalat ifadeleri Eğer getirmek için izin verir, bu ithalatın Damon'ın olan bir şey ensest ek işlevsellik kütüphaneleri bu tür bir şey parsellerin Hala bu% ah bakın bu

“Omega 4. Komple Kılavuzu 10 Burada sizin Omega 4 subtheme arasında Sass klasörde çok sayıda klasör ve Sass partials mantıklı Size nasıl yapılacağını göstereceğim....”
LevelUpTuts

ilk dört Bu ithal pusula böylece dış kitaplıkları ithal ediyoruz sonra çok önemli sağlayan bir kütüphane Radyopusulalar Önceden tanımlanmış Nixon en belki de her türlü onların Bunu yapmak biliyorum onlar için teyp tarayıcı önek yok Gelir ile en iyi css3 ve aa demet olarak gerçekten büyük bir yarar kapsayacak diyor öylesine% ah bir dizi acıyor seviyesini kontrol Orada büyük videoları bir sürü var ve sonra biz kırılma noktası var bu, bir ortam sorguları kütüphane

Drupal Rehberler - Omega 4 Komple Kılavuzu #10 - Sass Yapısı Ve Stil Resim 1 Drupal Rehberler - Omega 4 Komple Kılavuzu #10 - Sass Yapısı Ve Stil Resim 2 Drupal Rehberler - Omega 4 Komple Kılavuzu #10 - Sass Yapısı Ve Stil Resim 3 Drupal Rehberler - Omega 4 Komple Kılavuzu #10 - Sass Yapısı Ve Stil Resim 4

Burada duyarlı bir web sitesi yapmak için çok çok önemli olacak olan ve biz singulair TGS tekil GS biz gidiyoruz ızgara sistemi var Bu yapıyor olması Ayrıca Susie o şimdi çok ithal nasıl diğer mesafeleri kullanabilirsiniz Derslikler Bu durum Susie kolaylaştırılması için gitmiyor biz olabilir istedim eğer öyleyse bir çok bizim Jones var olmasına rağmen yerine buraya Susie ithal ama aslında bir sürü gibi de tekillik çok alışık büyümüştü bu yüzden Omega varsayılan içindir tekillik kullanarak gidiyoruz ve şimdi biz bi

r araç hiçbir CSS var Bir araç başka bir kütüphane, bir içerdiğini söylüyor edilir Size yardımcı olabilir ben büyük küçük aletler Tabii biz bu katman videoları tam olarak ne üzerine gideceğiz Şimdi bizim kütüphaneleri ithal sonra Daha fazla ithalat tablolar için orada fark burada bu yüzden ayrıldık kolaylığı kütüphaneleri ve size ve kesme gitmiyorsun Eğer etmeyecek düzenleme pusula ve ancak burada Bu gerçek olan bu önemli ifadeleri gidiyoruz dosyaları diyor Kendinizi yazma olmak ve clubbing denilen SASE uzantı kullanarak onun size Amy ithalat sağlar Sadece ona olmadan bu klasörlerin bir bit eğer istedim tipik ensest o bas beyan gerek kalmadan bir yığın ithalat geçen ay, değişkenlerin içinde böyle yapmak zorunda ve daha sonra burada dosyanın adını söylemek zorunda böylece bizim değişkenleri klasörde edelim bakmak ithalat isteseydi Renkleri almak istiyorsanız bir biz renkler var Eğer sadece bu gibi renkler söylemek zorunda bu yüzden ithal değişken renkler demek ve biz istedik Buna ek olarak istiyorum Bizim miras ithal biz söylemek gerekir Eski sağ temelde bir şey ayrı ayrı ithal etmek zorunda burada olduğunu onunla birlikte bu s gloving uzantısını kullanarak olacak ama sen burada bu konuda size biraz verir görebilirsiniz ve biz derseniz o en şey ithal edelim bunun için de onların değişkenler ve daha sonra her şey bir klasör o zamandan beri bu o size seçenek sunuyor ne bu nedenle bu esterler a renge sahip ya da CSS dosyası olarak vardı orada onlarla birlikte burada bu yüzden takip yaptığını söylemek izin onların a ve biz sadece şu an için cart testine söyleyebiliriz ve ben bir test içinde olacak yeni bir dosya var Bu yeni dosyada Sess çizgi testi olacak Şimdi biz burada bir şey bant doğru yazım vücut BG yapalım mor adımı 100 Bunu yaparken vermek natchez gövde rengi kolayca bilir çünkü ama aslında değişti bu yüzden aslında bu görebilirsiniz sarı eylem oldu ve sarı olmak destekçileri olacak geri sayfaya gelmek asla bu yüzden aslında söylemek zorunda olabilir sess maçın bizim stilleri özellikle bu test sess bakmak için ama biz her şeyi getirmek istediğini olacağı yeni Bunun için bizim değişkenler içinde oldu onların ve derlemek are CSS dosyası içine öylesine Eğer S ile çok çalıştı değil eğer beraber ne merak olabilir altını kısmi CSS dosyaları ile ya bir şey çizgi ne yaptıkları ise onlar ithal olsun Ben son olarak bir CSS dosyası ne olursa olsun olacak bu nedenle bugün bin farklı CSS dosyaları bir test olması gitmiyor sahip CSS dosyası bu kod kendisi İki stilleri bir arıza derlenmiş gets CSS ve ama burada o yani bu konuda nihai faydaları istiyorum var sassa lobicilik kullanarak bu küçük liderleri onlar sizin CS farklı bir bütün bütçesine içine kadar kırık olduğunu olabilir olduğu Dosyaları Onu gerçekten düzenlenen tutmak ve daha sonra endişelenmenize gerek yok tüm bu dosyaları ithal konusundaki kuzeni almak için onları ekliyoruz sizin için otomatik olarak oraya kadar ekler Şimdi biz onun değişkenleri birinci ve nedeni önemli değişkenler Hala olmak için değişkenler mısın herhangi boyunca kullanacağınız gerektiğini en muhtemel Diğer stil sayfaları böylece değişkenler aslında şeyler her türlü olmaya söyleyebilirim renkler ön tanımlamak yolumuza Sitenizde kullanılan renkler bu yüzden bağlantı rengi var istedim bu yüzden biz Rd Bowling rengi her zaman olmak kazandı diyelim ekmek kadar doğru bu yüzden olacak bağlantıyı söylüyor ve daha sonra Colin ve sonra biz sadece kırmızı Eğer uh aklınızda belirli bir renk saç% olabilir ve bunlar gerçekten çirkin renkler kullanarak şeyler bariz hale getirmek için ve bu yüzden bir bağlantı hiç kırmızı ve bir var Bizim stilleri içine giderse o olur biz sonra ayrı gelen öfke boyunca söyleyebiliriz renk rağmen bağlantı edeceğiz ama bunu tüm iniş bu renk hakkını breezing derler görürsünüz böylece tarayıcı yıl tastamam söylemek mümkün Daha sonra ilk önemli değişkenler ve üzerinde stil yaprak giden bir web siteniz bunu her bilmek için gidiyoruz kayrak renk görünüyor senin değişkenler link değişkenliği kullanmak Şimdi olacaksın başka şeyler nelerdir senin değişkenler dosyasında beyan Ben bu kadar temelde şeyler her türlü alabilirsiniz klasör sıra değişkenleri demek Eğer büyük bir boyutlandırma için değişkenleri kullanabilirsiniz bu yüzden tekillik içine almak ne zaman yapacağız sess yeni bir grid oluşturma olacaksın ve senatör değişkenleri kışkırtmaktan toplam büyük boyutu belki bizim dereleri vardır size farklı biliyorum vardır yapacaksın tanımlayan olacaksın bu tür bir şey, dikey aralık olan senin renk Burada genel fon sıralama mirası tarayıcılar şeyler gidecek destekleyen boyutları ve İhtiyacınız şey tarafından miras yeniden değişkenler içine koymak istiyorum değişken medya değeri ve bu sadece kod çünkü gerçekten esnek olmasını sağlar Diyelim ki Lowell o senin istemcisi gibi müşterilerinize bu almak diyelim Bu kırmızı okumak onun çirkin falan olduğunu Bu sarı bu kırmızı yüzden okumak olduğunu biz bu discolor olmayacaktır istiyorum Kırmızı yüzden en okumaya çalışalım olsun geri satmak gel hala belki biraz daha çekici bu diğer reddits var geri sitemize gel ve artık var Bu sesi daha fazla ekmek sürümü aşağı tonda ve hatta elbette rağmen bu şey rengini kiralama her yerde değişti bir s ama en biz birinde değişiklik sanat web sitemizde olan bu bağlantıyı kullanarak varsayalım spot ve olacak nerede değişken her güncellenen tamam da bu sadece ilk biraz ben olacak olan Şu anda bir dakika durma sasser dosya yapısı Ben bu süper gitmek istemiyorum çünkü ben kapak gidiyorum Bir sonraki videoda son üç soyutlamaları havza bileşenleri böylece her zaman belirli bir soru burada bu video bir yorum vardır bırakmak olduğunu söyledi Onun aşk aşk tut 's Jesse Burada sağlanan bu bilgi gerçekten gerçekten yararlı olduğunu biliyorum böylece her zaman size çünkü zaman ve okudun şeyler yorumları görmek Eğer bayım anlamak yapmak için gidiyor Daha iyi ve aynı zamanda bir sonraki video yapacağımız Evde yoluyla biraz gözyaşı net onunla birlikte onlar kadar her zaman olduğu gibi şeyler yapıyoruz lot yeni vermek zorunda var nasıl bakın sorular veya yorumlar yaşamak havaya hakkında onun ayini olduğunu izlemek için teşekkür düşünme.

Açıklama

Omega 4. Komple Kılavuzu 10 Burada sizin Omega 4 subtheme arasında Sass klasörde çok sayıda klasör ve Sass partials mantıklı Size nasıl yapılacağını göstereceğim. Biz de varsayılan olarak dahil Sass Kütüphaneler ve uzantıları bazı dokunun.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

LevelUpTuts

LevelUpTuts

Ön uç web geliştiricileri için Öğreticiler. Level Up Tuts web geliştirme ve diğer medya uygulamaları ücretsiz öğreticiler sağlamanın bir yolu olarak Scott Tolinski ve Ben Schaaf tarafından başlatıldı. Biz bir medya yaratıcısı olarak büyüme bizim bilgi yararlı bulacağını umuyorum. Biz tam zamanlı (ve freelance) geliştiriciler Çünkü, Level Up Tuts sana getirmek için biz çalışıyoruz, bir yandan projesidir. Eğer öğrendiklerini hoşlanıyorsanız bu yüzden yeni dersler yapmaya devam edebilirsiniz bağış yapmak için çekinmeyin. Level Up Tuts bu hızlı anketi doldurarak geliştirmemize yardımcı olun https://docs.google.com/forms/d/1x7MTNp_umnvdkwJ5dfOVnnJtndkYdU7EDoCE9r8bYBk/viewform

YORUMLAR



9.7/10

  • 45
    Olumlu
  • 1
    Olumsuz
  • 8
    Yorum
  • 11252
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • Capcom Unity

    Capcom Unity

    5 NİSAN 2010
  • knopik96

    knopik96

    7 Mayıs 2011
  • williamfitzsimmons

    williamfitzs

    14 Mart 2008

ANKET



Bu sayfa işinize yaradı mı?