summaryrefslogtreecommitdiff
path: root/lib/flat/dijit/Common.styl
blob: 8b2119a0373bc8e1c4911cf82835113fe43fa28b (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
@import 'dijit_variables';

.dijitPopup {
	border-radius: $popup-border-radius;
}

/* ----- Drag and Drop ----- */

.dojoDndItem {
	border: 1px solid $dnd-item-border-color;
	cursor: pointer;
	transition-duration: .25s;
	transition-property: background-color, border-color, opacity;
}

/* hover */

.dojoDndItemOver {
	background-color: $dnd-hover-background-color;
	border-radius: $dnd-hover-border-radius;
}

.dojoDndItemAnchor {
	background-color: $dnd-anchor-background-color;
	border: 1px dashed $dnd-anchor-border-color;
	border-radius: $dnd-anchor-border-radius;
}

/* selected */

.dojoDndItemSelected {
}

.dojoDndItemBefore {
	background: transparent;
	padding-top: 2px;
	border-top: 1px solid $dnd-avatar-item-insert-indicator-color;
}

.dojoDndItemAfter {
	background: transparent;
	padding-bottom: 2px;
	border-bottom: 1px solid $dnd-avatar-item-insert-indicator-color;
}

/* Avatar */

table.dojoDndAvatar {
	display: block;
}

.dojoDndAvatarHeader {
	td	{ 
		display: none;
	}
	&:before {
		_icon-core-style();
		display: table-cell;
	}
}

/* cannot drop */

.dojoDndMove .dojoDndAvatarHeader {
	&:before {
		color: $error;
		content: $dnd-icon-no-drop;
	}
}

.dojoDndCopy .dojoDndAvatarHeader {
	&:before {
		color: $error;
		content: $dnd-icon-no-drop;
	}
}

/* can drop */

.dojoDndMove .dojoDndAvatarCanDrop .dojoDndAvatarHeader	{
	&:before {
		color: $success;
		content: $dnd-icon-drop;
	}
}

.dojoDndCopy .dojoDndAvatarCanDrop .dojoDndAvatarHeader	{
	&:before {
		color: $success;
		content: $dnd-icon-drop;
	}
}

.dojoDndAvatarItem {
	border-radius: $dnd-avatar-item-border-radius;
	td {
		> * {
			padding: $dnd-avatar-item-padding;
			list-style-type: none;
			background-color: $dnd-avatar-item-background-color;
			box-shadow: $dnd-avatar-item-box-shadow;
		}
	}
}