我正在为一个大学(博士级)几周内我必须做的会议制作一个定制的滑动演示文稿。我想在assets/layouts
目录中创建DRY布局以简化幻灯片设计并保持干燥:仅限标题,计划,仅限子标题,标题和正文,子标题和两列,标题,小标题和正文,标题,空白。
我访问了ramnathv github repository和specific slidify Website page to customize layouts。
我还检查了several questions asked on slidify specific subject。
我已在slide.css
中成功创建assets/css
文件,并在assets/img
中添加徽标,以自定义展示的方面和css属性(自定义tilte-slide
& slide
)。
我想在html
为我的每个演示文稿幻灯片类型创建一个assets/layouts
文件:title-only.html
,plan.html
,sub-title.htmll
,{{1 },title-and-body.html
,sub-title-and-two-cols.html
,title.html
,sub-title-and-body.html
,caption.html
。
我找到了ramnathv here在blank.html
部分创建sub-title-and-two-cols.html
文件时回答的有用问题。
我现在需要传输在我的'slide.css Layouts with Parameters
assets / css`目录中创建的css属性。
例如,我想创建一个file in the
文件。以下是我想从plan.html
文件的slide.css
文件计算的代码:
修改字体:
plan.html
修改标题幻灯片属性:
@import url('https://fonts.googleapis.com/css?family=Old+Standard+TT');
修改文本内容属性:
/* slide h2 css modification = for page title left - blue */
slide:not(.segue) h2{
font-family:'Old Standard TT', sans-serif;
font-size: 36px;
font-style: normal;
font-weight: lighter;
text-transform: normal;
letter-spacing: -2px;
line-height: 1.2em;
text-align: left;
color: #0000ff;
}
我想知道如何在 /* slide article & section css modification = normal lighter darkgrey */
article p, article li, article li.build, section p, section li{
font-family: 'Old Standard TT', sans-serif;
font-size:22px;
font-style: normal;
font-weight: lighter;
text-transform: normal;
text-align: left ;
letter-spacing: 1px;
line-height: 1.5em;
color: #4c4c4c;
}
文件中传输此css属性:
plan.html
然后,对于'计划'幻灯片,我会将它们标记为:
---
layout: slide
---
{{{ content }}}
...
...
哪个应该获得之前指定的css属性。