summaryrefslogtreecommitdiffstats
path: root/utils/test/reporting/assets/sass/components/_icon.scss
blob: 5b9a40ca67a42133691768818ce4391e5387f53d (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
///
/// Phantom by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///

/* Icon */

	.icon {
		@include icon;
		border-bottom: none;
		position: relative;

		> .label {
			display: none;
		}

		&.style1 {
		}

		&.style2 {
			@include vendor('transition', (
				'background-color #{_duration(transition)} ease-in-out',
				'color #{_duration(transition)} ease-in-out',
				'border-color #{_duration(transition)} ease-in-out'
			));
			background-color: transparent;
			border: solid 1px _palette(border);
			border-radius: _size(border-radius);
			width: 2.65em;
			height: 2.65em;
			display: inline-block;
			text-align: center;
			line-height: 2.65em;
			color: inherit;

			&:before {
				font-size: 1.1em;
			}

			&:hover {
				color: _palette(accent1);
				border-color: _palette(accent1);
			}

			&:active {
				background-color: transparentize(_palette(accent1), 0.9);
			}
		}
	}