Леска из полимерного сердечника окраска и бумажная пуговица
Я начинаю использоватьполимер 0.5 кода для создания адаптивного сайта. Я знаю, что это не полностью закончено, но тем не менее я нахожу это довольно опрятным и простым, чтобы сделать вещи быстро.
Теперь я используюядро-подмости как общий макет. Я знаю, как раскрасить боковую панель, но я не уверен, где я могу стилизовать основные настройки контента.
<html>
<head>
<style>
html,body {
height: 100%;
margin: 0;
background-color: #E5E5E5;
font-family: 'RobotoDraft', sans-serif;
}
core-toolbar {
background: #E5E5E5;
color: white;
}
paper-item.core-selected {
color: #99182c;
fill: #99182c;
}
</style>
</head>
<body unresolved touch-action="auto">
<core-scaffold>
<core-header-panel navigation flex mode="seamed">
<core-toolbar style="background-color: #99182c; color:#fff;">Main site name</core-toolbar>
<core-menu selected="0">
<paper-item icon="home" label="Home"></paper-item>
<paper-item icon="today" label="Activities"></paper-item>
<paper-item icon="account-box" label="People"></paper-item>
<paper-item icon="theaters" label="Pictures"></paper-item>
<paper-item icon="info" label="Info"></paper-item>
<paper-item icon="lock" label="Login"></paper-item>
</core-menu>
</core-header-panel>
<div tool>Home</div>
</core-scaffold>
</body>
</html>
Итак, основная панель инструментов стилизует левую боковую панель, но как мне оформить главную страницу?
Еще одна проблема, с которой я столкнулся, это то, что я хотел бы работать с бумажными элементами. Однако при использовании этогоcore-scaffold
вы заметите, что когда экран достаточно маленький и появляется вкладка, открывающая левую строку меню, это «обычная» кнопка, а не бумажная. Так как это вcore-scaffold
Я напрямую не знаю, как это изменить (если это возможно). Есть идеи?