website/www/site/assets/scss/_contribute.sass

/*!
 *  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.
 */
$padding: 24px

.list-text-size-md
  position: relative
  li
    font-size: 14px
  span
    position: absolute
    left: 0
    margin-left: 10px

.contribute-quote-block
  margin-bottom: 50px
  text-align: right
  span
    display: block
    letter-spacing: 0.43px
    line-height: 1.63
    font-size: 16px
  img
    width: 80px
    height: 80px
    border-radius: 50%

.no-bullet
  list-style-type: none

.text--active
  color: $color-brand

.table-contribute
  th
    text-align: center

  th
    padding: 14px 14px 17px 14px !important
    border: none !important
    border-bottom: 1px solid #ff6d05 !important
    letter-spacing: 2px
    line-height: normal !important
    text-transform: uppercase

  td
    padding: $padding !important
    border-bottom: 1px solid rgba(255, 109, 5, 0.24)
    @media (max-width: $mobile)
      padding: $padding/4 !important

    p
      margin-left: 67px
      font-size: 14px
      line-height: 1.57
      @media (max-width: $mobile)
        margin: 0

  td:nth-child(2)
    padding: $padding/3 !important
    padding-left: $padding !important
    @media (max-width: $mobile)
      padding: $padding/3 !important
      padding-left: $padding/2 !important

    a
      line-height: 2
      letter-spacing: 0.43px
      color: $color-brand
      text-decoration: none
      &:hover,
      &focus
        text-decoration: underline

  td:nth-child(1)
    background-color: rgba(255, 109, 0, 0.04)
    padding-left: $padding/2 !important
    padding-right: 0 !important
    line-height: 1.57
    letter-spacing: 0.43px