application.css.scss

Question

में कथन की आवश्यकता है मैं एक लाइटबॉक्स मणि जैसे फैंक्सबॉक्स या रंग बॉक्स का उपयोग करना चाहता हूं। दोनों रत्न इस लाइन को application.css

*= require colorbox-rails 

यहां समस्या जोड़ने के लिए कहें। मेरे पास केवल application.css.scss फ़ाइलें हैं। मेरी सभी सीएसएस फाइलें स्कैस फाइलें हैं। मेरे पास application.css.scss में आयात विवरण हैं लेकिन कोई * = बयानों की आवश्यकता नहीं है। "*" के बाद

अमान्य सीएसएस: उपरोक्त पंक्ति परिणाम त्रुटि में जोड़ा जा रहा है "{" की उम्मीद थी, "= colorb की आवश्यकता होती है ..."

यहाँ पूरा application.css.scss

@import "bootstrap"; 
@import "welcome"; 
@import "sessions"; 
@import "users"; 


*= require colorbox-rails 

है

Answer 1

application.css.scss या application.css थोड़े समान हैं। बस अपने application.css पर application.css.scss का नाम बदलें।

उस लाइन को जोड़ने के लिए, इसे एक टिप्पणी में, शीर्ष पर दाएं होने की आवश्यकता होगी। इस तरह:

/* 
* This is a manifest file that'll be compiled into application.css, which will include all the files 
* listed below. 
* 
* Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets, 
* or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path. 
* 
* You're free to add application-wide styles to this file and they'll appear at the bottom of the 
* compiled file so the styles you add here take precedence over styles defined in any styles 
* defined in the other CSS/SCSS files in this directory. It is generally better to create a new 
* file per style scope. 
* 
*= require_self 
*= require colorbox-rails 
*/ 

@import "bootstrap"; 
@import "welcome"; 
@import "sessions"; 
@import "users"; 

Answer 2

स्पष्ट रूप से, मैं (रेल सास और haml का उपयोग करके ऐप) मेरी स्टाइलशीट निर्देशिका में एक भी font.scss फ़ाइल का उपयोग भिन्न फ़ॉन्ट-चेहरे की घोषणा फोंट फाइलों के साथ इस मुद्दे पर था। मैंने संबंधित मुद्दों का पालन किया था (जैसे this article on SO) और फ़ॉन्ट टीटीएफ फाइलनाम से '-' को हटाने, फ़ॉन्ट.scss फ़ाइल में यूआरएल घोषणाओं को बदलने जैसे कई संबंधित समाधानों की कोशिश की थी।

@ joshua.paling का समाधान काम किया मेरे लिए ...

1. बदलें font.scss फ़ाइल नाम font.css को

2. application.scss फ़ाइल में निम्न घोषणा शैली का उपयोग:

   /* ...  
   *= require_self  
   *= require fonts  
   */ 
   # @import other files here excluding the font.css file 
   

और इस विन्यास के साथ निम्नलिखित फॉन्ट-फेस घोषणाओं अभी भी

काम किया

@font-face { 
    font-family: PT Serif; 
    src: url('PT_SerifWebRegular.ttf') format("truetype"); 
}