taipei-light/assets/stylesheets/template/modules/web_resource.scss

@charset "utf-8";

@import "../initial";

// Link MODULES
.widget-link {
  // 在 layout-content 下的樣式
  .widget-title {
    @extend .unity-title;
        font-size: 1.5rem;
    @media(min-width: 1200px){
        hr{
          display: none;
        }
      }
    @media(max-width: 1199px){
      text-align: center;
      display: flex;
      justify-content: space-between;
      margin-bottom: 10px;
      color: #ffffffcc;
      hr{
        width: 27.5%;
        border: none;
        border-bottom: 1px solid #ffffffcc;
      }
    }
  }

  &.widget1 {
    .widget-content {
      line-height: 2.5em;

      & + .widget-content {
        // border-top: 0.0625em dotted $theme-gray-light;
      }

      .widget-content-title {
        display: inline-block;
      }
    }

    // 在 layout-footer 下的樣式
    .layout-footer & {
      .widget-content {
        line-height: 2em;
        // border-top-color: $theme-green-light;
      }
    }
  }
}
.widget2{
  @media(min-width: 1200px){
       display: flex;
  }
  .list-unstyled{
    padding-left: 3em;
    padding-top: 0.5em;
    display: flex;
    @media(max-width: 1199px){
      justify-content: space-around;
      flex-wrap: wrap;
      padding-left:0;
    }
  }
  .widget-content{
        width: 100px;
        @media(max-width: 1199px){
          width: 21%;
        }
  }
  img{
    @media(min-width: 1200px){
           max-width: 80px;
    }
  }
  .widget-content-title{
    display:none!important;
  }
  .widget-title{
    &:after{
      background: none!important;
    }
  }
}
// Link INDEX
.index-link {
  .index-title {
    @extend .unity-title;
  }

  &.index1 {
    .index-content {

      & + .index-content {
        border-top: 0.0625em dotted $theme-gray-light;
      }

      .index-context {
        display: inline-block;
        font-size: 0.813em;
        margin: 0 0 0.625em 2em;
        color: darken($theme-gray-light, 20%);
      }
    }

    .index-content-title {
      font-family: $main-font;
      font-size: 1em;
    }
  }
  &.index2 {
    .list-unstyled {
      display: flex;
      flex-wrap: wrap;
    }
    .index-content {
      padding: 1em;
    }
    .status-top {
      line-height: 2.5;
    }
  }
  &.index3 {
    .list-unstyled {
      display: flex;
      flex-wrap: wrap;
    }
    .index-content {
      padding: 1em;
    }
    .status-top {
      line-height: 2.5;
    }
    .borderwhite{
      border: 1px solid #ffffff4d;
      padding: 10px;
      position: relative;
    }
    .index-content-title{
      h4{
        color: #fff;
        font-size: 1.15rem;
        font-weight: 500;
        letter-spacing: 2px;
      }
      .index-context{
        color: #ffbd19;
        font-weight: 300;
        font-size: .95rem;
      }
    }
    .link-img-wrap{
      margin: 0;
      display: block;
      height: auto!important;
      img{
        width: 100%;
      }
    }
    .link-title{
      color: #fff!important;
      font-size: 1.15rem!important;
    }
  }
}