github.com/freiheit-com/kuberpult@v1.24.2-0.20240328135542-315d5630abe6/services/frontend-service/src/ui/components/Releases/Releases.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  /* The actual timeline (the vertical ruler) */
    17  .timeline {
    18      position: relative;
    19      max-width: 1200px;
    20      margin: 0 auto;
    21  }
    22  
    23  /* Container around content */
    24  .container {
    25      padding: 10px 40px;
    26      position: relative;
    27      background-color: inherit;
    28      width: 50%;
    29      background: linear-gradient(var(--mdc-theme-primary), var(--mdc-theme-primary)) left 9px top 19px/2px 100% no-repeat;
    30      margin-bottom: -2px;
    31  }
    32  /* Add arrows to the right container (pointing left) */
    33  .right::before {
    34      content: ' ';
    35      height: 0;
    36      position: absolute;
    37      top: 22px;
    38      width: 0;
    39      z-index: 1;
    40      left: 30px;
    41      border: medium solid white;
    42      border-width: 10px 10px 10px 0;
    43      border-color: transparent white transparent transparent;
    44  }
    45  
    46  /* Fix the circle for containers on the right side */
    47  .right::after {
    48      left: -16px;
    49  }
    50  
    51  /* The actual content */
    52  .content {
    53      padding: 20px 30px;
    54      background-color: white;
    55      position: relative;
    56      border-radius: 6px;
    57      width: 920px;
    58  }
    59  
    60  .app_name {
    61      font-weight: 700;
    62      font-size: 28px;
    63      line-height: 48px;
    64      padding-left: 35px;
    65      align-items: center;
    66      color: var(--mdc-theme-primary);
    67  }
    68  
    69  .release_date {
    70      color: var(--mdc-theme-primary);
    71  }