<commit_before>@if load-module('buttons', 'mixins') {
	// Based on Foundation 5 buttons

	//
	// @variables
	//

	//
	// @MIXIN
	//
	// We use this mixin to create a default button base.
	//
	// $style - Sets base styles. Can be set to false. Default: true.
	// $display - Used to control display property. Default: $button-display || inline-block

	//
	// We use this mixin to add button size styles
	//
	// $padding - Used to build padding for buttons Default: $button-med ||= em-calc(12)
	// $full-width - We can set $full-width:true to remove side padding extend width - Default: false

	@mixin button-size(
		$height: false,
		$font-size: false,
		$padding: false,
		$full-width: false
	) {
		$error-message: "You have to supply at least two of the following: $font-size, $height, $padding.";

		$line-height: false;

		@if $padding != false and type-of($padding) != "list" {
			$padding: $padding $padding;
		}

		@if $height != false {
			@if $font-size != false {
				$line-height: $height;

				@if $padding != false {
					$padding: 0 nth($padding, 2);
				} @else {
					$padding: 0 0;
				}
			} @else if $padding != false {
				$font-size: $height - nth($padding, 1);
				$line-height: $height;
				$padding: 0 nth($padding, 2);
			} @else {
				@warn $error-message;
			}
		} @else if $font-size != false {
			@if $padding != false {
				$height: $font-size + nth($padding, 1) * 2;
				$padding: 0 nth($padding, 2)
			} @else {
				@warn $error-message;
			}
		} @else {
			@warn $error-message;
		}

		@if $full-width == true {
			$padding: nth($padding, 1) 0;
			width: 100%;
		}

		@if $height != false {
			height: $height;
		}

		@if $padding != false {
			padding: $padding;
		}

		@if $font-size != false {
			font-size: rem($font-size);
		}
	}

	@mixin button-style-thoughtbot() {
		color: $button-font-color;
		background-color: #ee432e;
		background: linear-gradient(180deg, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
		border: rem(1px) solid #951100; border-radius: rem(5px); box-shadow: inset 0 0 0 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
		text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.8);
		&:hover {
			background: linear-gradient(180deg, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
		}
		&:active {
			background-color: #d43c28;
			background: linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
			box-shadow: inset 0 0 0 1px rgba(255, 115, 100, 0.4); 
		}
	}
	// modified thoughtbot
	@mixin button-style-glossy($color: $color-main-1) {
		background: $color;
		background: linear-gradient(180deg, lighten($color, 10%) 0%, $color 50%, darken($color, 5%) 50%, darken($color, 15%) 100%);
		border: 1px solid darken($color, 15%);
		border-radius: 5px;
		color: #fff;<commit_msg>Almost refactor of button size mixin. Works well.<commit_after>@if load-module('buttons', 'mixins') {
	@import "functions/units";
	// Based on Foundation 5 buttons

	//
	// @variables
	//

	//
	// @MIXIN
	//
	// We use this mixin to create a default button base.
	//
	// $style - Sets base styles. Can be set to false. Default: true.
	// $display - Used to control display property. Default: $button-display || inline-block

	//
	// We use this mixin to add button size styles
	//
	// $padding - Used to build padding for buttons Default: $button-med ||= em-calc(12)
	// $full-width - We can set $full-width:true to remove side padding extend width - Default: false

	@mixin button-size(
		$height: 0,
		$font-size: 0,
		$padding: 0,
		$full-width: false,
		$border: 0
	) {
		$error-message: "You have to supply at least two of the following: $font-size, $height, $padding.";

		$line-height: false;

		$padding: rem($padding);
		$height: rem($height);
		$font-size: rem($font-size);
		$padding: rem($padding);
		$border: rem($border);

		@if type-of($padding) != "list" {
			$padding: $padding $padding;
		}

		@if $height != 0 {
			@if $font-size != 0 {
				$padding: 0 nth($padding, 2);
			} @else if nth($padding,1) != 0 {
				$font-size: $height - nth($padding, 1);
			} @else {
				@error $error-message;
			}
			$padding: 0 nth($padding, 2);
		} @else if $font-size != 0 {
			@if nth($padding, 1) != 0 {
				$height: $font-size + nth($padding, 1) * 2;
				$padding: 0 nth($padding, 2)
			} @else {
				@error $error-message;
			}
		} @else {
			@error $error-message;
		}

		$line-height: $height - 2 * $border;

		@if $full-width == true {
			$padding: rem(nth($padding, 1) 0);
			width: 100%;
		}

		line-height: rem($line-height);
		height: rem($height);
		padding: rem($padding);
		font-size: rem($font-size);
	}

	@mixin button-style-thoughtbot() {
		color: $button-font-color;
		background-color: #ee432e;
		background: linear-gradient(180deg, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
		border: rem(1px) solid #951100; border-radius: rem(5px); box-shadow: inset 0 0 0 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
		text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.8);
		&:hover {
			background: linear-gradient(180deg, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
		}
		&:active {
			background-color: #d43c28;
			background: linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
			box-shadow: inset 0 0 0 1px rgba(255, 115, 100, 0.4); 
		}
	}
	// modified thoughtbot
	@mixin button-style-glossy($color: $color-main-1) {
		background: $color;
		background: linear-gradient(180deg, lighten($color, 10%) 0%, $color 50%, darken($color, 5%) 50%, darken($color, 15%) 100%);
		border: 1px solid darken($color, 15%);
		border-radius: 5px;
		color: #fff;
{'fraction_non_alphanumeric': 0.17766955266955267, 'fraction_numerical': 0.0689033189033189, 'mean_word_length': 3.1349739000745713, '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': '7188876', 'n_tokens_mistral': 2611, 'n_tokens_neox': 2050, 'n_words': 596}