سی اس اس gui.css

// زبان: فارسی
واردسازی رابط گرافیکی.سی اس اس
واردسازی حافظه

تابع styles(): سی اس اس.برنامه‌سبک:
    ناپایا p := سی اس اس.برنامه سبک تازه()
    p.افزودن گزینشگر ساده(3، "card"، ""، 0، 0، 0، نادرست)
    p.افزودن گزینشگر مرکب(0، 1، 0)
    p.افزودن گزینشگر کامل(0، 1، 1000، نادرست، نادرست)
    p.افزودن پرسش رسانه(-1، [سی اس اس.آغاز کارکرد("")، سی اس اس.کلیدواژه("max-width")، سی اس اس.جداکننده(58، نادرست)، سی اس اس.کمیت با واحد(600.0، "px")، سی اس اس.بستن پرانتز()])
    p.افزودن اعلان("padding-top"، نادرست، [سی اس اس.کمیت با واحد(12.0، "px")])
    p.افزودن اعلان("color"، درست، [سی اس اس.نشان هش("334155")])
    p.افزودن اعلان("font-family"، نادرست، [سی اس اس.کلیدواژه با متن("vazirmatn"، "Vazirmatn")، سی اس اس.ویرگول()، سی اس اس.کلیدواژه("sans-serif")])
    p.افزودن اعلان("line-height"، نادرست، [سی اس اس.عدد(1.5)])
    p.افزودن اعلان("order"، نادرست، [سی اس اس.عدد گرد(2.0)])
    p.افزودن اعلان("width"، نادرست، [سی اس اس.درصد(50.0)])
    p.افزودن اعلان("background-image"، نادرست، [سی اس اس.نشانی منبع("bg.png")])
    p.افزودن اعلان متنی("--label"، "\"hi\""، نادرست)
    p.بستن فهرست اعلان(8)
    p.افزودن اعلان("margin-top"، نادرست، [سی اس اس.متن نقل شده("x")])
    p.بستن فهرست اعلان(1)
    p.افزودن قاعده برنامه(0، 0، 0)
    برگشت p
پایان

تابع ریشه:
    ناپایا p := سی اس اس.برنامه سبک تازه()
    card := سی اس اس.ترجمه اعلان ها(p، "padding: 16px; border-radius: 8px")
    سرچاپ "list"، card، "same text"، سی اس اس.ترجمه اعلان ها(p، "padding: 16px; border-radius: 8px")، "empty"، سی اس اس.ترجمه اعلان ها(p، "")
    سرچاپ "rule"، سی اس اس.ترجمه قاعده(p، ".card:hover"، "background: #eef"، "")، سی اس اس.ترجمه قاعده(p، ".card"، "padding: 8px"، "(max-width: 600px)")
    سرچاپ "css rules"، سی اس اس.ترجمه سی اس اس(p، "h1 { margin: 0 } @media (prefers-color-scheme: dark) { body { color: #eee } }")
    _bad := سی اس اس.ترجمه اعلان ها(p، "colr: red")
    سرچاپ "errors"، سی اس اس.شمار خطاهای برنامه(p)
    e := سی اس اس.خطای برنامه(p، 0)
    سرچاپ e
    حافظه.آزادسازی(e برگردان تهی*)
    src := سی اس اس.متن برنامه سبک(p، "page_styles"، "css")
    سرچاپ src.شروع با("func page_styles(): css.Program:")
    حافظه.آزادسازی(src برگردان تهی*)
    wide := سی اس اس.اعلان زمان اجرا(p، "width"، "240px")
    ناپایا sheet := سی اس اس.برگه از برنامه(p)
    ناپایا els := وکتور {} برگردان وکتور<سی اس اس.عنصر>
    els.بیفزا(سی اس اس.عنصر تازه("page"، -1))
    ناپایا box := سی اس اس.عنصر تازه("box"، 0)
    box.کلاس های عنصر = "card"
    box.شناسه اعلان پایه = card
    box.شناسه اعلان اشاره = -1
    box.شناسه اعلان تمرکز = -1
    box.شناسه اعلان فشردن = -1
    box.شناسه های اعلان زمان اجرا.بیفزا(wide)
    els.بیفزا(box)
    _n := sheet.محاسبه سبک ها(els، سی اس اس.محیط { پهنای پنجره = 500.0 })
    cs := sheet.سبک عنصر(1)
    سرچاپ "padding"، سی اس اس.متن درازا(cs.فاصله داخلی بالا)، "width"، سی اس اس.متن درازا(cs.پهنا)
    سرچاپ "added again"، sheet.افزودن برنامه(p)
    ناپایا q := styles()
    piece := سی اس اس.کلیدواژه("auto")
    سرچاپ "piece"، piece.گونه تکه، piece.متن تکه، piece.متن خام تکه، piece.عدد تکه، piece.کد تکه، piece.فاصله پیش از تکه، "program"، q.شناسه برنامه بزرگتربرابر 0
    تکرار els.طول() در i:
        ناپایا x := els.ارجاع(i)
        x.آزادسازی عنصر()
    پایان
    els.آزادکن()
    sheet.آزادسازی برگه()
    q.آزادسازی برنامه()
    p.آزادسازی برنامه()
