

@mixin setting-theme($t) {
	.#{$t} {
		.setting {
			$color: map-get($theme, $t);
			text-align: left;
			padding-top: 10px;

			div {
				margin-bottom: 10px;
				margin-left: 10px;
			}

			ul {
				padding: 0;
			}

			li {
				list-style: none;
				border-bottom: 1px dashed map-get($color, 'header_border');
				padding: 0px 10px;
                line-height: 30px;
				overflow: hidden;
				font-size: 12px;
				a {
					float: right;
				}

				a.fa {
					float: none;
				}

                $cb: map-get($button, $t);
                a.checkbox {
                    width: 15px;
                    height: 15px;
                    margin-top: 8px;
                    border: 1px solid map-get($cb, "border");
                    border-radius: 3px;
                    background: map-get($cb, "background");
                }
                a.checked {
                    background-image: url("../images/checkbox-checked.png");
                    background-size: 100% 100%;
                }

				a.new-version {
					color: $color-danger;
				}
			}

		}
	}
}

@include setting-theme('black');
@include setting-theme('dark');
@include setting-theme('gray');
@include setting-theme('white');
