德克萨斯州公报Sass
项目描述
安装和配置
您可以使用pip进行安装，如下所示
pip install tt_sass
安装后，您需要将其添加到您的INSTALLED_APPS中。您可以根据喜好进行操作，或者可以在定义INSTALLED_APPS后复制并粘贴。
INSTALLED_APPS += ['tt_sass', ]
tt_sass依赖于django-staticfiles才能工作。您必须在项目内部运行以下collectstatic命令
python manage.py collectstatic --link
请记住，每次添加新的静态文件时，都必须重新运行此命令。
现在，您已准备好开始使用tt_sass。
用法
您可以在Sass内部使用以下内容
@import "tt_sass/texastribune"
完成此操作后，您需要编译Sass。假设您使用的是默认的德克萨斯州公报设置，在项目根目录中有一个static目录，您应该运行以下命令
sass --load-path=static/ --watch --poll --compass static
此命令设置正确路径以供所有代码使用，并监视文件更改。
使用网格
网格基于Chris Coyer的 简单网格。语法略有改动，并已混入，但概念相同。
要创建一个网格，类似于在Foundation和Bootstrap等框架中使用的行，您可以使用 .grid 类。在网格内，您添加单元格并告诉它们要跨越多远。例如，您可以使用这种方法创建一个具有12列（默认）和两个单元格的网格，一个8列，另一个4列
<div class="grid">
<div class="cell w-8"></div>
<div class="cell w-4"></div>
</div>
创建语义网格
待办
使用响应式混入
tt_sass 提供了处理响应式设计的 breakpoint 混入。它内置以下断点
- mobile-portrait
默认为 max-width: 320px
- mobile
默认为 max-width: 720px
- tablet
默认为 min-width: 720px
- classic
默认为 min-width: 960px
您可以通过在导入 tt_sass/texastribune 之前设置变量来覆盖这些值。
您可以使用混入如下所示
p
+breakpoint(mobile)
font-size: 1.2em
+breakpoint(tablet)
font-size: 1.1em
+breakpoint(classic)
font-size: 1.0em
您还可以指定任意断点
div
+breakpoint("max-width: 500px")
background-color: red
各种辅助工具
待办
示例
所有这些都在 example/ Django 项目中进行文档记录。请参阅该目录以获取有关如何运行该项目的说明。
贡献
该项目发布是为了帮助人们了解如何在Django项目上下文中构建自己的Sass框架。因此，可能不会接受来自德克萨斯州以外的贡献。
tt_sass-0.2.3.tar.gz 的散列
| 算法 | 散列摘要 | |
|---|---|---|
| SHA256 | 50a53acc3be92a089419892edb0695ee64f39b8e045786e000964fa7a1c0e377 |
|
| MD5 | eb329fda101c104baabf522b9632a53b |
|
| BLAKE2b-256 | 2df5f0641479ea036327583f97e1f2b5c7a1bb8392ea6e53d61ade13de6c4e25 |