پایان

// زبان: فارسی
واردسازی رابط گرافیکی.سی اس اس

تابع ریشه:
    ناپایا sheet := سی اس اس.برگه تازه()
    دیرکن sheet.آزادسازی برگه()
    ناپایا els := وکتور {} برگردان وکتور<سی اس اس.عنصر>
    ناپایا root := سی اس اس.عنصر تازه("page"، -1)
    root.اعلان های پایه = "color: #222; font: 16px/1.5 Vazirmatn, sans-serif"
    els.بیفزا(root)
    ناپایا card := سی اس اس.عنصر تازه("box"، 0)
    card.اعلان های پایه = `display: flex; position: relative; top: 4px; flex-flow: row wrap; gap: 8px 2%; padding: 12px 16px; margin: 0 auto; border: 2px solid #ccc; border-radius: 12px; background: linear-gradient(to right, #fff 0%, #eee 100%), url(bg.png) center / cover no-repeat, #fafafa; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); outline: 1px dashed red; outline-offset: 2px; opacity: 0.9; transform: rotate(5deg) scale(1.1); transform-origin: left top; translate: 4px 2px; rotate: 10deg; scale: 2; transition: opacity 300ms ease-out 100ms; cursor: pointer; z-index: 3; text-align: center; text-shadow: 1px 1px 2px black; letter-spacing: 1px; word-spacing: 2px; text-decoration: underline overline line-through wavy red 2px; list-style: square inside; caret-color: blue; accent-color: green; color-scheme: light dark; aspect-ratio: 4 / 3; overflow: hidden auto; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; overflow-wrap: anywhere; tab-size: 4; vertical-align: middle; float: left; clear: both; user-select: none; pointer-events: none; visibility: visible; object-fit: cover; object-position: right bottom; border-collapse: collapse; border-spacing: 2px 4px; table-layout: fixed; appearance: none; font-style: italic; font-variant-caps: small-caps; font-stretch: condensed; text-transform: uppercase; text-indent: 1em; order: 2; flex-grow: 1; flex-shrink: 0; flex-basis: 50%; justify-content: center; align-items: stretch; align-self: flex-start; align-content: space-around; justify-items: start; justify-self: end; box-sizing: border-box; direction: ltr; min-width: 100px; max-width: 800px; min-height: 2em; max-height: none; width: 50%; height: auto; right: auto; bottom: auto; left: 0`
    els.بیفزا(card)
    _n := sheet.محاسبه سبک ها(els، سی اس اس.محیط {})
    cs := sheet.سبک عنصر(1)
    سرچاپ cs.نمایش، cs.جایگاه، سی اس اس.متن درازا(cs.فاصله از بالا)، سی اس اس.متن درازا(cs.فاصله از راست)، سی اس اس.متن درازا(cs.فاصله از پایین)، سی اس اس.متن درازا(cs.فاصله از چپ)
    سرچاپ cs.سنجش جعبه، سی اس اس.متن درازا(cs.پهنا)، سی اس اس.متن درازا(cs.بلندی)، سی اس اس.متن درازا(cs.کمینه پهنا)، سی اس اس.متن درازا(cs.کمینه بلندی)، سی اس اس.متن درازا(cs.بیشینه پهنا)
    سرچاپ سی اس اس.متن درازا(cs.بیشینه بلندی)، cs.نسبت ابعاد، سی اس اس.متن درازا(cs.حاشیه بالا)، سی اس اس.متن درازا(cs.حاشیه راست)، سی اس اس.متن درازا(cs.حاشیه پایین)، سی اس اس.متن درازا(cs.حاشیه چپ)
    سرچاپ سی اس اس.متن درازا(cs.فاصله داخلی بالا)، سی اس اس.متن درازا(cs.فاصله داخلی راست)، سی اس اس.متن درازا(cs.فاصله داخلی پایین)، سی اس اس.متن درازا(cs.فاصله داخلی چپ)، cs.مرز بالا.پهنای ضلع، cs.مرز بالا.سبک ضلع
    سرچاپ سی اس اس.متن رنگ(cs.مرز بالا.رنگ ضلع)، cs.مرز راست.پهنای ضلع، cs.مرز راست.سبک ضلع، سی اس اس.متن رنگ(cs.مرز راست.رنگ ضلع)، cs.مرز پایین.پهنای ضلع، cs.مرز پایین.سبک ضلع
    سرچاپ سی اس اس.متن رنگ(cs.مرز پایین.رنگ ضلع)، cs.مرز چپ.پهنای ضلع، cs.مرز چپ.سبک ضلع، سی اس اس.متن رنگ(cs.مرز چپ.رنگ ضلع)، سی اس اس.متن درازا(cs.گردی بالا چپ.شعاع افقی)، سی اس اس.متن درازا(cs.گردی بالا چپ.شعاع عمودی)
    سرچاپ سی اس اس.متن درازا(cs.گردی بالا راست.شعاع افقی)، سی اس اس.متن درازا(cs.گردی بالا راست.شعاع عمودی)، سی اس اس.متن درازا(cs.گردی پایین راست.شعاع افقی)، سی اس اس.متن درازا(cs.گردی پایین راست.شعاع عمودی)، سی اس اس.متن درازا(cs.گردی پایین چپ.شعاع افقی)، سی اس اس.متن درازا(cs.گردی پایین چپ.شعاع عمودی)
    سرچاپ cs.سرریز افقی، cs.سرریز عمودی، cs.جهت نوشتار، cs.جهت فلکس، cs.شکست فلکس، cs.رشد فلکس
    سرچاپ cs.کوچک شدن فلکس، سی اس اس.متن درازا(cs.پایه فلکس)، cs.پخش محتوا، cs.تراز فرزندان، cs.تراز خود، cs.تراز محتوا
    سرچاپ cs.پخش فرزندان، cs.پخش خود، سی اس اس.متن درازا(cs.فاصله سطرها)، سی اس اس.متن درازا(cs.فاصله ستون ها)، cs.ترتیب، cs.عمق لایه
    سرچاپ cs.عمق خودکار، cs.شناور، cs.پاک سازی، cs.ترازبندی عمودی، سی اس اس.متن درازا(cs.درازای ترازبندی عمودی)، سی اس اس.متن رنگ(cs.رنگ متن)
    سرچاپ سی اس اس.متن رنگ(cs.رنگ پس زمینه)، cs.لایه های پس زمینه.طول()، cs.سایه های جعبه.طول()، cs.خط دور.پهنای ضلع، cs.خط دور.سبک ضلع، سی اس اس.متن رنگ(cs.خط دور.رنگ ضلع)
    سرچاپ cs.فاصله خط دور، cs.ماتی، cs.تبدیل ها.طول()، سی اس اس.متن درازا(cs.مبدأ تبدیل افقی)، سی اس اس.متن درازا(cs.مبدأ تبدیل عمودی)، سی اس اس.متن درازا(cs.انتقال افقی)
    سرچاپ سی اس اس.متن درازا(cs.انتقال عمودی)، cs.چرخش، cs.مقیاس افقی، cs.مقیاس عمودی، cs.دیدپذیری عنصر، "[" + cs.نشانگر + "]"
    سرچاپ cs.رویداد اشاره گر، cs.گزینش پذیری، "[" + cs.خانواده قلم + "]"، cs.سایز قلم، cs.ضریب سایز کلیدواژه، cs.وزن قلم
    سرچاپ cs.حالت قلم، cs.حروف کوچک بزرگ، cs.کشیدگی قلم، cs.ارتفاع خط، cs.ضریب ارتفاع خط، cs.ارتفاع خط معمولی
    سرچاپ cs.فاصله حروف، cs.فاصله واژه ها، cs.ترازبندی متن، سی اس اس.متن درازا(cs.تورفتگی متن)، cs.دگرگونی حروف، cs.فضای سفید متن
    سرچاپ cs.زیرخط، cs.بالاخط، cs.خط خورده، cs.سبک خط تزیینی، سی اس اس.متن رنگ(cs.رنگ خط تزیینی)، سی اس اس.متن درازا(cs.ضخامت خط تزیینی)
    سرچاپ cs.سایه های متن.طول()، cs.برش متن سرریز، cs.شکست واژه ها، cs.شکستن سرریز، cs.شمار فاصله تب، cs.درازای تب
    سرچاپ "[" + cs.نوع نشانه فهرست + "]"، cs.جای نشانه فهرست، "[" + cs.تصویر نشانه فهرست + "]"، cs.ادغام مرزها، cs.فاصله مرزها افقی، cs.فاصله مرزها عمودی
    سرچاپ cs.روش چینش جدول، cs.گذارها.طول()، سی اس اس.متن رنگ(cs.رنگ نشانگر متن)، سی اس اس.متن رنگ(cs.رنگ تاکید)، cs.تاکید خودکار، "[" + cs.ظاهر + "]"
    سرچاپ cs.طرح رنگ عنصر، cs.تیره به کار رفته، cs.جاگیری تصویر، سی اس اس.متن درازا(cs.جای تصویر افقی)، سی اس اس.متن درازا(cs.جای تصویر عمودی)
    l := cs.لایه های پس زمینه[0]
    سرچاپ l.نوع تصویر لایه، l.نشانی تصویر.طول()، l.گرادیان تکراری، l.زاویه گرادیان، l.سوی افقی گرادیان، l.سوی عمودی گرادیان، l.شکل گرادیان، l.گستره گرادیان، سی اس اس.متن درازا(l.شعاع افقی گرادیان)، سی اس اس.متن درازا(l.شعاع عمودی گرادیان)، سی اس اس.متن درازا(l.مرکز افقی گرادیان)، سی اس اس.متن درازا(l.مرکز عمودی گرادیان)
    سرچاپ l.ایستگاه های رنگ.طول()، سی اس اس.متن درازا(l.جای افقی لایه)، سی اس اس.متن درازا(l.جای عمودی لایه)، l.ابعاد لایه، سی اس اس.متن درازا(l.پهنای لایه)، سی اس اس.متن درازا(l.بلندی لایه)، l.کاشی افقی لایه، l.کاشی عمودی لایه، l.برش لایه، l.مبدأ لایه، l.لایه ثابت
    st := l.ایستگاه های رنگ[1]
    سرچاپ سی اس اس.متن رنگ(st.رنگ ایستگاه)، سی اس اس.متن درازا(st.جای ایستگاه)، st.جای دارد، st.راهنمای میانی
    u := cs.لایه های پس زمینه[1]
    سرچاپ u.نوع تصویر لایه، u.نشانی تصویر، u.ابعاد لایه، u.کاشی افقی لایه
    s := cs.سایه های جعبه[0]
    سرچاپ s.جابجایی افقی سایه، s.جابجایی عمودی سایه، s.تاری سایه، s.گسترش سایه، سی اس اس.متن رنگ(s.رنگ سایه)، s.سایه داخلی
    f := cs.تبدیل ها[1]
    سرچاپ f.قسم کارکرد تبدیل، سی اس اس.متن درازا(f.جابجایی افقی)، سی اس اس.متن درازا(f.جابجایی عمودی)، f.ضریب الف، f.ضریب ب، f.ضریب پ، f.ضریب ت، f.ضریب ث، f.ضریب ج
    t := cs.گذارها[0]
    سرچاپ t.ویژگی گذار، t.مدت گذار، t.درنگ گذار، t.زمان بندی گذار.قسم زمان بندی
    تکرار els.طول() در i:
        ناپایا x := els.ارجاع(i)
        x.آزادسازی عنصر()
    پایان
    els.آزادکن()
