@ttk/component/lib/button/style/index.less

ttk组件库

@import '../../assets/theme/index';
@import 'antd/es/button/style/index.less';

.@{mk-prefix}-btn{
	font-size: 13px;
	font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;
	&.@{ant-prefix}-btn-primary:hover{
		color: #fff;
		background-color: @button-hover-color;
		border-color: @button-hover-color
	}
	&.@{ant-prefix}-btn-background-ghost.@{ant-prefix}-btn-primary:hover{
		color: @primary-color;
	}
	&.@{ant-prefix}-btn{
		height: 30px;
		padding: 0 8px;
	}
	&.@{ant-prefix}-btn-sm{
		height: 26px;
	}
	&.@{ant-prefix}-btn-lg{
		height: 40px;
	}
	&-showy{
		.button-variant-primary(#fff; @showy-color);
		.@{mk-prefix}-btn-group &:not(:first-child):not(:last-child) {
      		border-right-color: @showy-7;
      		border-left-color: @showy-7;

      		&:disabled {
        		border-color: @btn-default-border;
      		}
    	}


	    .@{mk-prefix}-btn-group &:first-child {
	      	&:not(:last-child) {
	        	border-right-color: @showy-7;
		        &[disabled] {
		          	border-right-color: @btn-default-border;
		        }
	     	}
	    }

	    .@{mk-prefix}-btn-group &:last-child:not(:first-child),
		    .@{mk-prefix}-btn-group & + & {
		      	border-left-color: @showy-7;
		      	&[disabled] {
			        border-left-color: @btn-default-border;
		      	}
		    }
	}

	&-softly{
		.button-variant-primary(#fff; @softly-color);

		.@{mk-prefix}-btn-group &:not(:first-child):not(:last-child) {
      		border-right-color: @softly-7;
      		border-left-color: @softly-7;

      		&:disabled {
        		border-color: @btn-default-border;
      		}
    	}


	    .@{mk-prefix}-btn-group &:first-child {
	      	&:not(:last-child) {
	        	border-right-color: @softly-7;
		        &[disabled] {
		          	border-right-color: @btn-default-border;
		        }
	     	}
	    }

	    .@{mk-prefix}-btn-group &:last-child:not(:first-child),
		    .@{mk-prefix}-btn-group & + & {
		      	border-left-color: @softly-7;
		      	&[disabled] {
			        border-left-color: @btn-default-border;
		      	}
		    }
	}

	&-bluesky{
		.button-variant-primary(#fff; @bluesky-color);

		.@{mk-prefix}-btn-group &:not(:first-child):not(:last-child) {
      		border-right-color: @bluesky-7;
      		border-left-color: @bluesky-7;

      		&:disabled {
        		border-color: @btn-default-border;
      		}
    	}


	    .@{mk-prefix}-btn-group &:first-child {
	      	&:not(:last-child) {
	        	border-right-color: @bluesky-7;
		        &[disabled] {
		          	border-right-color: @btn-default-border;
		        }
	     	}
	    }

	    .@{mk-prefix}-btn-group &:last-child:not(:first-child),
		    .@{mk-prefix}-btn-group & + & {
		      	border-left-color: @bluesky-7;
		      	&[disabled] {
			        border-left-color: @btn-default-border;
		      	}
		    }
	}


	&-group {
	}
}
.@{ant-prefix}-modal-body .@{ant-prefix}-confirm-body-wrapper .@{ant-prefix}-btn{
	&.@{ant-prefix}-btn-primary:hover{
		color: #fff;
		background-color: @button-hover-color;
		border-color: @button-hover-color
	}
}