add extjs 6.0.1 sources

[extjs.git] / extjs / modern / theme-cupertino / sass / src / dataview / List.scss

/**\r
 * @class Ext.dataview.List\r
 */\r
\r
.x-list {\r
	background-color: #fff;\r
\r
	.x-list-disclosure {\r
		border: 0px;\r
		background-color: transparent;\r
		margin: 10px 15px 10px;\r
\r
		&:before {\r
			@include absolute-position(0, 0, 0, 0);\r
			content: '!';\r
			font-family: 'iOS7';\r
			color: #ccc;\r
			font-size: 14px;\r
			text-align: center;\r
			background-color: transparent;\r
			line-height: 26px;\r
			padding-left: 2px;\r
		}\r
	}\r
\r
	.x-list-item {\r
		color: $primary-text-color;\r
		font-weight: 400;\r
		border-top: 1px solid transparent;\r
\r
		&.x-item-pressed {\r
			background-color: $list-item-pressed-color;\r
		}\r
\r
		&.x-item-selected.x-list-item-tpl {\r
			background-color: $list-item-selected-color;\r
			.x-list-disclosure {\r
				background-color: transparent;\r
			}\r
		}\r
\r
		.x-list-item-body,\r
		&.x-list-item-tpl .x-innerhtml {\r
			padding: .7em 1em;\r
		}\r
\r
		&.x-list-item-tpl:before {\r
			content: '';\r
			display: block;\r
			position: absolute;\r
			bottom: -1px;\r
			left: 1em;\r
			right: 0px;\r
			border-bottom: solid 1px $list-item-border-color;\r
		}\r
\r
		&.x-item-pressed.x-list-item-tpl:before, &.x-item-selected.x-list-item-tpl:before, &.x-list-footer-wrap.x-list-item-tpl:before{\r
			border-bottom: solid 1px transparent;\r
		}\r
	}\r
}\r
\r
.x-list .x-list-header {\r
	background-color: $list-header-color;\r
	border: 0px;\r
	padding: 0em 1em;\r
	.x-innerhtml {\r
		font-size: 1.2em;\r
		font-weight: 600;\r
	}\r
}\r