<commit_before>@import "sandstone/variables-resp.less";
@import "sandstone/mixins-resp.less";

#partnerships {
    #main-feature {
        text-align: center;
        p,
        hgroup {
            margin-left: 40px;
            margin-right: 40px;
        }
        p {
            margin-bottom: 0;
        }
    }
    #main-content {
        background-image: url(/media/img/mozorg/partnerships/sidebar-bg.png);
        background-position: 100% 0;
        background-repeat: repeat-y;
    }
    #sections {
        .span(9);
        section {
            .clearfix;
            margin-right: 40px;
            margin-bottom: @baseLine * 1.5;
            position: relative;
            background: url(/media/img/mozorg/partnerships/divider.png) 50% 100% no-repeat;
            padding-bottom: @baseLine * 1.5;
            p,
            h3 {
                .span(6);
                margin-left: 0;
                margin-bottom: 10px;
            }
            img {
                width: 100%;
                height: auto;
                margin-bottom: @baseLine / 2;
                &.icon {
                    width: auto;
                    position: absolute;
                    top: 60px;
                    right: 0;
                }
            }
            &#cobrand {
                background: none;
                margin-bottom: 0;
            }
        }
    }
}

#partner {
    .span(3);

    #sf-form label {
        color: @textColorTertiary;
    }

    #sf-form .field {
        padding: 5px 0;
    }

    #sf-form input,
    #sf-form select,
    #sf-form textarea {
        width: 200px
    }

    #sf-form select {
        width : 100%;
    }

    #sf-form .footer-field input {
        width: 218px;
    }

    #sf-form input.error {
        border-color: rgb(175,50,50);
        @shadow: 0 2px 1px rgba(0,0,0,0.1) inset, 0 0 8px 0 rgba(175,50,50,.6);
        .box-shadow(@shadow);
    }

    #sf-form label.error {
        .open-sans;
        font-size: 12px;
        color: rgb(175,50,50);
        font-weight: bold;
        text-transform: uppercase;
    }
}

#distributions {
    .span(8);
    margin-left: 0;
}

/* Tablet Layout: 760px */
@media only screen and (min-width: @breakTablet) and (max-width: @breakDesktop) {

    #partnerships {
        #sections {
            .span_narrow(8);
            section {
                img.icon {
                    height: 150px;
                    width: 150px;
                    top: 10px;
                }
                h3 {
                    .span_narrow(5);
                    margin-left: 0;
                    margin-bottom: 10px;
                }
            }
        }

        #partner {
            .span_narrow(4);
        }
    }

}

/* Mobile layout: 320px */
@media only screen and (max-width: @breakTablet) {

    #partnerships {
        #main-feature {
            p,
            hgroup {
                margin-left: 10px;
                margin-right: 10px;
            }
        }
        #main-content {
            background-image: none;
        }
        #sections {
            width: auto;
            float: none;
            section {
                margin-right: 0;
                img.icon {
                    height: 80px;
                    width: 80px;
                    top: 10px;
                }
                h3,
                p {
                    width: auto;
                    float: none;
                    clear: both;
                }
            }
        }

        #partner {
            width: auto;
            float: none;
        }
    }

}
<commit_msg>Fix paragraph width in tablet size and improve intro margins<commit_after>@import "sandstone/variables-resp.less";
@import "sandstone/mixins-resp.less";

#partnerships {
    #main-feature {
        text-align: center;
        p,
        hgroup {
            margin-left: 90px;
            margin-right: 90px;
        }
        p {
            margin-bottom: 0;
        }
    }
    #main-content {
        background-image: url(/media/img/mozorg/partnerships/sidebar-bg.png);
        background-position: 100% 0;
        background-repeat: repeat-y;
    }
    #sections {
        .span(9);
        section {
            .clearfix;
            margin-right: 40px;
            margin-bottom: @baseLine * 1.5;
            position: relative;
            background: url(/media/img/mozorg/partnerships/divider.png) 50% 100% no-repeat;
            padding-bottom: @baseLine * 1.5;
            p,
            h3 {
                .span(6);
                margin-left: 0;
                margin-bottom: 10px;
            }
            img {
                width: 100%;
                height: auto;
                margin-bottom: @baseLine / 2;
                &.icon {
                    width: auto;
                    position: absolute;
                    top: 60px;
                    right: 0;
                }
            }
            &#cobrand {
                background: none;
                margin-bottom: 0;
            }
        }
    }
}

#partner {
    .span(3);

    #sf-form label {
        color: @textColorTertiary;
    }

    #sf-form .field {
        padding: 5px 0;
    }

    #sf-form input,
    #sf-form select,
    #sf-form textarea {
        width: 200px
    }

    #sf-form select {
        width : 100%;
    }

    #sf-form .footer-field input {
        width: 218px;
    }

    #sf-form input.error {
        border-color: rgb(175,50,50);
        @shadow: 0 2px 1px rgba(0,0,0,0.1) inset, 0 0 8px 0 rgba(175,50,50,.6);
        .box-shadow(@shadow);
    }

    #sf-form label.error {
        .open-sans;
        font-size: 12px;
        color: rgb(175,50,50);
        font-weight: bold;
        text-transform: uppercase;
    }
}

#distributions {
    .span(8);
    margin-left: 0;
}

/* Tablet Layout: 760px */
@media only screen and (min-width: @breakTablet) and (max-width: @breakDesktop) {

    #partnerships {
        #main-feature {
            text-align: center;
            p,
            hgroup {
                margin-left: 0;
                margin-right: 0;
            }
        }
        #sections {
            .span_narrow(8);
            section {
                img.icon {
                    height: 150px;
                    width: 150px;
                    top: 10px;
                }
                h3 {
                    .span_narrow(5);
                    margin-left: 0;
                    margin-bottom: 10px;
                }
                p {
                    width: auto;
                }
            }
        }

        #partner {
            .span_narrow(4);
        }
    }

}

/* Mobile layout: 320px */
@media only screen and (max-width: @breakTablet) {

    #partnerships {
        #main-feature {
            p,
            hgroup {
                margin-left: 10px;
                margin-right: 10px;
            }
        }
        #main-content {
            background-image: none;
        }
        #sections {
            width: auto;
            float: none;
            section {
                margin-right: 0;
                img.icon {
                    height: 80px;
                    width: 80px;
                    top: 10px;
                }
                h3,
                p {
                    width: auto;
                    float: none;
                    clear: both;
                }
            }
        }

        #partner {
            width: auto;
            float: none;
        }
    }

}

{'fraction_non_alphanumeric': 0.10791462282911309, 'fraction_numerical': 0.031287286225639664, 'mean_word_length': 0.9483471074380165, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4010238', 'n_tokens_mistral': 2469, 'n_tokens_neox': 2164, 'n_words': 443}