compass

Sass和Compass设计师指南是《响应式Web设计：HTML5和CSS3实战》作者Ben Frain的又一力作。作者通过丰富、完整的案例，循序渐进地展示了Sass和Compass的使用方法。既使不懂编程的设计师读完本书也能轻松生成跨浏览器的、易于维护的CSS代码，并学会编写media query代码，进行响应式设计。本书适合交互设计师、UI设计师、网页设计师、前端开发工程师阅读。 作为CSS预处理器，Sass已经成为编写更简洁、更易于维护的跨浏览器支持的CSS代码的标准方法。它是对CSS功能的进一步增强，使以往复杂费时的任务变得简单。本书是对技术社区中精华内容的提炼，内容通俗直接，使广大读者，即使是只了解HTML和CSS的读者都能轻松掌握相关技术。 Sass和Compass设计师指南 目录： 第1章Sass和Compass概述7 第2章创建Sass和Compass工程33 第3章嵌套，扩展，占位符和混合宏55 第4章轻松玩转颜色87 第5章Sass和Compass的响应式弹性网格系统115 第6章Sass和混合宏中的高级mediaqueries147 第7章Compass中的CSS3、ImageSprites等功能167 第8章Sass的编程逻辑199 第9章精通Sass和Compass221 教程地址： Sass和Compass设计师指南 Ben Frain

自建k8s集群 的master 节点安装 logtail 采集工具 wget http://logtail-release-cn-hangzhou.oss-cn-hangzhou.aliyuncs.com/kubernetes/alicloud-log-k8s-custom-install.sh; chmod 744 ./alicloud-log-k8s-custom-install.sh; sh ./alicloud-log-k8s-custom-install.sh k8s-*******mpass c*****hou 12*****750 LT******x8G D******t7jwCn 　　 k8s******ss：{your-project-suffix} cn*****ou： {region-id} 12******50： {aliuid} LT******8G： {access-key-id} 子账号 有阿里云日志服务的全部权限 D*******Cn {access-key-secret} 可以使用 helm status alibaba-log-controller 查看Pod当前状态，若状态全部成功后，表示安装成功。 点击阿里云日志服务 - k8s-log-custom-k8s-log-custom-compass project - config

Sass/Scss 安装与使用 官方网址: https://sass-lang.com/ 中文说明(非官方版): https://www.sasscss.com/getting-started/ 本文使用 node 平台，其他平台环境请阅读官方文档。 node 下载安装 node 版本: 12.5 好工具就全局安装! npm i -g sass phpstorm 配置 phpstorm 版本： 2019.2 设置配置地址: Preferences -> Tools -> File Watchers 检查设置脚本对象： Program = sass 添加模版,选择 scss 创建即可。 注意不是 Compass Sass ! 完成后，新建编辑 .scss 文件自动编辑创建 .css 文件。 来源： oschina 链接： https://my.oschina.net/u/3756690/blog/3126059

首先要安装 Ruby for Window rubyinstaller: http://rubyinstaller.org/downloads/ JRuby: http://jruby.org/download 下载并解压zip包到 C:\，将 ruby.exe 所在的 bin 目录加入到 PATH 环境变量中 然后安装 SASS 和 Compass # gem install sass # gem install compass 让 SCSS 编译的时候，能够找到 Compass 自带的 mixins 先找到 compass mixins 安装的目录： # set COMPASS_LIB=C:\ruby-1.9.3\lib\ruby\gems\1.9.1\gems\compass-0.12.2\frameworks\compass\stylesheets # scss --compass --load-path %COPMASS_LIB% --no-cache --update demo.scss demo.css 来源： oschina 链接： https://my.oschina.net/u/870897/blog/115083

1.下载rubyinstaller，安装sass、compass需要使用ruby环境，因此首先安装ruby环境。在win系统下要安装ruby需要使用rubyinstaller。具体的ruby安装可以参考 https://www.ruby-lang.org/zh_cn/downloads/ 以下简述rubyinstaller安装： 1）进入rubyinstaller官网下载相应的版本（ http://rubyinstaller.org/downloads/ ） 下载完毕，可以傻瓜式安装，但其中一个要说明的步骤是：勾选 Add Ruby executable to your PATH 2.安装compass（安装compass的同时会自动安装sass）： 1）这里的安装在compass的官网有详细的说明（ http://compass-style.org/install/ ）: win+R打开win下的终端，首先是用命令——gem，测试rubyinstaller是否安装成功； 如果出现这样的结果则是表名安装成功，然后正式开始安装： gem install compass 来源： oschina 链接： https://my.oschina.net/u/2487410/blog/749112

assets pipeline是rails3.1中引入的重要特性之一，它的作用是让我们工程目录下面凌乱的js，css等文件，有序摆放。例如： 我们自己维护的、而且只在当前应用中使用的js、css可以放在app/assets目录中 我们自己维护的、但是会在N个应用中共享的js、css可以放在lib/assets目录中 我们自己不维护的js、css可以放在vendor/assets目录中 分门别类的好处是让我们可以在第一时间找到对应的js、css文件，同理可以扩展到其他的格式的文件，例如image。另外例如存在一个文件是app/assets/stylesheets/somecssfile.css ，那么我们就可以通过http://www.example.com/assets/somecssfile.css 这个链接访问到上面那个文件。 rails怎么识别这些路径呢？原来是在Rails.application.config.asserts.paths这个变量中定义的，我们可以在config/application.rb这个文件中修改，自定义一个assets目录，例如/home/myname/**/*/lib/assets，那么这个目录中的js、css文件同样可以使用 http://www.example.com/assets/stylesheets/anothercssfile.css

我的网站在iPhone / Safari浏览器上呈现得很好，但有一个例外：我的文本输入字段有一个奇怪的圆形样式，对我网站的其他部分来说看起来并不好看。 有没有办法指示Safari（通过CSS或元数据）不对输入字段进行舍入并将其呈现为矩形？ #1楼 对于iPhone 3GS上的iOS 5.1.1，我必须清除搜索字段的样式并将其设置为预期的样式 input[type="search"] {-webkit-appearance: none; border-radius: 0 3px 3px 0;} 做 -webkit-border-radius: 0; 单独没有清除本机造型。 这也是本机应用程序的webview。 #2楼 我有同样的问题，但只有提交按钮。 需要移除内部阴影和圆角 - input[type="submit"] { -webkit-appearance:none; -webkit-border-radius:0; } #3楼 我使用了一个简单的border-radius：0; 删除文本输入类型的圆角。 #4楼 以下是Compass（SCSS）的完整解决方案： input { -webkit-appearance: none; // remove shadow in iOS @include border-radius(0); // remove border-radius