คำถามติดแท็ก sass

ฉันใช้ไฟล์ Font Awesome Sass https://github.com/FortAwesome/Font-Awesome/blob/master/sass/font-awesome.sassเพื่อทำให้เป็น_font-awesome.sassดังนั้นฉันจึงสามารถทำได้@importในโครงการ Sass ของฉัน นอกจากนี้ผมยังใช้http://middlemanapp.com/การแปลงSassเพื่อCss คำถาม: มีวิธีในการนำเฉพาะคลาสไอคอนที่ใช้แล้วมาเป็น. css ที่แปลงแล้วของฉันหรือไม่? เพราะตอนนี้มันมีทุกคลาสตั้งแต่_font-awesome.sass โบนัส:เป็นไปได้ไหมที่จะคอมไพล์ฟอนต์ใหม่ด้วยคลาสไอคอนที่ใช้แล้วเพื่อทำให้เล็กลงในการใช้งานจริง? หากฉันได้รับคำแนะนำเกี่ยวกับ # 1 ข้างต้นนั่นก็น่าจะดีพอ ขอบคุณ.

86 css  sass  font-awesome 

ดังนั้นฉันมีapp/assets/stylesheets/โครงสร้างไดเร็กทอรีที่มีลักษณะดังนี้: |-dialogs |-mixins |---buttons |---gradients |---vendor_support |---widgets |-pages |-structure |-ui_elements ในแต่ละไดเร็กทอรีมีหลายส่วนของ sass (โดยปกติคือ * .css.scss แต่หนึ่งหรือสอง * .css.scss.erb) ฉันอาจจะคิดมาก แต่ทางรถไฟควรรวบรวมไฟล์ทั้งหมดในไดเร็กทอรีเหล่านั้นโดยอัตโนมัติเนื่องจาก*= require_tree .ใน application.css ใช่ไหม? ฉันเพิ่งลองปรับโครงสร้างไฟล์เหล่านี้โดยลบตัวแปรสีทั้งหมดและวางไว้ในไฟล์ในapp/assets/stylesheetsโฟลเดอร์รูท(_colors.css.scss) จากนั้นฉันสร้างไฟล์ในapp/assets/stylesheetsโฟลเดอร์รูทชื่อ master.css.scss ซึ่งมีลักษณะดังนี้: // Color Palette @import "colors"; // Mixins @import "mixins/buttons/standard_button"; @import "mixins/gradients/table_header_fade"; @import "mixins/vendor_support/rounded_corners"; @import "mixins/vendor_support/rounded_corners_top"; @import "mixins/vendor_support/box_shadow"; @import "mixins/vendor_support/opacity"; ฉันไม่เข้าใจจริงๆว่ารางจัดการลำดับการรวบรวมเนื้อหาอย่างไร แต่เห็นได้ชัดว่ามันไม่ได้อยู่ในความโปรดปรานของฉัน ดูเหมือนว่าไม่มีไฟล์ใดที่ทราบว่ามีการนำเข้าตัวแปรหรือมิกซ์อินจึงทำให้เกิดข้อผิดพลาดและฉันไม่สามารถรวบรวมได้ …

86 css  ruby-on-rails  asset-pipeline  sass 

นี่อาจเป็นเข็มทิศ 101 แต่มีใครเขียน mixin ซึ่งกำหนดค่าอัลฟาของสีหรือไม่? ตามหลักการแล้วฉันต้องการให้ mixin ใช้การกำหนดสีในรูปแบบใดก็ได้และใช้ความโปร่งใส: @include set-alpha( red, 0.5 ); //prints rgba(255, 0, 0, 0.5); @include set-alpha( #ff0000, 0.5 ); //prints rgba(255, 0, 0, 0.5); @include set-alpha( rgb(255,0,0), 0.5 ); //prints rgba(255, 0, 0, 0.5);

86 css  sass  compass-sass  rgba 

ใน VS <= 2015 เราสามารถใช้ส่วนขยาย WebEssentials ที่ดูแลการคอมไพล์ไฟล์ less / sass ให้เราได้ แต่ตอนนี้ยังไม่รองรับ VS 2017 คุณทราบถึงส่วนขยายที่คล้ายกันที่สามารถคอมไพล์ less / sass ในบิลด์ได้หรือไม่?

85 visual-studio  sass  less  visual-studio-2017  css-preprocessor 

ฉันใช้ VueJS กับเฟรมเวิร์กVuetifyJS (v2.0.19) ฉันได้รับข้อผิดพลาดนี้หลังจากใช้งานnpm ให้บริการ : Sass Loader ได้รับการเตรียมใช้งานโดยใช้วัตถุตัวเลือกที่ไม่ตรงกับสคี API สิ่งที่ฉันพยายาม: ฉันลบโฟลเดอร์node_modulesและติดตั้งใหม่ / อัพเดตแพ็กเกจ npm และ node.js ทั้งหมดเป็นเวอร์ชันเสถียรล่าสุด ข้อความแสดงข้อผิดพลาดเต็ม: error in ./node_modules/vuetify/src/components/VRangeSlider/VRangeSlider.sass Module build failed (from ./node_modules/sass-loader/dist/cjs.js): ValidationError: Invalid options object. Sass Loader has been initialised using an options object that does not match the API schema. - options …

17 node.js  vue.js  npm  sass  node-modules