style.css — VK Blocks 0.22.4

vk-blocks / src / button / style.css

vk-blocks / src / button Last commit date

.sass-cache 6 years ago deprecated 6 years ago block.js 6 years ago component.js 6 years ago style.css 6 years ago style.css.map 6 years ago style.scss 6 years ago

style.css

156 lines

1	@charset "UTF-8";
2	.vk_button {
3	margin: 5px 0; }
4	.vk_button-color-custom a:hover {
5	opacity: 0.8;
6	box-shadow: 0 0 0 0.2rem rgba(171, 184, 195, 0.25); }
7	.vk_button-align-left {
8	text-align: left; }
9	.vk_button-align-center {
10	text-align: center; }
11	.vk_button-align-right {
12	text-align: right; }
13	.vk_button-align-block {
14	display: block; }
15	.vk_button_link.btn {
16	padding-top: .7em;
17	padding-bottom: .6em; }
18	.vk_button_link_before {
19	margin-right: 0.7rem; }
20	.vk_button_link_after {
21	margin-left: 0.7rem; }
22	.vk_button_link_subCaption {
23	display: block;
24	overflow: hidden;
25	margin: 0;
26	font-size: 80%; }
27	.vk_button .editor-rich-text {
28	display: inline-block; }
29
30	/-------------------------------------------/
31	/* Lightnig がまだ Bootstrap4 でないため手動で追加したクラス
32	/* Lighnting が 4 を同梱したら削除して化
33	/-------------------------------------------/
34	/* .btn がないと標準のBS4の指定に負ける */
35	.btn.btn-primary {
36	color: #fff; }
37
38	.btn.btn-secondary {
39	color: #fff;
40	background-color: #6c757d; }
41
42	.btn.btn-success {
43	color: #fff; }
44
45	.btn.btn-info {
46	color: #fff; }
47
48	.btn.btn-warning {
49	color: #fff; }
50
51	.btn.btn-danger {
52	color: #fff; }
53
54	.btn.btn-light {
55	color: #fff;
56	background-color: #f8f9fa; }
57
58	.btn.btn-dark {
59	color: #fff;
60	background-color: #343a40; }
61
62	.btn.btn-secondary:hover,
63	.btn.btn-dark:hover {
64	color: #fff; }
65
66	/* .btn がないと標準のBS4の指定に負ける */
67	.btn.btn-outline-primary {
68	color: #007bff;
69	border: 1px solid #007bff;
70	background: none;
71	box-shadow: none; }
72
73	.btn.btn-outline-secondary {
74	color: #6c757d;
75	border: 1px solid #6c757d;
76	background: none;
77	box-shadow: none; }
78
79	.btn.btn-outline-success {
80	color: #28a745;
81	border: 1px solid #28a745;
82	background: none;
83	box-shadow: none; }
84
85	.btn.btn-outline-info {
86	color: #17a2b8;
87	border: 1px solid #17a2b8;
88	background: none;
89	box-shadow: none; }
90
91	.btn.btn-outline-warning {
92	color: #ffc107;
93	border: 1px solid #ffc107;
94	background: none;
95	box-shadow: none; }
96
97	.btn.btn-outline-danger {
98	color: #dc3545;
99	border: 1px solid #dc3545;
100	background: none;
101	box-shadow: none; }
102
103	.btn.btn-outline-light {
104	color: #f8f9fa;
105	border: 1px solid #f8f9fa;
106	background: none;
107	box-shadow: none; }
108
109	.btn.btn-outline-dark {
110	color: #343a40;
111	border: 1px solid #343a40;
112	background: none;
113	box-shadow: none; }
114
115	.btn.btn-outline-primary:hover,
116	.btn.btn-outline-primary:focus {
117	background: #007bff;
118	color: #fff; }
119
120	.btn.btn-outline-secondary:hover,
121	.btn.btn-outline-secondary:focus {
122	background: #6c757d;
123	color: #fff; }
124
125	.btn.btn-outline-success:hover,
126	.btn.btn-outline-success:focus {
127	background: #28a745;
128	color: #fff; }
129
130	.btn.btn-outline-info:hover,
131	.btn.btn-outline-info:focus {
132	background: #17a2b8;
133	color: #fff; }
134
135	.btn.btn-outline-warning:hover,
136	.btn.btn-outline-warning:focus {
137	background: #ffc107;
138	color: #fff; }
139
140	.btn.btn-outline-danger:hover,
141	.btn.btn-outline-danger:focus {
142	background: #dc3545;
143	color: #fff; }
144
145	.btn.btn-outline-light:hover,
146	.btn.btn-outline-light:focus {
147	background: #f8f9fa;
148	color: #fff; }
149
150	.btn.btn-outline-dark:hover,
151	.btn.btn-outline-dark:focus {
152	background: #343a40;
153	color: #fff; }
154
155	/# sourceMappingURL=style.css.map /
156