پایان

// زبان: فارسی
واردسازی رابط گرافیکی.سی اس اس
واردسازی حافظه

تابع ریشه:
    ناپایا c := سی اس اس.رنگ‌سی‌اس‌اس {}
    ok := سی اس اس.تجزیه رنگ("hsl(210 80% 50% / 0.5)"، c)
    t := سی اس اس.متن رنگ(c)
    سرچاپ ok، c.قرمز، c.سبز، c.آبی، c.آلفا، t
    حافظه.آزادسازی(t برگردان تهی*)
    ناپایا ds := سی اس اس.تجزیه اعلان ها("margin: 4px 8px; color: red !important; --x: 1")
    تکرار ds.طول() در i:
        d := ds[i]
        سرچاپ d.نام اعلان، d.مقدار اعلان، d.مهم
    پایان
    سی اس اس.آزادسازی اعلان ها(ds)
    sp := سی اس اس.ویژگی مندی گزینشگر("#nav .item:hover > a")
    سرچاپ "specificity"، sp.شمار شناسه ها، sp.شمار کلاس ها، sp.شمار نوع ها
    env := سی اس اس.محیط { پهنای پنجره = 500.0، بلندی پنجره = 800.0 }
    سرچاپ "media"، سی اس اس.تطبیق رسانه("(max-width: 600px) and (orientation: portrait)"، env)
    ease := سی اس اس.زمان‌بندی {}
    سرچاپ "ease"، ease.قسم زمان بندی، ease.ایکس یک، ease.ایگرگ یک، ease.ایکس دو، ease.ایگرگ دو، ease.شمار پله ها، ease.جای پرش، سی اس اس.مقدار تسهیل(ease، 0.5) بزرگتر 0.8
    steps := سی اس اس.زمان‌بندی { قسم زمان بندی = سی اس اس.نوع‌زمان‌بندی.Steps، شمار پله ها = 4، جای پرش = سی اس اس.جای‌پله.JumpEnd }
    سرچاپ "steps"، سی اس اس.مقدار تسهیل(steps، 0.6)
    ناپایا sheet := سی اس اس.برگه تازه()
    دیرکن sheet.آزادسازی برگه()
    ناپایا els := وکتور {} برگردان وکتور<سی اس اس.عنصر>
    els.بیفزا(سی اس اس.عنصر تازه("page"، -1))
    ناپایا box := سی اس اس.عنصر تازه("box"، 0)
    box.اعلان های پایه = "width: calc(100% - 2em); height: min(50vh, 300px); border-radius: 20px / 10px; transform: translate(10px, 0) rotate(90deg); font-family: Vazirmatn, Tahoma, sans-serif; display: flex; padding: 1em"
    els.بیفزا(box)
    _n := sheet.محاسبه سبک ها(els، env)
    cs := sheet.سبک عنصر(1)
    w := cs.پهنا
    wtext := سی اس اس.متن درازا(w)
    سرچاپ "width"، wtext، w.قسم درازا، w.پیکسل درازا، w.درصد درازا، w.درصد دارد، w.عبارت محاسبه.طول() برابر 0، سی اس اس.حل درازا(w، 300.0)
    حافظه.آزادسازی(wtext برگردان تهی*)
    سرچاپ "needs basis"، سی اس اس.نیاز به پایه(cs)
    b := سی اس اس.به جعبه(cs)
    bi := سی اس اس.به جعبه درون(cs، 300.0، 200.0)
    سرچاپ "box"، b.نمایش، b.پهنا.قسم درازا، bi.پهنا.مقدار درازا، bi.بلندی.مقدار درازا
    m := سی اس اس.ماتریس تبدیل(cs، 100.0، 40.0)
    سرچاپ "matrix"، m.خانه الف، m.خانه ب، m.خانه پ، m.خانه ت، m.خانه ث، m.خانه ج
    r := سی اس اس.شعاع های به کار رفته(cs، 30.0، 40.0)
    سرچاپ "radii"، r.بالا چپ افقی، r.بالا چپ عمودی، r.بالا راست افقی، r.بالا راست عمودی، r.پایین راست افقی، r.پایین راست عمودی، r.پایین چپ افقی، r.پایین چپ عمودی
    ناپایا fams := سی اس اس.خانواده های قلم(cs)
    سرچاپ "families"، fams.طول()، fams[0]، fams[2]
    fams.آزادکن()
    v := سی اس اس.متن مقدار(cs، "border-top-left-radius")
    سرچاپ "value text"، v
    حافظه.آزادسازی(v برگردان تهی*)
    تکرار els.طول() در i:
        ناپایا x := els.ارجاع(i)
        x.آزادسازی عنصر()
    پایان
    els.آزادکن()
