web/styles/_base.scss

// Copyright (c) 2024, the Dart project authors.  Please see the AUTHORS file
// for details. All rights reserved. Use of this source code is governed by a
// BSD-style license that can be found in the LICENSE file.

html {
  // Account for sticky header, so fragments appear below it after scrolling.
  scroll-padding-top: calc(var(--main-header-height) + 1rem);
}

html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body {
  display: flex;
  flex-direction: column;

  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  line-height: 1.42857143;
  color: var(--main-text-color);
  background-color: var(--main-bg-color);
}

main {
  flex: 1;
  display: flex;
  flex-direction: row;
}