<commit_before>$colour_orange: #f4a140;
$colour_blue: #4faded;
$colour_green: #62b356;
$colour_yellow: #ffd836;
$colour_red: #e04b4b;
$colour_violet: #a94ca6;
$colour_purple: #5c377f;
$colour_off_white: #f3f1eb;
$colour_light_grey: #e2dfd9;
$colour_mid_grey: #959287;
$colour_dark_grey: #6c6b68;
$colour_black: #333333;

$mysociety-banner: $colour_black;
$link-color: darken($colour_blue, 5%);
$body-font-color: $colour_black;
$body-bg: $colour_off_white;
$button-bg: $colour_blue;
$heading-color: $colour_black;
$font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;


$main_menu-bg: darken($colour_blue, 3%);
$main_menu-search_text: $colour_black;
$main_menu-link_text: #fff;
$main_menu-search_bg: #eee;

$main_menu-link_bg: $main_menu-bg;
$main_menu-active_link_bg: $body-bg;
$main_menu-active_link_text: $main_menu-link_bg;

$incoming-correspondence-color: $colour_violet;
$incoming-correspondence-background: #fff;
$outgoing-correspondence-color: $colour_orange;
$outgoing-correspondence-background: #fff;
$comment-color: #ccc;

$status-success: $colour_green;
$status-failure: $colour_red;
$status-pending: desaturate(darken($colour_orange, 15%), 2.5%);

$notice-bg: lighten($colour_green, 25%);
$notice-border: $colour_green;
$error-bg: lighten($colour_green, 25%);
$error-border: $colour_red;
$action-bg: lighten($colour_yellow, 25%);
$action-border: $colour_yellow;

/* Mixin styles */

/* Hide text when it's replaced by an image */
.image-replacement {
  overflow: hidden;
  text-indent: 150%;
  white-space: nowrap;
}

/* Button styles */
.button-base {
    padding: 0.5em 1.25em;
    border-radius: 3px;
    display: inline-block;
    font-weight: 600;
    text-decoration: none;
    transition: background-color 300ms ease-out;
    margin-bottom: 0;
    &:hover,
    &:active,
    &:focus {
        text-decoration: none;
        transition: background-color 300ms ease-out;
    }
}

.button,
.button:visited {
    @extend .button-base;
    color: #fff;
    background-color: $button-bg;
    border: none;
    &:hover,
    &:active,
    &:focus {
        background-color: darken($button-bg, 5%);
    }
}

.button-secondary,
.button-secondary:visited {
    @extend .button-base;
    background-color: #ddd;
    color: #333;
    font-weight: normal;
    &:hover,
    &:active,
    &:focus {
        background-color: darken(#edece8, 7.5%);
        color: #333;
    }
}

.button-tertiary {
    @extend .button-base;
    background-color: transparent;
    color: #333;
    font-weight: normal;
    border: 1px solid #e9e9e9;
    &:hover,
    &:active,
    &:focus {
        background-color: darken(#edece8, 7.5%);
        border: 1px solid #ddd;<commit_msg>use variables for buttons<commit_after>$colour_orange: #f4a140;
$colour_blue: #4faded;
$colour_green: #62b356;
$colour_yellow: #ffd836;
$colour_red: #e04b4b;
$colour_violet: #a94ca6;
$colour_purple: #5c377f;
$colour_off_white: #f3f1eb;
$colour_light_grey: #e2dfd9;
$colour_mid_grey: #959287;
$colour_dark_grey: #6c6b68;
$colour_black: #333333;

$mysociety-banner: $colour_black;
$link-color: darken($colour_blue, 5%);
$body-font-color: $colour_black;
$body-bg: $colour_off_white;
$button-bg: $colour_blue;
$heading-color: $colour_black;
$font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;


$main_menu-bg: darken($colour_blue, 3%);
$main_menu-search_text: $colour_black;
$main_menu-link_text: #fff;
$main_menu-search_bg: #eee;

$main_menu-link_bg: $main_menu-bg;
$main_menu-active_link_bg: $body-bg;
$main_menu-active_link_text: $main_menu-link_bg;

$incoming-correspondence-color: $colour_violet;
$incoming-correspondence-background: #fff;
$outgoing-correspondence-color: $colour_orange;
$outgoing-correspondence-background: #fff;
$comment-color: #ccc;

$status-success: $colour_green;
$status-failure: $colour_red;
$status-pending: desaturate(darken($colour_orange, 15%), 2.5%);

$notice-bg: lighten($colour_green, 25%);
$notice-border: $colour_green;
$error-bg: lighten($colour_green, 25%);
$error-border: $colour_red;
$action-bg: lighten($colour_yellow, 25%);
$action-border: $colour_yellow;

/* Mixin styles */

/* Hide text when it's replaced by an image */
.image-replacement {
  overflow: hidden;
  text-indent: 150%;
  white-space: nowrap;
}

/* Button styles */
.button-base {
    padding: 0.5em 1.25em;
    border-radius: 3px;
    display: inline-block;
    font-weight: 600;
    text-decoration: none;
    transition: background-color 300ms ease-out;
    margin-bottom: 0;
    &:hover,
    &:active,
    &:focus {
        text-decoration: none;
        transition: background-color 300ms ease-out;
    }
}

.button,
.button:visited {
    @extend .button-base;
    color: #fff;
    background-color: $button-bg;
    border: none;
    &:hover,
    &:active,
    &:focus {
        background-color: darken($button-bg, 5%);
    }
}

.button-secondary,
.button-secondary:visited {
    @extend .button-base;
    background-color: $colour_light_grey;
    color: $colour_black;
    font-weight: normal;
    &:hover,
    &:active,
    &:focus {
        color: #333;
        background-color: darken($colour_light_grey, 7.5%);
    }
}

.button-tertiary {
    @extend .button-base;
    background-color: transparent;
    color: #333;
    font-weight: normal;
    border: 1px solid #e9e9e9;
    &:hover,
    &:active,
    &:focus {
        background-color: darken(#edece8, 7.5%);
        border: 1px solid #ddd;
{'fraction_non_alphanumeric': 0.15783664459161148, 'fraction_numerical': 0.03421633554083885, 'mean_word_length': 4.1978967495219885, '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': '6258799', 'n_tokens_mistral': 2319, 'n_tokens_neox': 2075, 'n_words': 396}