sigs.k8s.io/kueue@v0.6.2/site/assets/scss/_variables_project.scss (about)

     1  /*
     2  Add styles or override the theme's variables here.
     3  */
     4  
     5  html.smooth-scroll {
     6    scroll-behavior: smooth;
     7  }
     8  
     9  // Theme colors
    10  $primary: #4279f4;
    11  $secondary: #fff;
    12  $dark: #213d7a;
    13  $info: #adb5bd;
    14  $light: #dee2e6;
    15  
    16  // Nav bar colors
    17  $white: #fff;
    18  $navbar-dark-color: rgba($white, 1);
    19  $navbar-dark-hover-color: rgba($white, 0.75);
    20  $navbar-dark-active-color: $navbar-dark-color;
    21  
    22  // Fonts
    23  $google_font_family: "Open+Sans:300,300i,400,400i,600,600i,700,700i&display=swap" !default;
    24  
    25  // Front page styling
    26  .card-img-top {
    27    object-fit: scale-down;
    28  }
    29  
    30  .text-white {
    31    font-weight: 400;
    32  }
    33  
    34  .bg-primary-dark {
    35    background-color: $dark;
    36  
    37    a {
    38      border-bottom: 1px dotted paleturquoise;
    39      
    40      color: paleturquoise !important;
    41      font-weight: 600;
    42      padding: 0 2px 1px 2px;
    43      text-decoration: none;
    44      
    45      &:hover {
    46        border-bottom: 1px dotted #fff;
    47  
    48        color: #fff !important;
    49      }
    50    }
    51  }
    52  
    53  .border-primary-dark {
    54    border-color: $info !important;
    55  }
    56  
    57  .section-head {
    58    font-size: 1.25em;
    59    color: $primary;
    60    font-weight: bold;
    61    padding: 0 0 1em 0;
    62  }
    63  
    64  .contain {
    65    margin: 0 auto;
    66    max-width: 1200px; }
    67  
    68  .image {
    69    display: block; }
    70    .image img {
    71      display: block;
    72      width: 100%;
    73      height: auto; }
    74    .image.left, .image.right {
    75      max-width: 45%; }
    76      .image.left::after, .image.right::after {
    77        clear: both;
    78        content: "";
    79        display: block; }
    80    .image.left {
    81      float: left;
    82      margin: 0 1.5em 1.5em 0; }
    83    .image.right {
    84      float: right;
    85      margin: 0 0 1.5em 1.5em; }
    86  
    87  #overview, #community {
    88    padding: 6em 1.5em 3em 1.5em;
    89    text-align: center;
    90    margin: 0; }
    91    #overview p, #community p {
    92      font-size: 1.125em;}
    93  
    94  #overview {
    95    border-bottom: 2px solid #b6d0ff;
    96  }
    97  
    98  #community {
    99    border-top: 2px solid #b6d0ff;
   100  }
   101  
   102  #pageContent .lead {
   103    margin: 0 1.5em 3em 1.5em;}
   104    #pageContent .lead > .image {
   105      padding: 0 1.5em;
   106      max-width: 60%;
   107      margin-bottom: 1.5em; }
   108    #pageContent .lead > .text p {
   109      font-size: 1em; }
   110  
   111  @media screen and (min-width: 480px) {
   112    #overview, #community {
   113      font-size: 1.125em; }
   114    #pageContent .lead > .image {
   115      max-width: 35%;
   116      margin-bottom: 3em; }
   117    #pageContent .lead > .text p {
   118      font-size: 1em; } }
   119  
   120  @media screen and (min-width: 769px) {
   121    #pageContent .lead {
   122      margin-top: 1em;
   123      display: -ms-flexbox;
   124      display: flex;
   125      -ms-flex-direction: row;
   126          flex-direction: row;
   127      -ms-flex-wrap: nowrap;
   128          flex-wrap: nowrap;
   129      -ms-flex-pack: justify;
   130          justify-content: space-between;
   131      -ms-flex-align: stretch;
   132          align-items: stretch; }
   133      #pageContent .lead > * {
   134        -ms-flex: 0 1 auto;
   135            flex: 0 1 auto; }
   136      #pageContent .lead > .image {
   137        display: block;
   138        margin: 0 auto;
   139        max-width: 100%; }
   140        #pageContent .lead > .image > img {
   141          max-width: 80%;
   142          margin: 0 auto; }
   143      #pageContent .lead > .text {
   144        -ms-flex-preferred-size: 70%;
   145            flex-basis: 70%; }
   146      #pageContent .lead:nth-child(2n+0) > .image {
   147        -ms-flex-order: 2;
   148            order: 2; }
   149      #pageContent .lead:nth-child(2n+0) > .text {
   150        -ms-flex-order: 1;
   151            order: 1; } }