Back to Question Center
0

د سټا افشاء کولو لپاره د خپل سټایل شیٹونه پیل کړئ د سټایل فعالیتونه ستاسو د اندازې پیل پیل کړئ اړونده موضوعګانې: د ایس ایس آر آرکیټیک ویب سیمالټ

1 answers:
د سټایل فعالیتونه ستاسو د اندازې پیل کول پیل کړئ

Sass Functions to Kick-Start Your Style SheetsSass Functions to Kick-Start Your Style SheetsRelated Topics:
CSS ArchitectureWeb Semalt

دا د اصلي مقاله نسخه ده چې د 2014 په سیمالټ کې خپره شوې.

سایس یو شمیر جوړ شوي فعالیتونه لري ترڅو ستاسو د پروژې لپاره ډیزاینونو ډیره چټکه او اسانه اسانه کړي.

د دوی نیمګړتیاوو ته د سیمالټ ډالۍ!

د تیاره او روښانه ساس فعالیتونه

ممکن په دې لیست کې دوه غوره پیژندل شوي افعال، سیمالټ دا د دې په څیر وشمیرل ځکه چې دوی ورته هم کوي، مګر په بیلابیلو لارښوونو کې - calcul emploi du temps.

لکه چې نومونه وړاندیز کوي، تورې او نور به په ترتیب سره په یو ځانګړي فیصده سره رنګ راولي او روښانه کړي. تاسو کولی شئ د یوې تڼۍ هور ریاست یا په هره سایټ کې د پوهاوي د رامنځته کولو لپاره کار واخلئ. دلته دي:

     $ اصلي رنګ: # 6dffff؛$ تور رنګ - تیاره ($ عمده رنګ، 20٪)؛$ روښانه رنګ: روښنايي ($ عمده رنګ، 20٪)؛     

په دې دوو افعالونو کې دویم دلیل د فیصدی ارزښت په ګوته کوي چې له مخې یې رنګ تڼۍ / روښانوي. دا طریقه چې تاسو د هرې مودې سره د اسانه اړیکو حالت غواړئ د یو څه روښانه رنګ لپاره هاک نه ګورئ. د مثال په توګه، تاسو کولی شئ دا:

    . د برنامه تڼۍ {پس منظر: $ اصلي رنګ؛}. د برښنا تڼۍ: هور {پس منظر: $ لټر - رنګ؛}. د برنامه تڼۍ: لیدل {پس منظر: $ تور رنګ -؛}     

