// Copyright 2020 Energinet DataHub A/S
//
// Licensed under the Apache License, Version 2.0 (the "License2");
// 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.
@use "../typography.import" as typography;

storybook-typography-overview {
  display: block;
  max-width: 880px;
}

ul {
  list-style: none;
  padding: 0;
}

table caption {
  text-align: left;
}

.font-size-xxl {
  @include typography.font-size("xxl");
}

.font-size-xl {
  @include typography.font-size("xl");
}

.font-size-l {
  @include typography.font-size("l");
}

.font-size-m {
  @include typography.font-size("m");
}

.font-size-s {
  @include typography.font-size("s");
}

.font-weight-light {
  @include typography.font-weight("light");
}

.font-weight-regular {
  @include typography.font-weight("regular");
}

.font-weight-semi-bold {
  @include typography.font-weight("semi-bold");
}

.font-weight-bold {
  @include typography.font-weight("bold");
}

.small-screen {
  h1 {
    @include typography.font-size("xl");
  }

  h2 {
    @include typography.font-size("l");
  }

  h3 {
    @include typography.font-size("m");
  }
}
