website/www/site/assets/scss/_logos.scss

/*!
 *  Licensed to the Apache Software Foundation (ASF) under one or more
 *  contributor license agreements.  See the NOTICE file distributed with
 *  this work for additional information regarding copyright ownership.
 *  The ASF licenses this file to You under the Apache License, Version 2.0
 *  (the "License"); 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.
 */

@import "media";

.logos {
  padding: $pad-l $pad;

  .logos-title {
    @extend .component-title;

    text-align: center;
  }

  .logos-logos {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1111px;
    margin: 70px auto 60px;

    .logos-logo {
      line-height: 0;

      img {
        max-height: 70px;
      }
    }
  }
}

@media (max-width: $tablet) {
  .logos {
    padding: $pad-md $pad-s;

    .logos-logos {
      max-width: 360px;
      flex-wrap: wrap;
      justify-content: center;
      margin: 50px auto 20px;

      .logos-logo {
        margin-right: 60px;
        margin-bottom: 50px;

        img {
          max-height: 45px;
        }
      }

      :nth-child(3),
      :last-child {
        margin-right: 0;
      }
    }
  }
}