gaf-mobile/app/styles/modules/posting-guide.less

GAF mobile Web site

.posting-guide {
    display: block;
    background-color: @septenary-color-xxxlight;
    .default-vertical-padding;
    // TEMP fix for caroussel (invalid touch-action property)
    .rn-carousel-container {
      -ms-touch-action: pan-y;
      touch-action: pan-y;
    }
}

.posting-guide-title {
    font-size: @type-size-xxlge;
    margin-bottom: 38px;
}

.posting-guide-carousel {
    list-style: none;
    padding: 0;
    width: 100%;
}

.posting-guide-item {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.posting-guide-item-image {
    width: 100%;
    max-height: 100%;
}

// Landscape: > iPhone
@media only screen and (orientation:landscape) {
    .posting-guide-item-image {
        width: 50%;
    }
}

.posting-guide {
    .posting-guide-item-title {
        font-size: @type-size-xlge;
        margin-top: 30px;
    }
}