Grid Style Sheets

ผ้าสไตล์ตาราง (GSS) ใช้ Cassowary จำกัด Solver การเปลี่ยนแปลงองค์ประกอบทางจะแสดงบนเว็บ
GSS ใช้กฎระเบียบความสัมพันธ์ระหว่างองค์ประกอบพัน DOM ต่างๆในการสร้างรูปแบบการแสดงที่แตกต่างกันขึ้นอยู่กับสภาพหน้าได้รับการโหลด
ผ่าน CCSS และส่วนประกอบ VFL, GSS ช่วยให้ข้อ จำกัด ที่จะใส่เข้าไปในสถานที่ขึ้นอยู่กับองค์ประกอบของคุณสมบัติ DOM เช่นขนาดและตำแหน่ง (CCSS) และขึ้นอยู่กับแนวตั้งและระยะห่าง (VFL)
หลักการและความคิดที่อยู่เบื้องหลังผ้าสไตล์กริดยังได้รับการนำเสนอในที่โอเรลลีคล่องแคล่ว 2014 การประชุม คุณสามารถดูวิดีโอด้านล่าง:

มีอะไรใหม่ ในข่าวประชาสัมพันธ์นี้:

• hoisting ตัวแปร (ตัวแปร unscoped virtuals และชี้ไปที่อินสแตนซ์สูงสุด)
• : มองเห็น: มองเห็น-Y: เรียนมองเห็น x หลอกว่าไฟขึ้นเมื่อองค์ประกอบที่จะมองเห็นได้
• computed- ครอบครัวทรัพย์สินหลอกซึ่งการกระทำเช่น intrinsic- โดยไม่ต้องตั้งค่าสถานที่ให้บริการเดิม
• ^ ^^ ^^^ ... และ $ combinators ที่ชี้ไปยังผู้ปกครอง / ขอบเขตราก
• เงื่อนไขในขณะนี้มีการสนับสนุนสำหรับพอเตอร์พหูพจน์ อย่างน้อยมันเคยชินแขวน
• แบบง่ายๆสนับสนุนหน่วย (ไม่อยู่ในตัวแยกวิเคราะห์ยัง), เอ็ม, REM, VH, vw, VMax, vmin.
• วิธีการหนึ่งที่มีผลผูกพันผ่านหน่วยพิกเซล ช่วยให้การแสดงออกบางอย่างที่ไม่ใช่เชิงเส้นเป็นอย่างอื่นไปไม่ได้
• max, ที่มีฟังก์ชั่นนาทีที่ยังให้ความร้ายบาง
• บัฟเฟอร์คอนโซลที่ผลเข้าและส่งออกต่อไปในการรักษาแต่ละอื่น ๆ โครงสร้าง
• $ เลื่อนชั้น $ คำนวณความสูงตอนนี้ทำงานในลักษณะที่คล้ายกับหน้าต่าง :: [เลื่อนบน] และหน้าต่าง :: [สูง]
• กำหนดขอบเขตการสนับสนุนที่ดีขึ้น stylesheets (จำลองสำหรับการทุ่มตลาด css ที่ยังไม่มี)
• ตัวแปรยกรากอยู่ในขอบเขตด้านบนไม่ได้ทั่วโลกอีกต่อไปพวกเขาจะแนบไปกับสไตล์
• กำหนดขอบเขต stylesheets หรือกำหนดตัวแปรระดับโลกในด้านบนขอบเขตมิฉะนั้นพวกเขาแนบไปกับองค์ประกอบขอบเขต.
• การสนับสนุน @import (สนับสนุนการทุ่มตลาด css ที่ไม่น่าเชื่อถือยังมี) การนำเข้าแผ่นหลายครั้งจะแยกกันเพียงครั้งเดียว.

มีอะไรใหม่ ในรุ่น 2.0.0:

• hoisting ตัวแปร (ตัวแปร unscoped และ virtuals ชี้ไปบนสุด เป็นต้น)
• : มองเห็น: มองเห็น-Y: เรียนมองเห็น x หลอกว่าไฟขึ้นเมื่อองค์ประกอบที่จะมองเห็นได้
• computed- ครอบครัวทรัพย์สินหลอกซึ่งการกระทำเช่น intrinsic- โดยไม่ต้องตั้งค่าสถานที่ให้บริการเดิม
• ^ ^^ ^^^ ... และ $ combinators ที่ชี้ไปยังผู้ปกครอง / ขอบเขตราก
• เงื่อนไขในขณะนี้มีการสนับสนุนสำหรับพอเตอร์พหูพจน์ อย่างน้อยมันเคยชินแขวน
• แบบง่ายๆสนับสนุนหน่วย (ไม่อยู่ในตัวแยกวิเคราะห์ยัง), เอ็ม, REM, VH, vw, VMax, vmin.
• วิธีการหนึ่งที่มีผลผูกพันผ่านหน่วยพิกเซล ช่วยให้การแสดงออกบางอย่างที่ไม่ใช่เชิงเส้นเป็นอย่างอื่นไปไม่ได้
• max, ที่มีฟังก์ชั่นนาทีที่ยังให้ความร้ายบาง
• บัฟเฟอร์คอนโซลที่ผลเข้าและส่งออกต่อไปในการรักษาแต่ละอื่น ๆ โครงสร้าง
• $ เลื่อนชั้น $ คำนวณความสูงตอนนี้ทำงานในลักษณะที่คล้ายกับหน้าต่าง :: [เลื่อนบน] และหน้าต่าง :: [สูง]
• กำหนดขอบเขตการสนับสนุนที่ดีขึ้น stylesheets (จำลองสำหรับการทุ่มตลาด css ที่ยังไม่มี)
• ตัวแปรยกรากอยู่ในขอบเขตด้านบนไม่ได้ทั่วโลกอีกต่อไปพวกเขาจะแนบไปกับสไตล์
• กำหนดขอบเขต stylesheets หรือกำหนดตัวแปรระดับโลกในด้านบนขอบเขตมิฉะนั้นพวกเขาแนบไปกับองค์ประกอบขอบเขต.
• การสนับสนุน @import (สนับสนุนการทุ่มตลาด css ที่ไม่น่าเชื่อถือยังมี) การนำเข้าแผ่นหลายครั้งจะแยกกันเพียงครั้งเดียว.

มีอะไรใหม่ ในรุ่น 1.0.3 เบต้า:

• อุปกรณ์น้ำตาล 2D ขนาด, ตำแหน่ง, ศูนย์ภายในขนาดด้านบนซ้ายขวาบนล่างซ้ายขวาล่าง
• Selectors อื่นที่ไม่ใช่รหัสชั้นและแท็กในขณะนี้สามารถใช้ใน CCSS เมื่อล้อมรอบด้วย Parans
• การสนับสนุนสำหรับตัวเลือกพหูพจน์ในด้านของผู้ประกอบการทั้งข้อ จำกัด

มีอะไรใหม่ ในรุ่น 1.0.2 เบต้า:

• VGL:
• @ ตารางแม่แบบโซนที่ว่างเปล่าสามารถกำหนดด้วย.
• เพิ่มใน () เพื่อ @ ตารางแม่แบบ.
• เพิ่มเอช / v / บน / ขวา / ล่าง / ซ้ายช่องว่าง () เพื่อ @ ตารางแม่แบบ.

ต้องการ

• เปิดใช้งาน JavaScript บนฝั่งไคลเอ็นต์