github.com/freiheit-com/kuberpult@v1.24.2-0.20240328135542-315d5630abe6/services/frontend-service/src/assets/_base.scss (about)

     1  /*This file is part of kuberpult.
     2  
     3  Kuberpult is free software: you can redistribute it and/or modify
     4  it under the terms of the Expat(MIT) License as published by
     5  the Free Software Foundation.
     6  
     7  Kuberpult is distributed in the hope that it will be useful,
     8  but WITHOUT ANY WARRANTY; without even the implied warranty of
     9  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    10  MIT License for more details.
    11  
    12  You should have received a copy of the MIT License
    13  along with kuberpult. If not, see <https://directory.fsf.org/wiki/License:Expat>.
    14  
    15  Copyright 2023 freiheit.com*/
    16  html,
    17  body,
    18  #root {
    19      height: 100%;
    20      width: 100%;
    21      display: flex;
    22  }
    23  
    24  * {
    25      @extend .font;
    26  }
    27  
    28  .app-container--v2 {
    29      height: 100%;
    30      width: 100%;
    31      display: flex;
    32  }
    33  
    34  .mdc-drawer-app-content {
    35      flex: auto;
    36      overflow: auto;
    37      position: relative;
    38  }
    39  
    40  .main-content {
    41      overflow: auto;
    42      position: relative;
    43      padding: $main-content-padding;
    44      height: 100%;
    45  }
    46  
    47  .font {
    48      font-family: 'Inter', sans-serif;
    49  }
    50  
    51  .headline1 {
    52      @extend .font;
    53      font-weight: 700;
    54      font-size: 24px;
    55      line-height: 38px;
    56  }
    57  
    58  .sub-headline1 {
    59      @extend .font;
    60      font-weight: 700;
    61      font-size: 16px;
    62      line-height: 28px;
    63  }
    64  
    65  .text-regular {
    66      @extend .font;
    67      font-weight: 500;
    68      font-size: 12px;
    69      line-height: 16px;
    70  }
    71  
    72  .text-bold {
    73      @extend .font;
    74      font-weight: 700;
    75      font-size: 12px;
    76      line-height: 16px;
    77  }
    78  
    79  .text-medium {
    80      @extend .font;
    81      font-weight: 500;
    82      font-size: 14px;
    83      line-height: 18px;
    84  }