<commit_before>/**
    LightForm style.
    
    It's just the common styles followed by 'all a form activities',
    may apply to any element (not just a 'form' element), but an activity or top-level '.container'
    is the best because of the background (or using a '.row' element so background fills all the width),
    and will change the standard appearance of other components, like SectionTitle's
    
    To receive custom styles, form elements must have a 'form-control' class (like Bootstrap).
**/
.LightForm {
    background: $gray-background;
    
    .SectionTitle {
        text-transform: none;
        text-align: center;
        font-weight: bold;
        margin-top: 25px;
        margin-bottom: 12px;
    }
    
    // The toolbar, usually at the bottom and only one primary button,
    // that holds the main form buttons (submit/save, remove, quick without save).
    .LightForm-submitBar {
        margin-top: 25px;
        margin-bottom: 25px;
    }
    
    // Container for a one line button/link that triggers a tool.
    // It adds some gap around on both axis, so can hold a btn-block
    // without take all the width an appear a submitBar and being separated
    // vertically too
    .LightForm-tool {
        margin: 25px 40px;
    }
    
    textarea.form-control {
        resize: vertical;
    }
    
    // All form controls are white background
    .form-control {
        background: White;
    }
}<commit_msg>LightForm styling for large screens<commit_after>/**
    LightForm style.
    
    It's just the common styles followed by 'all a form activities',
    may apply to any element (not just a 'form' element), but an activity or top-level '.container'
    is the best because of the background (or using a '.row' element so background fills all the width),
    and will change the standard appearance of other components, like SectionTitle's
    
    To receive custom styles, form elements must have a 'form-control' class (like Bootstrap).
**/
.LightForm {
    background: $gray-background;
    
    .SectionTitle {
//        text-transform: none;
//        text-align: center;
//        font-weight: bold;
//        margin-top: 15px;
//        margin-bottom: 12px;
          @media $mediaMinMd {
            margin-bottom: 12px;
          }
    }
    
    // The toolbar, usually at the bottom and only one primary button,
    // that holds the main form buttons (submit/save, remove, quick without save).
    .LightForm-submitBar {
        margin-top: 25px;
        margin-bottom: 25px;
        margin-right: auto;
        margin-left: auto;
        width: 95%;
    }
    
    // Container for a one line button/link that triggers a tool.
    // It adds some gap around on both axis, so can hold a btn-block
    // without take all the width an appear a submitBar and being separated
    // vertically too
    .LightForm-tool {
        margin: 25px 40px;
    }
    
    textarea.form-control {
        resize: vertical;
    }
    
    .form-group {
        margin-top: 15px;
    }
    
    // All form controls are white background
    .form-control {
        background: White;
    }
}
{'fraction_non_alphanumeric': 0.08519463943841736, 'fraction_numerical': 0.009572431397574984, 'mean_word_length': 2.144433299899699, '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': '4319347', 'n_tokens_mistral': 897, 'n_tokens_neox': 848, 'n_words': 349}