assets/sass/shortcodes/button.scss


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

$color_primary : #007bff ;
$color_secondary : #6c757d ;
$color_success : #28a745 ;
$color_danger : #dc3545 ;
$color_warning : #ffc107 ;
$color_info : #17a2b8 ;
$color_light : #f8f9fa ;
$color_dark : #343a40 ;
$color_white : #fff ;
$color_transparent : transparent ;

button.btn{

	border: 1px solid transparent;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: .25rem;
	cursor: pointer;

	color: #fff;
	background-color: #007bff;
	border-color: #007bff;

	&.info{
		color: white;
		a{color: white;	}
		background-color: $color_primary;
		border-color: $color_primary;		
	}
	&.success{
		color: white;
		a{color: white;	}
		background-color: $color_success;
		border-color: $color_success;		
	}
	&.warning{
		color: black;
		a{color: black;	}
		background-color: $color_warning;
		border-color: $color_warning;		
	}
	&.danger{
		color: white;
		a{color: white;	}
		background-color: $color_danger;
		border-color: $color_danger;		
	}
}