/*
 * Copyright (C) 2018 Google LLC.
 *
 * 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.
 */

@import 'typography';
@import 'color';

body {
  @include type-body1(dark);
  background-color: $grey50;
}

h1 {
  @include type-display1(light);
}

h2 {
  @include type-headline(dark);
}

h3 {
  @include type-title(dark);
}

h4 {
  @include type-subhead2(dark);
}

h5 {
  @include type-subhead1(dark);
}

a {
  text-decoration: none;
  color: $googblue500;
}

a:visited {
  color: $googblue700;
}

article {
  margin: 48px auto;
  max-width: 800px;
}

code, pre {
  font-family: $type-monospace;
}

div.highlight {
  border-radius: 2px;
  background-color: $grey300;
  padding: 48px;
}

pre {
  margin: 0;
}

nav {
  padding: 0 16px;
  height: 100%;
  overflow-y: auto;
}

#fork-button {
  position: absolute;
  top: -28px;
  right: 16px;
  z-index: 1;
}

app-toolbar {
  background-color: $googblue500;
}
app-toolbar.main-toolbar {
  height: 192px;
  z-index: 0;
}
app-toolbar.condensed-toolbar {
  height: 64px;
  z-index: 1;
}

paper-item, paper-icon-item {
  @include type-subhead1(dark);
  white-space: nowrap;
}
