○引语

引用的样式

• 使用量
• 标记
• 萨斯
• 移徙指南
• 联系人
• 许可证

使用量

检查出来 如何将 Origami 组件纳入您的项目 开始 o-quote。 。 。 .

标记

或有人所讲的文字。 曾经将另一个信息来源归为属性,或者引用一个人的口语.

对于标准块引用样式使用类 o-quote o-quote--standard 和以下标记。 我们推荐编辑风格,以用于文章等编辑背景.

<blockquote class="o-quote o-quote--standard">
    <p>
        The prize for this century’s worst technology product probably belongs to Google Glass, a pair of spectacles with an inbuilt camera and a tiny lens on which you could browse the internet. Suddenly you could film everybody you met, or silently ignore them and read Wikipedia.
    </p>
    <cite class="o-quote__cite">
        <span class="o-quote__author">Henry Mance</span>
        <span class="o-quote__source">Financial Times</span>
    </cite>
</blockquote>

编辑风格 块引号交换 o-quote--standard 类别 o-quote--editorial. 编辑变体继承了字体大小和颜色以支持多种编辑背景. 例如,在编写本报告时 现场博客 和文章页在大取景口有不同的字体大小,但两者应共享编辑引用风格. 因此,编辑引文必须包含在规定打字风格的要素之内,例如: o-编辑-打字-正体。 。 。 .

-<blockquote class="o-quote o-quote--standard">
+<blockquote class="o-quote o-quote--editorial">
    <p>
        The prize for this century’s worst technology product probably belongs to Google Glass, a pair of spectacles with an inbuilt camera and a tiny lens on which you could browse the internet. Suddenly you could film everybody you met, or silently ignore them and read Wikipedia.
    </p>
    <cite class="o-quote__cite">
        <span class="o-quote__author">Henry Mance</span>
        <span class="o-quote__source">Financial Times</span>
    </cite>
</blockquote>

萨斯

输出所有 o- 引用样式包括 oQuote 混合剂.

@import '@financial-times/o-quote/main';
@include oQuote();

通过一个选项 $opts 只包含您需要的 o- 引用样式的地图。 例如:o-quote对标准语和编辑语块引用有风格. 只包含编辑块引用的样式:

@include oQuote($opts: (
    'standard': false, // do not output .o-quote--standard variant styles
    'editorial': true, // output .o-quote--editorial variant styles
    'cite': true // output .o-quote__cite styles, to support citations
));

"编辑"选项仅供核心品牌用户使用.

您也可以使用自定义 HTML 标记的 o- quote 混合。 例如,如果使用标记 my-blockquote 作为类名. 我们不建议采取这种做法,除非你无法更新你的标记,因为这可能导致不必要的CSS输出和更困难的迁移.

<blockquote class="my-blockquote">
    <p>The quote.</p>
    <cite class="my-blockquote__cite">
        <span class="my-blockquote__author">Author</span>
        <span class="my-blockquote__source">Source</span>
    </cite>
</blockquote>

.my-blockquote {
    @include oQuoteEditorial();
}

.my-blockquote .my-blockquote__cite {
    @include oQuoteEditorialCite();
}

.my-blockquote .my-blockquote__author {
    @include oQuoteEditorialCiteAuthor();
}

.my-blockquote .my-blockquote__source {
    @include oQuoteEditorialCiteSource();
}

这个 oQuoteEditorial 这里显示的混音器仅供核心品牌用户使用. 有关o-quote混音的完整列表,请参见 o-引文SassDoc 在登记册中。 。 。 .

移徙指南

联系人

如果您对本部分有任何问题或评论,或需要帮助使用本部分,请 提出问题访问 #origami - 支持 或电子邮件 折纸支持。 。 。 .

许可证

该软件在以下 麻省理工学院许可证。 。 。 .