README

对我来说，简洁一直是我认为的好品味的关键。
-- Cary Grant

Edward Tufte在他的讲义中使用了独特的风格：简单、字体设置良好、旁注广泛，以及图形和图表的紧密集成。tufte-css将这种风格带到了HTML文档中。

本项目直接受到Tufte-LaTeX和R Markdown Tufte Handout的启发和基于。

对于'entries'内容类型的好起点是

entries:
    name: Entries
    singular_name: Entry
    fields:
        title:
            type: text
            class: large
            group: content
        slug:
            type: slug
            uses: title
        teaser:
            type: html
            height: 150px
        image:
            type: image
            group: media
            attrib: [ title, alt ]
        image_position:
            type: select
            values:
                main: "Main column"
                sidebar: "Sidebar"
        body:
            type: html
            height: 300px
    taxonomy: [ categories, tags ]
    listing_records: 10
    default_status: publish
    sort: -datepublish

入门指南

文件index.html是一个自描述的演示文档，它通过Tufte CSS的功能进行说明。在http://www.daveliepmann.com/tufte-css/上的实时版本是该项目最好的概览。

要在自己的HTML页面上使用Tufte CSS，只需将tufte.css、ETBembo-RomanLF.ttf和ETBembo-DisplayItalic.ttf复制到您的项目目录，并在HTML文档的head块中添加以下内容

<link rel="stylesheet" href="tufte.css"/>

其他所有文件都可以忽略，因为它们仅用于演示文档。

贡献

如果您发现某些内容错误或损坏，请通过打开一个问题来让我们知道。欢迎提交拉取请求。

为了获得最佳效果，请每次拉取请求只更改一项，并在屏幕大小从iPhone 4到您通常使用的任何大小的屏幕上测试您的修复或新功能。（如果您没有便携式设备，可以使用浏览器开发工具模拟不同的设备。）查看问题页面，特别是Help Wanted，以获取贡献的机会。请记住我们的风格指南

CSS风格指南

每个主要开源项目都有自己的风格指南：一组关于如何为该项目编写代码的约定（有时是任意的）。当所有代码都保持一致的风格时，理解大型代码库会容易得多。
-- Google风格指南

Tufte CSS追求清晰、简洁和统一。以下是我们CSS约定的基本示例

p { font-size: 1.4rem;
    line-height: 2rem;
    margin-top: 1.4rem;
    margin-bottom: 1.4rem;
    width: 55%;
    padding-right: 0;
    vertical-align: baseline; }

@media screen and (max-width: 600px) { p { width: 70%; }}
@media screen and (max-width: 400px) { p { width: 90%; }}

注意大多数语法标记之间的单倍间距、无关块之间的单行空格以及括号后和括号前的换行符的缺失。注意，这些规则在媒体查询中略有变化。

最初由https://github.com/daveliepmann/tufte-css改编，作者：Dave Liepmann。

许可

在MIT许可证下发布。请参阅LICENSE.TXT。