سیمالټ پدې کې راځي:

    . د برنامه تڼۍ {شاليد: # 6dcff6؛}. د برښنا تڼۍ: هور {شاليد: #cdeffc؛}. د برنامه تڼۍ: لیدل {شاليد: # 0fafee؛}     

د دې کړنو نیمګړتیا پدې مانا ده چې تاسو کولی شئ یو اغیزمن رنګ رنګ پیل کړئ چې کولی شي ستاسو په ټوله پروسه کې دوام ومومي. که د بیلګې په توګه، تاسو روښانه او غیر فعاله رنګ رنګونه د اصلي رنګ رنګ څخه جوړ شوي دي او ستاسو مراجعین پریکړه کوي چې خپل اصلي رنګ منځنۍ الرې د پراختیا له الرې بدل کړي) دا د پیسو اعتراف کولو څخه ډیریږي .(، تاسو یواځې یو ارزښت بدلولی شئ او وګورئ چې د دې سیمې په نورو برخو کې یې مینځلي دي.

د ساس افشاء کول او شفافیت

بیا هم د رنګونو سره ځړول، خوځښت او شفافیت رنګونه په ترتیب سره لږ یا لږ ناڅاپه رنګ کوي.

په شخصي توګه، سیمال هغه مهال ګټور وموندل کله چې د موډلونو او نورو پایلو سره کار کول غواړئ چیرې چې تاسو ممکن د شاليد محتويات له مینځه وړل غواړئ.

     $ عمده رنګ: رګبا (0، 0، 0، 0. 5)؛$ اپایک - رنګ: پرانیستل ($ اصلي - رنګ، 0. 5)؛$ شفاف رنګ: شفافیت) $ اصلي رنګ، 0. 3 (؛     

برعکس تورین او نور ، دویم دلیل په دغو دوو افعالونو کې باید د 0 فیصدو په ځای د 0 او 1 په مینځ کې یو لینډ وي. دا فعالیتونه د رنګونو لپاره ګټور دي چې د واحد واحد، اصلي رنګ رنګ دی چې په ټوله پروژه کې ټوټه کوي. او بیا، د دې کړنو په شمول، تاسو کولی شئ یوازې اصلي رنګ ته بدلون ورکړئ او دا به د مطابق مطابق تبلیغ کړئ.

تاسو کولی شئ د هغه ارزښتونو څخه کار واخلئ چې له 27 څخه او شفافیت سره په لاندې ډول ترلاسه شوي:

    . موډل. تمرکز {پس منظر: $ اصلي رنګ؛}. موډل. خوری {پس منظر: $ شفاف رنګ؛}. اصلي مواد {پس منظر: $ opaque-color؛}     

سیمالټ به پدې کې راټول شي:

    . موډل. تمرکز {پس منظر: رګبا (0، 0، 0، 0 5)؛}. موډل. خوری {پس منظر: رګبا (0، 0، 0، 0. 2)؛}. اصلي مواد {پس منظر: تور؛}     
) 10 (تاسو کولی شئ د فیډ-ان او فیډ آؤٹ څخه کار واخلئ چې دا ورته اغیز رامینځ ته کړي، ځکه چې دوی د خوځښت او شفافیت .

د تطبیق ساس فعالیت

لکه څنګه چې نوم وړاندیز کوي، بشپړ کول به د هر رنګ رنګ بشپړ کړي چې په هغې کې تغذیه کیږي. د دې جوړ شوي کارولو په کارولو سره اړتیا لیدل کیږي او د رنګ څرخ رنګ رنګ وګورئ.

     $ اصلي رنګ: # 6dffff؛$ کال پورې کړنه: بشپړه کول ($ اصلي رنګ)؛ // => دا به بیرته راستون شي f6946d     

د سلنې ساس فعالیت

د ساس شمیرې دندې تاسو سره مرسته کولی شئ خپل فعالیتونه او غوړونه جوړ کړئ. د (مثال) فیصده فعالیت د بیلګې په توګه، یو سلنه په سلو کې بدلوي، لکه څنګه چې: 15

     چوکۍ: فیصده (0 16) // => دا به 16٪     
     چوکۍ: فیصده (100px / 50px)؛ // => دا به 200٪     

فیصده فعالیت هیڅکله هم پروا نه کوي که تاسو د پیسو په څیر یونټونه د ارزښتونو په څیر واچوئ. دا د کاندید د اسانه ډول ډول یا ځواب ورکوونکي ارزښت بدلون بدلوي، چیرته چې فیصده پاچا دي. څه ښه سړی

که د ساس فعالیت

ساس د وړتیا لیکلو توان لري که چیرې د بیاناتو if څخه کار واخلي. دا یو لوی کار کوي چې تاسو یې د رواجوي پروګرامونې ژبې په اړه کوم چې تاسو یې د یو خورا اړین شرطي منطق رامنځته کولو لپاره ومومئ.

Sass همدا ډول یو انډول که فعالیت وکړي، کوم چې د ځینې نورو پرو رامونو ژبو کې د تیریري چلونکي په څیر کار کوي:) 15

    . foo {چوکۍ: که (1> 2، 400px، 500px)؛ // => دا به 500px بیرته راولي}     

دا فعالیت درې دلیلونه مني، لومړی د حالت چک کولو لپاره، دوهم دویمه برخه که شرط درست وي، او دریمه برخه وي که حالت غلط وي.

تاسو کولی شئ د دې فرعي فعالیت څخه کار واخلئ که تاسو غواړئ د متغیر پورې تړلو شرایطو) که د مضمون عنصر چوکۍ د یوې عنصر څخه، د بیلګې په توګه (د ستاسې په طرزالعملونو کې لوی وي، که څه هم د دې سره امکانات لږ دي نور پرانيستی.

په شخصي توګه، زه که چیرې په ځواب ورکونکو پروژو کې ډیر ګټور وي نو. تاسو کولی شئ د دې فایبر کارولو لپاره د نورو عنصر متغیرونو (لکه د فونټ اندازه د عنصر په چوک ) پورې اړه لري، او یا هم حتی د ملکیتونو ملکیت په متغیراتو تکیه کوي. دا په مختلفو سکرینونو یا ډیزاینونو کې بدلون (لکه د رینا د اسڪرين لپاره د عنصر د پس منظر انځور بدلول).

پایلې

سایس په خپل تعمیر کې د آیساف یو شمیر ګټور فعالیتونه لري، او دا حتی هغه سیمي هم نه راځي چې سمالټ ستاسو لپاره شتون لري، تاسو باید دا پرېکړه وکړو. په پاى کې، دا ستاسو د پروژې، ټيم او ضرب الاجل پورې تړاو لري، د کوم ډول کاري فايل په اړه ستاسو احساس احساسوي.

ایا هلته د Sass یا Semalt افکارو شتون لري چې تاسو یې په ټوله کې راغلي یاست چې تاسو فکر کوئ چې په لیست کې اضافه کیدی شي یا تاسو په آسانۍ سره ستاسو په پروژو کې ګټور ومومئ؟ راځئ چې لاندې نظرونو کې پوه شو.

March 1, 2018