summaryrefslogtreecommitdiffstats
path: root/devtools/client/application/src/components/routing/PageSwitcher.css
blob: e713adb1bf6ca80d0a565e8e7224605ccae7f694 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */


/*
 * Page container for worker + manifest views
 */

.app-page {
  padding: calc(var(--base-unit) * 3) calc(var(--base-unit) * 8);
  user-select: none;
  overflow-y: auto;
}

.app-page--empty {
  display: grid;
  align-items: center;
  justify-content: center;
  font-size: var(--body-10-font-size);
  color: var(--theme-toolbar-color);
}

.app-page__title {
  font-size: var(--title-20-font-size);
  font-weight: var(--title-20-font-weight);
  margin: 0;
}

.app-page__icon-container {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-column-gap: calc(var(--base-unit) * 4);
}

.app-page__icon {
  width: calc(var(--base-unit) * 10);
  height: calc(var(--base-unit) * 10);

  fill: var(--dimmed-icon-color);
  -moz-context-properties: fill;

  /* alignment fix for text to compensate for low baseline */
  margin-block-start: var(--base-unit);
}