adapterui/css/adapterui-default.less

a simple web framework

/* html默认样式 */
@import "./adapterui-config.less";

*,
*::before,
*::after {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
	outline: none;
}

/**
 * 默认样式部分的修改
 */
html,
body {
	font-family:@font-family;
	/*修改默认字体*/
	color: @font-color;
	/*默认字体颜色*/
	margin: 0;
	padding: 0;
	/* 字体抗锯齿渲染 */
	font-smoothing:antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
	background-color: @bg-color-default;
	/*默认背景色为#fff*/
	font-size: @fontSize-normal;
	/*默认字体大小为0.14rem*/
	overflow-x: hidden;
	-ms-overflow-x: hidden;
	width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin: 0 0 @margin 0;
	line-height: @lineHeight-medium;
}

h1 {
	font-size: @fontSize-h1;
	color: @title-color;
}

h2 {
	font-size: @fontSize-h2;
	color: @title-color;
}

h3 {
	font-size: @fontSize-h3;
	color: @title-color;
}

h4 {
	font-size: @fontSize-h4;
	color: @title-color;
}

h5 {
	font-size: @fontSize-h5;
	color: @title-color;
}

h6 {
	font-size: @fontSize-h6;
	color: @title-color;
}

a {
	text-decoration: none;
	color: @link-color;
	cursor: pointer;
}

@media only screen and (min-width:768px) {
	a:hover{
		text-decoration: underline;
	}
}

a[class^="ad-text-"] {
	transition: color @timeout-sm;
	-ms-transition: color @timeout-sm;
	-moz-transition: color @timeout-sm;
	-webkit-transition: color @timeout-sm;
}

a[class^="ad-bg-"] {
	transition: background-color @timeout-sm;
	-ms-transition:background-color @timeout-sm;
	-moz-transition:background-color @timeout-sm;
	-webkit-transition:background-color @timeout-sm;
}

pre {
	display: block;
	padding: 0.1rem 0.15rem;
	margin: 0 0 @margin-larger;
	font-size: @fontSize-normal;
	font-family: Consolas;
	line-height: @lineHeight-medium;
	color: @font-color;
	background-color: @bg-pre-color;
	border-radius: @radius-sm;
	overflow: auto;
}

xmp {
	margin: 0;
	padding: 0;
	white-space: pre-wrap;
}

hr {
	margin: 0;
	padding: 0;
	margin-bottom:@margin-larger;
	border: @border-width solid @border-default;
}


/**
 * 禁用样式
 */

[disabled] {
	cursor: not-allowed !important;
}

/*年月日区域*/

input[type="date"]::-webkit-datetime-edit-fields-wrapper,
input[type="datetime"]::-webkit-datetime-edit-fields-wrapper,
input[type="datetime-local"]::-webkit-datetime-edit-fields-wrapper,
input[type="week"]::-webkit-datetime-edit-fields-wrapper,
input[type="month"]::-webkit-datetime-edit-fields-wrapper,
input[type="time"]::-webkit-datetime-edit-fields-wrapper {
	color: @font-color;
}

input[type="date"]::-webkit-datetime-edit-text,
input[type="datetime"]::-webkit-datetime-edit-text,
input[type="datetime-local"]::-webkit-datetime-edit-text,
input[type="week"]::-webkit-datetime-edit-text,
input[type="month"]::-webkit-datetime-edit-text,
input[type="time"]::-webkit-datetime-edit-text {
	color: @font-color;
}


/*控制上下小箭头*/

input[type="date"]::-webkit-inner-spin-button,
input[type="datetime"]::-webkit-inner-spin-button,
input[type="datetime-local"]::-webkit-inner-spin-button,
input[type="week"]::-webkit-inner-spin-button,
input[type="month"]::-webkit-inner-spin-button,
input[type="time"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	visibility: hidden;
}

input[type="number"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="time"] {
	-moz-appearance: textfield;
}


/*控制向下的小箭头*/

input[type="date"]::-webkit-calendar-picker-indicator,
input[type="datetime"]::-webkit-calendar-picker-indicator,
input[type="datetime-local"]::-webkit-calendar-picker-indicator,
input[type="week"]::-webkit-calendar-picker-indicator,
input[type="month"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator {
	border: @border-width solid @border-default;
	border-radius: @radius-xs;
	box-shadow: inset 0 @border-width #fff, 0 @border-width #eee;
	background-color: @bg-color-dark;
	background-image: -webkit-linear-gradient(top, #f0f0f0, #e6e6e6);
	color: @font-color;
}

/*清除按钮*/

input[type="date"]::-webkit-clear-button,
input[type="datetime"]::-webkit-clear-button,
input[type="datetime-local"]::-webkit-clear-button,
input[type="week"]::-webkit-clear-button,
input[type="month"]::-webkit-clear-button,
input[type="time"]::-webkit-clear-button {
	display: none;
}

input[type="text"]::-webkit-calendar-picker-indicator,
input[type="email"]::-webkit-calendar-picker-indicator,
input[type="number"]::-webkit-calendar-picker-indicator,
input[type="password"]::-webkit-calendar-picker-indicator,
input[type="url"]::-webkit-calendar-picker-indicator {
	display: none;
	-webkit-appearance: none;
}

ul,
ol {
	margin: 0 0 @margin-larger;
	padding: 0.05rem 0.1rem 0.05rem 0.2rem;
}

li {
	margin-bottom: @margin;
}


/*滚动条样式*/

@media only screen and (min-width:768px) {

	/* 滚动条整体宽度 */
	::-webkit-scrollbar {
		width: 0.08rem;
		height: 0.08rem;
	}

	/* 滚动条的滑轨背景颜色 */
	::-webkit-scrollbar-track {
		background-color: @bg-color-lighter;
	}


	/* 滚动条的滑块背景颜色 */
	::-webkit-scrollbar-thumb {
		background-color:@border-default;
		border-radius: @radius-xl;
	}
	
	body ::-webkit-scrollbar{
		width: 0.04rem;
		height: 0.04rem;
	}

}