پایان

// زبان: فارسی
واردسازی رابط گرافیکی.سی اس اس

تابع ریشه:
    ناپایا برگه := سی اس اس.برگه تازه()
    دیرکن برگه.آزادسازی برگه()
    ناپایا عنصرها := وکتور {} برگردان وکتور<سی اس اس.عنصر>
    ناپایا کارت := سی اس اس.عنصر تازه("box"، -۱)
    کارت.اعلان های پایه = "border: 8px solid; border-image: linear-gradient(45deg, red, blue) 30% fill / 2 / 4px round stretch; background: linear-gradient(90deg in oklch, oklch(70% 0.15 30), 25%, oklch(60% 0.12 250))"
    عنصرها.بیفزا(کارت)
    _n := برگه.محاسبه سبک ها(عنصرها، سی اس اس.محیط {})
    سبک := برگه.سبک عنصر(0)
    لبه := سبک.تصویر لبه
    سرچاپ "منبع:"، سی اس اس.متن مقدار(سبک، "border-image-source")
    سرچاپ "برش:"، سی اس اس.متن درازا(لبه.برش بالا)، سی اس اس.متن درازا(لبه.برش راست)، سی اس اس.متن درازا(لبه.برش پایین)، سی اس اس.متن درازا(لبه.برش چپ)، "پر"، لبه.پرکردن میانه
    سرچاپ "پهنا:"، لبه.پهنای تصویر بالا.قسم درازا برابر سی اس اس.نوع‌درازا.عدد بی واحد، لبه.پهنای تصویر بالا.پیکسل درازا، لبه.پهنای تصویر راست.پیکسل درازا، لبه.پهنای تصویر پایین.پیکسل درازا، لبه.پهنای تصویر چپ.پیکسل درازا
    سرچاپ "بیرون زدگی:"، سی اس اس.متن درازا(لبه.بیرون زدگی بالا)، سی اس اس.متن درازا(لبه.بیرون زدگی راست)، سی اس اس.متن درازا(لبه.بیرون زدگی پایین)، سی اس اس.متن درازا(لبه.بیرون زدگی چپ)
    سرچاپ "تکرار:"، لبه.تکرار افقی لبه برابر سی اس اس.کاشی‌پس‌زمینه.کاشی گرد شده، لبه.تکرار عمودی لبه برابر سی اس اس.کاشی‌پس‌زمینه.کشیدن، لبه.منبع تصویر لبه.نوع تصویر لایه برابر سی اس اس.نوع‌تصویر.گرادیان خطی
    لایه := سبک.لایه های پس زمینه[۰]
    سرچاپ "فضای گرادیان:"، لایه.فضای درون یابی، "فام:"، لایه.روش درون یابی فام، "نوشته شده:"، لایه.فضای درون یابی نوشته شده
    ناپایا ایستگاه‌ها := سی اس اس.ایستگاه های شیب(لایه، ۲۰۰.۰)
    نخست := ایستگاه‌ها[۰]
    واپسین := ایستگاه‌ها[ایستگاه‌ها.طول() - ۱]
    سرچاپ "ایستگاه‌ها هنگام کشیدن:"، ایستگاه‌ها.طول()، سی اس اس.متن رنگ(نخست.رنگ ایستگاه)، "در"، نخست.جای ایستگاه.پیکسل درازا، "تا"، سی اس اس.متن رنگ(واپسین.رنگ ایستگاه)، "در"، واپسین.جای ایستگاه.پیکسل درازا
    ایستگاه‌ها.آزادکن()
    ناپایا آ := سی اس اس.رنگ‌سی‌اس‌اس {}
    ناپایا ب := سی اس اس.رنگ‌سی‌اس‌اس {}
    _x := سی اس اس.تجزیه رنگ("oklch(70% 0.15 30)"، آ)
    _y := سی اس اس.تجزیه رنگ("oklch(60% 0.12 250)"، ب)
    میانه := سی اس اس.آمیختن رنگ ها(آ، ب، ۰.۵)
    سرچاپ "قدیمی:"، آ.رنگ قدیمی، "میانه‌ی گذار:"، سی اس اس.متن رنگ(میانه)
    عنصرها[۰].آزادسازی عنصر()
    عنصرها.آزادکن()
