bourbon

เลิกใช้ ณ วันที่ 13 กันยายน 2567

โครงการนี้ไม่ได้รับการดูแลอีกต่อไป เราสนับสนุนให้ผู้คนใช้ประโยชน์จากคุณสมบัติ CSS พื้นเมืองที่ทันสมัยแทนห้องสมุดนี้ คุณสามารถอ้างถึงโพสต์บล็อกของเราเกี่ยวกับวิธีการเปลี่ยนหรือทบทวนผู้ช่วยแต่ละคน

ชุดเครื่องมือ SASS ที่มีน้ำหนักเบา

Bourbon เป็นห้องสมุดของ SASS Mixins และฟังก์ชั่นที่ออกแบบมาเพื่อให้คุณเป็นผู้เขียนสไตล์ที่มีประสิทธิภาพมากขึ้น

มันคือ ...

• ปราศจากการพึ่งพา: บูร์บองเป็นเขี้ยวบริสุทธิ์
• มนุษย์ที่อ่านได้: เราตั้งเป้าหมายเพื่อความชัดเจนเหนือความกะทัดรัด
• Lightweight: output output หลังการติดตั้งและไม่มีความเห็นภาพ

ลิงค์ที่เป็นประโยชน์

• เอกสาร
• เปลี่ยนบันทึก
• Twitter
• สแต็คล้น

สารบัญ

• ความต้องการ
• การติดตั้ง
• อินเตอร์เฟสบรรทัดคำสั่ง
• การสนับสนุนเบราว์เซอร์
• การบริจาค
• ใบอนุญาต
• เกี่ยวกับ

ความต้องการ

• Sass 3.4+ หรือ Libsass 3.3+

การติดตั้ง

1. ติดตั้ง Bourbon Gem โดยใช้ Rubygems Package Manager:

   gem install bourbon

2. ติดตั้งไลบรารี Bourbon ลงในไดเรกทอรีปัจจุบัน:

   bourbon install

   เคล็ดลับ PRO: คุณสามารถกำหนดเป้าหมายการติดตั้งลงในไดเรกทอรีเฉพาะโดยใช้ธง path :

   bourbon install --path my/custom/path/

3. นำเข้า Bourbon ที่จุดเริ่มต้นของสไตล์ชีทของคุณ:

    @import " bourbon/bourbon " ;

   ไม่แนะนำให้คุณแก้ไขไฟล์ของ Bourbon โดยตรงเนื่องจากจะทำให้การอัปเดตเป็นเวอร์ชันในอนาคตเป็นเรื่องยากโดยการเขียนทับการเปลี่ยนแปลงที่กำหนดเองของคุณหรือทำให้เกิดความขัดแย้งในการผสาน

การติดตั้งสำหรับทับทิมบนราง 4.2+

1. เพิ่ม Bourbon ลงใน Gemfile ของคุณ:

    gem "bourbon"

2. จากนั้นเรียกใช้:

   bundle install

3. รีสตาร์ทเซิร์ฟเวอร์ของคุณและเปลี่ยนชื่อ application.css เป็น application.scss :

   mv app/assets/stylesheets/application.css app/assets/stylesheets/application.scss

4. ลบคำสั่งเฟือง ทั้งหมด ใน application.scss ( require , require_tree และ require_self ) และใช้ @import ดั้งเดิมของ Sass แทน (ทำไม?)

5. นำเข้า Bourbon ที่จุดเริ่มต้นของ application.scss รูปแบบโครงการใด ๆ ที่ใช้ประโยชน์จากคุณสมบัติของ Bourbon จะต้องนำเข้าหลังจาก Bourbon

    @import " bourbon " ;
   @import " home " ;
   @import " users " ;

การติดตั้งด้วย NPM และการใช้ท่อสินทรัพย์ที่ใช้โหนด

1. เพิ่ม Bourbon เป็นการพึ่งพา:

   npm install --save bourbon

2. หากคุณใช้แว่นตาข้ามไปยังขั้นตอนที่ 3 มิฉะนั้นคุณจะต้องเพิ่ม Bourbon ลงในตัว includePaths Node-Sass ของคุณ require("bourbon").includePaths ถึง ARRAY ของไดเรกทอรีที่คุณควรส่งผ่านไปยัง Node-sass วิธีการทำสิ่งนี้ขึ้นอยู่กับวิธีการรวมโหนดเข้ากับโครงการของคุณ

3. นำเข้า Bourbon ลงในไฟล์ SASS ของคุณ:

    @import " bourbon " ;

การติดตั้ง Bourbon รุ่นเก่ากว่า

1. ถอนการติดตั้งเวอร์ชัน Bourbon Gem ใด ๆ ที่คุณมีอยู่แล้ว:

   gem uninstall bourbon

2. ติดตั้งอัญมณี Bourbon ใหม่โดยใช้ Flag -v เพื่อระบุเวอร์ชันที่คุณต้องการ:

   gem install bourbon -v 4.2.7

3. ทำตามคำแนะนำด้านบนเพื่อติดตั้ง Bourbon ลงในโครงการของคุณ

อินเตอร์เฟสบรรทัดคำสั่ง

bourbon [options]

ตัวเลือก

ตัวเลือก	คำอธิบาย
-h , --help	แสดงความช่วยเหลือ
-v , --version	แสดงหมายเลขเวอร์ชัน
--path	ระบุเส้นทางที่กำหนดเอง
--force	Force Install (Overwrite)

คำสั่ง

สั่งการ	คำอธิบาย
bourbon install	ติดตั้ง Bourbon ลงในไดเรกทอรีปัจจุบัน
bourbon update	เขียนทับและอัปเดต Bourbon ในไดเรกทอรีปัจจุบัน
bourbon help	แสดงความช่วยเหลือ

การสนับสนุนเบราว์เซอร์

Bourbon รองรับ Internet Explorer 11+ และรุ่นล่าสุดของ Chrome, Firefox, Safari และ Edge

การบริจาค

ดูเอกสารที่มีส่วนร่วม ขอบคุณผู้สนับสนุน!

ใบอนุญาต

Bourbon เป็นลิขสิทธิ์© 2011 ThoughtBot, Inc. เป็นซอฟต์แวร์ฟรีและอาจมีการแจกจ่ายซ้ำภายใต้ข้อกำหนดที่ระบุไว้ในใบอนุญาต

เกี่ยวกับ ThoughtBot

repo นี้ได้รับการดูแลและได้รับทุนจาก ThoughtBot, Inc ชื่อและโลโก้สำหรับ ThoughtBot เป็นเครื่องหมายการค้าของ ThoughtBot, Inc

เราชอบซอฟต์แวร์โอเพ่นซอร์ส! ดูโครงการอื่น ๆ ของเรา เราพร้อมให้เช่า