blob: 408b14c781a9644be24a9d3a8fc17a77ef12446e [file] [log] [blame]
// Copyright 2016 The Tulsi Authors. All rights reserved.
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
// http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
$code-bg-color: #eee;
pre,
code {
font-family: 'Liberation Mono', Consolas, Monaco, 'Andale Mono', monospace;
}
pre {
background-color: $code-bg-color;
padding: 20px;
overflow-x: auto;
word-wrap: normal;
code {
overflow-wrap: normal;
white-space: pre;
}
}
code {
display: inline-block;
font-size: 90%;
white-space: pre-wrap;
}
p.lead {
font-size: 20px;
line-height: 32px;
}
img {
margin: 20px 0;
max-width: 100%;
height: auto;
}
$table-bg-color: #fff;
$table-border-color: #eee;
$th-bg-color: #fafafa;
$th-color: #757575;
table {
border-collapse: collapse;
border-spacing: 0;
background-color: $table-bg-color;
table-layout: auto;
thead {
th {
background-color: $th-bg-color;
border: 1px solid $table-border-color;
color: $th-color;
padding: 12px 12px 12px 24px;
vertical-align: top;
}
}
tbody {
td {
border: 1px solid $table-border-color;
padding: 12px 12px 12px 24px;
vertical-align: top;
}
}
}
table.params-table {
width: 100%;
col.col-param {
width: 25%;
}
col.col-description {
width: 75%;
}
}
hr {
margin-top: 80px;
margin-bottom: 80px;
}
$toc-heading-color: #757575;
nav.toc {
border-left: 5px solid $primary-color;
padding-left: 20px;
margin-bottom: 48px;
h1,
h2 {
font-size: 15px;
line-height: 16px;
padding-bottom: 12px;
margin-bottom: 0;
font-weight: 400;
color: $toc-heading-color;
}
ul {
list-style: none;
margin-top: 0;
padding-left: 0;
li {
font-size: 20px;
line-height: 40px;
a {
color: $primary-color;
}
}
}
}
$h3-color: #757575;
.page-content {
margin-left: auto;
margin-right: auto;
padding-top: 60px;
padding-bottom: 60px;
width: 760px;
h1.page-title {
font-size: 34px;
font-weight: 400;
line-height: 40px;
margin-bottom: 30px;
color: $primary-color;
}
h1 {
font-size: 24px;
font-weight: 400;
line-height: 40px;
margin-bottom: 20px;
color: $primary-color;
}
h2 {
font-size: 20px;
font-weight: 400;
line-height: 32px;
margin-bottom: 20px;
color: $primary-color;
}
h3 {
font-size: 18px;
font-weight: 400;
line-height: 32px;
margin-bottom: 20px;
color: $h3-color;
}
}
@media (max-width: 768px) {
.page-content {
width: 360px;
}
}
@media (min-width: 768px) {
.page-content {
width: 760px;
}
}
@media (min-width: 1476px) {
.page-content {
width: 1160px;
}
}
.mdl-mini-footer {
padding-left: 40px;
}