草庐IT

stylesheets

全部标签

ruby-on-rails - 'compass watch' 是如何工作的/它是如何与 rails 一起使用的

我在我的项目目录中完成了compasscreate.和compassinitrails。几个问题:我已将我的.sass文件放在public/stylesheets中。这是放置它们的正确位置吗?当我运行compasswatch时,它不会自动编译这些.sass文件。我必须手动指定文件:compasswatchpublic/stylesheets/myfile.sass等。如何让它自动运行?文件ie.css、print.css和screen.css已放在stylesheets/compiled。如何在编译后不让它们重新出现的情况下删除它们?我自己编译的.sass文件编译成compiled/t

ruby-on-rails - stylesheet_link_tag(:all) generates reference to `all.css` on Heroku

我的布局中有stylesheet_link_tag(:all)。即使在生产环境中运行它(railss-eproduction),它在本地机器上的表现也如预期。我所说的预期是指它发出所有指向现有样式表的链接,而不将它们连接到all.css中,并且它不发出指向all的链接。CSS.但是当我将它部署到Heroku时,结果是一样的,并且在开头添加了一个指向all.css的链接。这是我不想要也不期望的,尤其是当本地机器上的生产环境不发出它时。所以问题是如何在不手动指定所有文件的情况下摆脱Heroku上的all.css链接?谢谢。 最佳答案 H

ruby-on-rails - Stylesheet_link_tag :all versus :media =>all

我从脚手架创建了一个新的Rails应用程序,但教程声称将出现以下内容:"all"%>当我得到:它们有什么区别?我应该使用哪个?为什么? 最佳答案 使用"all"%>将包含名为application.css的样式表,您可以拥有application.css.sass或application.css.scss或任何其他扩展和rails将使用正确的样式表引擎编译css文件并提供application.css文件。属性"media=all"其实是一个css属性,意思是所有的媒体都会包含css,比如浏览网站的时候,打印屏幕的时候等等。你可以在

ruby-on-rails - Sprockets::CircularDependencyError in Store#index

我正在遵循手册《使用Rails进行敏捷Web开发》第4版,但我在rails3.1中遇到了sprocketcss的问题。代码css是:http://media.pragprog.com/titles/rails4/code/rails31/depot_e/app/assets/stylesheets/application.css.scss如果我修改app/assets/stylesheets/aplication.css.scss的css代码,我会遇到下一个错误:Sprockets::CircularDependencyErrorinStore#indexShowing/home/ub

javascript - 类型 'addRule' 上不存在属性 'insertRule' 和 'StyleSheet'

我有如下typescript代码:-exportfunctiongetRootWindow():Window{returnwindow.top;}exportfunctiongetRootDocument():HTMLDocument{returngetRootWindow().document;}declareglobal{interfaceDocument{documentMode?:any;}}exportfunctionisBrowserIE(){returngetRootDocument().documentMode;}exportfunctionaddCssRule(css

javascript - CKEditor 4 : How to add CSS stylesheet from plugin?

暂时试过了,但是没有成功editor.addCss(this.path+'tabber.css');editor.document.appendStyleSheet(this.path+'tabber.css');完整代码(function(){CKEDITOR.plugins.add('tabber',{init:function(editor){editor.ui.addButton('addTab',{command:'addTab',icon:this.path+'icons/tabber.png',label:Drupal.t('Inserttabs')});editor.a

javascript - 是否可以将 var styles = StyleSheet.create 从 React.component 分离到不同的脚本中?

是否可以在ReactNative中将varstyles=StyleSheet.create从React.component分离到不同的脚本中? 最佳答案 这是可能的。只需使用此模式创建一个js文件:'usestrict';varReact=require('react-native');varmyStyles=React.StyleSheet.create({style1:{},style2:{})}module.exports=myStyles;然后在您的组件js中使用require来使用该样式表,例如假设你的样式js文件被命名为

javascript - 基于 Blob 的 'link stylesheet' 与标准 'style' 标签

我想知道使用样式作为Blob链接有什么好处和区别:在标准标签上:...我的意思是像这样创建Blob:varblob=newBlob([css_here],{type:'text/css'});varlink=document.createElement('link');link.rel='stylesheet';link.href=window.URL.createObjectURL(blob);head.appendChild(link);提前致谢。 最佳答案 内存管理如果你把东西放在style中,然后删除-它就不见了。但是,如果

javascript - Chrome 64 未捕获的 DOMException : Failed to execute 'insertRule' on 'CSSStyleSheet' : Cannot access StyleSheet to insertRule

啊!我的网站在Chrome中损坏了。在控制台中获取此消息:UncaughtDOMException:Failedtoexecute'insertRule'on'CSSStyleSheet':CannotaccessStyleSheettoinsertRule指向这行代码,来自第三方插件:document.styleSheets[0].insertRule(rule,0);head中定义的样式表: 最佳答案 我们认为对Chromium的这种promise是我们问题的根本原因:UpdatebehaviorofCSSStyleSheett

javascript - 为什么 node-sass-middleware 不工作?

我已经在我的express应用程序上安装了node-sass-middleware模块,但是当我调试控制台日志时,我没有得到它的工作,只是因为中间件正在读取不正确的源是:GET/200558.983ms-4651source:/home/karim/Snippets/my-financial/public/stylesheets/sass/stylesheets/main.sassdest:/home/karim/Snippets/my-financial/public/stylesheets/stylesheets/main.cssread:/home/karim/Snippets/