unitscss تنزيل - تنزيل رمز المصدر unitscss

unitscss

مكونات الطرف الثالث

v0.1.17

تنزيل

الوحدات

مجموعة مكون بسيطة وجميلة.

https://unitscss.com/

وثيقة

الإنجليزية / 日本語

ميزة

الوحدات هي مجموعة مكون بسيطة وجميلة. كل ما عليك فعله هو مجرد تحميل ملفات CSS ونسخها ولصقها ، لذا من السهل استخدام أي شخص.

استخدم بسرعة
كل ما عليك فعله هو مجرد وحدات. تم إعداد العديد من المكونات بالفعل ويمكنك اختيار المكونات التي تريد استخدامها وتطبيقها على موقع الويب الخاص بك.
بسيطة وجميلة
تم تصميم كل مكونات بشكل جميل. سيتم تحديث التصميم بشكل دوري ، ونحن لن نطبق تغييرات كبيرة ، ولكن نطبق فقط تغييرات صغيرة مثل ضبط الهوامش.
دعم المتصفح الحديث
تم تحسين الوحدات لاستخدامها في المتصفح الحديث مثل Microsoft Edge و Google Chrome و Firefox و Safari ، ماذا عن المتصفحات القديمة؟ ... أنا آسف.
تصميم الويب المستجيب
نحن نستخدم موافقات على الويب المستجيبة لعرض التصميم الأمثل على جميع الأجهزة.
تحديث دوري
لا تزال الوحدات إصدارًا تجريبيًا ، وسيتم تحديثها بشكل دوري إلى إصدار رئيسي. Unitil الإصدار الرئيسي ، سنضيف مكونات جديدة ، ونقوم بتحسين رموز المصدر ، وضبط تصميمه.
دعم اليابانية
لأن المطورين يابانيون يمكن أن ندعمهم باللغة اليابانية. لقد تم تحسين صفحات الويب وتحديث المستندات المكتوبة باللغة اليابانية.

تثبيت

يمكن تنزيل الوحدات نفسها من GitHub عن طريق استنساخه أو كتنسيق مضغوط ، أو يمكنك تنزيله عبر NPM.

$ git clone https://github.com/kokushin/unitscss.git

$ npm install unitscss --save

دعنا نحمل الملفات اللازمة.

 < link rel =" stylesheet " href =" https://fonts.googleapis.com/css?family=Roboto:400,700 " >
< link rel =" stylesheet " href =" path/to/units.min.css " >

< script src =" path/to/units.min.js " > </ script >

الاستخدام

اكتب مقتطفات HTML الدقيقة واعطها الفصول الصحيحة التي تبدأ بـ uc- . على سبيل المثال في العينة أدناه ، يمكنك إنشاء مكون بطاقة متصل مع صورة مغطاة.

 < div class =" uc-card _float " >
  < div class =" uc-card-image " style =" background-image:url(https://source.unsplash.com/random) " > </ div >
  < h3 class =" uc-card-title " > Sample card </ h3 >
  < p > Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur, et. </ p >
  < div class =" uc-btn _primary " > < a href =" # " > Button </ a > </ div >
</ div >