پایان

// زبان: فارسی
واردسازی رابط گرافیکی.سی اس اس
واردسازی حافظه

تابع ریشه:
    ناپایا sheet := سی اس اس.برگه تازه()
    دیرکن sheet.آزادسازی برگه()
    سرچاپ "rules"، sheet.شمار قاعده ها() بزرگتر 100
    _a := sheet.افزودن قاعده(".card > p:first-child"، "color: #334155; margin: 0 0 8px")
    _b := sheet.افزودن قاعده رسانه("(max-width: 600px)"، ".card"، "padding: 8px")
    سرچاپ "css rules"، sheet.افزودن سی اس اس("@media (prefers-color-scheme: dark) { body { background: #111 } } a:hover { color: red }")
    ناپایا els := وکتور {} برگردان وکتور<سی اس اس.عنصر>
    ناپایا body := سی اس اس.عنصر تازه("page"، -1)
    body.اعلان های پایه = "font-family: Vazirmatn, sans-serif; --gap: 12px"
    els.بیفزا(body)
    ناپایا card := سی اس اس.عنصر تازه("box"، 0)
    card.شناسه عنصر = "main"
    card.کلاس های عنصر = "card"
    card.اعلان های پایه = "display: flex; gap: var(--gap); padding: 16px"
    card.افزودن رسانه("(min-width: 1200px)"، "padding: 32px")
    els.بیفزا(card)
    ناپایا p := سی اس اس.عنصر تازه("paragraph"، 1)
    p.افزودن ویژگی("lang"، "en")
    els.بیفزا(p)
    ناپایا link := سی اس اس.عنصر تازه("link"، 1)
    link.افزودن ویژگی("href"، "/next")
    link.اعلان های اشاره = "text-decoration: none"
    link.اعلان های تمرکز = "outline: 2px solid blue"
    link.اعلان های فشردن = "color: purple"
    els.بیفزا(link)
    سرچاپ "tag"، link.برچسب عنصر، link.کلید عنصر، link.والد عنصر، link.ویژگی دارد("href")
    env := سی اس اس.محیط { پهنای پنجره = 800.0، بلندی پنجره = 600.0، حالت تیره = نادرست، حرکت کمتر = نادرست، اشاره گر شناور = درست، اشاره گر دقیق = درست، جهت صفحه = "ltr"، زبان صفحه = "en" }
    سرچاپ "distinct"، sheet.محاسبه سبک ها(els، env)، "elements"، sheet.شمار عنصرها()
    cs := sheet.سبک عنصر(2)
    سرچاپ "p"، سی اس اس.متن مقدار(cs، "color")، سی اس اس.متن مقدار(cs، "margin-top")، سی اس اس.متن مقدار(cs، "margin-bottom")
    سرچاپ "card"، سی اس اس.متن مقدار(sheet.سبک عنصر(1)، "column-gap")، سی اس اس.متن مقدار(sheet.سبک عنصر(1)، "padding-top")
    سرچاپ "root"، سی اس اس.متن مقدار(sheet.سبک ریشه()، "display")، "same style"، sheet.شناسه سبک(2) برابر sheet.شناسه سبک(2)
    g := sheet.متغیر سفارشی(2، "--gap")
    سرچاپ "var"، g
    حافظه.آزادسازی(g برگردان تهی*)
    سرچاپ "matches"، sheet.تطبیق گزینشگر("#main > a[href]"، els، 3)
    top := سی اس اس.زنجیره اشاره(els، 3)
    سرچاپ "hovered"، els[3].زیر اشاره، els[1].زیر اشاره، "restyled"، sheet.سبک دهی دوباره(els، top)
    سرچاپ "after hover"، سی اس اس.متن مقدار(sheet.سبک عنصر(3)، "text-decoration-line")، "cascades"، sheet.شمار آبشارها()، "distinct"، sheet.شمار سبک های یکتا()
    ناپایا l2 := els.ارجاع(3)
    l2.دارای تمرکز = درست
    l2.تمرکز نمایان = درست
    l2.فشرده = درست
    _r := sheet.سبک دهی دوباره(els، 3)
    سرچاپ "focus"، سی اس اس.متن مقدار(sheet.سبک عنصر(3)، "outline-style")، سی اس اس.متن مقدار(sheet.سبک عنصر(3)، "color")
    ناپایا bare := سی اس اس.برگه خالی()
    دیرکن bare.آزادسازی برگه()
    سرچاپ "empty"، bare.شمار قاعده ها()، "defaults added"، bare.افزودن پیش فرض ها() بزرگتر 0
    ua := سی اس اس.سی اس اس پیش فرض()
    سرچاپ "default css bytes"، ua.طول() بزرگتر 1000، سی اس اس.برچسب نوع("ordered list")
    حافظه.آزادسازی(ua برگردان تهی*)
    سرچاپ "media"، env.پهنای پنجره، env.بلندی پنجره، env.حالت تیره، env.حرکت کمتر، env.اشاره گر شناور، env.اشاره گر دقیق، env.جهت صفحه، env.زبان صفحه، "[" + link.شناسه عنصر + "]"، "[" + link.کلاس های عنصر + "]"، "[" + link.اعلان های پایه + "]"
    تکرار els.طول() در i:
        ناپایا x := els.ارجاع(i)
        سرچاپ i، x.نام ویژگی ها.طول()، x.مقدار ویژگی ها.طول()، x.شرط های رسانه.طول()، x.اعلان های رسانه.طول()
        x.آزادسازی عنصر()
    پایان
    els.آزادکن()
پایان