You are here

Home » API reference » Open Social 8.6

button.css in Open Social 8.6

Same filename in this branch
  1. 8.6 themes/socialblue/assets/css/button.css
  2. 8.6 themes/socialbase/assets/css/button.css
Same filename and directory in other branches
  1. 8.9 themes/socialblue/assets/css/button.css
  2. 8 themes/socialblue/assets/css/button.css
  3. 8.2 themes/socialblue/assets/css/button.css
  4. 8.3 themes/socialblue/assets/css/button.css
  5. 8.4 themes/socialblue/assets/css/button.css
  6. 8.5 themes/socialblue/assets/css/button.css
  7. 8.7 themes/socialblue/assets/css/button.css
  8. 8.8 themes/socialblue/assets/css/button.css
.btn {
  border-radius: 10px;
}

.btn.btn-floating {
  border-radius: 50%;
}

.btn-default {
  color: #4d4d4d;
  background-color: #ffffff;
  border-color: #adadad;
  fill: #4d4d4d;
}

.btn-default:focus, .btn-default.focus, .btn-default:hover, .btn-default:active, .btn-default.active,
.open > .btn-default.dropdown-toggle {
  background-color: #e6e6e6;
  border-color: #8e8e8e;
  color: #4d4d4d;
}

.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default.focus {
  background-color: #ffffff;
  border-color: #adadad;
}

.btn-primary {
  color: #ffffff;
  background-color: #29abe2;
  border-color: #29abe2;
  fill: #ffffff;
}

.btn-primary:focus, .btn-primary.focus, .btn-primary:hover, .btn-primary:active, .btn-primary.active,
.open > .btn-primary.dropdown-toggle {
  background-color: #1a8dbe;
  border-color: #1987b5;
  color: #ffffff;
}

.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #29abe2;
  border-color: #29abe2;
}

.btn-secondary {
  color: #ffffff;
  background-color: #1f80aa;
  border-color: #1f80aa;
  fill: #ffffff;
}

.btn-secondary:focus, .btn-secondary.focus, .btn-secondary:hover, .btn-secondary:active, .btn-secondary.active,
.open > .btn-secondary.dropdown-toggle {
  background-color: #17607f;
  border-color: #165976;
  color: #ffffff;
}

.btn-secondary.disabled:hover, .btn-secondary.disabled:focus, .btn-secondary.disabled.focus, .btn-secondary[disabled]:hover, .btn-secondary[disabled]:focus, .btn-secondary[disabled].focus,
fieldset[disabled] .btn-secondary:hover,
fieldset[disabled] .btn-secondary:focus,
fieldset[disabled] .btn-secondary.focus {
  background-color: #1f80aa;
  border-color: #1f80aa;
}

.btn-accent {
  color: #333333;
  background-color: #ffc142;
  border-color: #ffc142;
  fill: #333333;
  fill: #333333;
}

.btn-accent:focus, .btn-accent.focus, .btn-accent:hover, .btn-accent:active, .btn-accent.active,
.open > .btn-accent.dropdown-toggle {
  background-color: #ffb00f;
  border-color: #ffad05;
  color: #333333;
}

.btn-accent.disabled:hover, .btn-accent.disabled:focus, .btn-accent.disabled.focus, .btn-accent[disabled]:hover, .btn-accent[disabled]:focus, .btn-accent[disabled].focus,
fieldset[disabled] .btn-accent:hover,
fieldset[disabled] .btn-accent:focus,
fieldset[disabled] .btn-accent.focus {
  background-color: #ffc142;
  border-color: #ffc142;
}

.btn-flat {
  color: #29abe2;
  background-color: transparent;
  border-color: transparent;
  fill: #29abe2;
  fill: #29abe2;
  white-space: normal;
}

.btn-flat:focus, .btn-flat.focus, .btn-flat:hover, .btn-flat:active, .btn-flat.active,
.open > .btn-flat.dropdown-toggle {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
  color: #29abe2;
}

.btn-flat.disabled:hover, .btn-flat.disabled:focus, .btn-flat.disabled.focus, .btn-flat[disabled]:hover, .btn-flat[disabled]:focus, .btn-flat[disabled].focus,
fieldset[disabled] .btn-flat:hover,
fieldset[disabled] .btn-flat:focus,
fieldset[disabled] .btn-flat.focus {
  background-color: transparent;
  border-color: transparent;
}

.btn-flat:hover, .btn-flat:focus,
.open .dropdown-toggle .btn-flat {
  color: inherit;
  background-color: #ffffff;
  border-color: #adadad;
  fill: inherit;
  color: #1a8dbe;
  fill: #1a8dbe;
}

.btn-flat:hover:focus, .btn-flat:hover.focus, .btn-flat:hover:hover, .btn-flat:hover:active, .btn-flat:hover.active,
.open > .btn-flat:hover.dropdown-toggle, .btn-flat:focus:focus, .btn-flat:focus.focus, .btn-flat:focus:hover, .btn-flat:focus:active, .btn-flat:focus.active,
.open > .btn-flat:focus.dropdown-toggle,
.open .dropdown-toggle .btn-flat:focus,
.open .dropdown-toggle .btn-flat.focus,
.open .dropdown-toggle .btn-flat:hover,
.open .dropdown-toggle .btn-flat:active,
.open .dropdown-toggle .btn-flat.active,
.open >
.open .dropdown-toggle .btn-flat.dropdown-toggle {
  background-color: #e6e6e6;
  border-color: #8e8e8e;
  color: inherit;
}

.btn-flat:hover.disabled:hover, .btn-flat:hover.disabled:focus, .btn-flat:hover.disabled.focus, .btn-flat:hover[disabled]:hover, .btn-flat:hover[disabled]:focus, .btn-flat:hover[disabled].focus,
fieldset[disabled] .btn-flat:hover:hover,
fieldset[disabled] .btn-flat:hover:focus,
fieldset[disabled] .btn-flat:hover.focus, .btn-flat:focus.disabled:hover, .btn-flat:focus.disabled:focus, .btn-flat:focus.disabled.focus, .btn-flat:focus[disabled]:hover, .btn-flat:focus[disabled]:focus, .btn-flat:focus[disabled].focus,
fieldset[disabled] .btn-flat:focus:hover,
fieldset[disabled] .btn-flat:focus:focus,
fieldset[disabled] .btn-flat:focus.focus,
.open .dropdown-toggle .btn-flat.disabled:hover,
.open .dropdown-toggle .btn-flat.disabled:focus,
.open .dropdown-toggle .btn-flat.disabled.focus,
.open .dropdown-toggle .btn-flat[disabled]:hover,
.open .dropdown-toggle .btn-flat[disabled]:focus,
.open .dropdown-toggle .btn-flat[disabled].focus,
fieldset[disabled]
.open .dropdown-toggle .btn-flat:hover,
fieldset[disabled]
.open .dropdown-toggle .btn-flat:focus,
fieldset[disabled]
.open .dropdown-toggle .btn-flat.focus {
  background-color: #ffffff;
  border-color: #adadad;
}

.btn-flat:hover .icon-inline, .btn-flat:focus .icon-inline,
.open .dropdown-toggle .btn-flat .icon-inline {
  fill: #4d4d4d;
}

.btn-flat:active, .btn-flat.active {
  background-color: rgba(12, 12, 12, 0.25);
  border-color: transparent;
  color: white;
}

.btn-link {
  color: #29abe2;
  background-color: transparent;
  border-color: transparent;
  fill: #29abe2;
}

.btn-link:focus, .btn-link.focus, .btn-link:hover, .btn-link:active, .btn-link.active,
.open > .btn-link.dropdown-toggle {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
  color: #29abe2;
}

.btn-link.disabled:hover, .btn-link.disabled:focus, .btn-link.disabled.focus, .btn-link[disabled]:hover, .btn-link[disabled]:focus, .btn-link[disabled].focus,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link.focus {
  background-color: transparent;
  border-color: transparent;
}

.btn-link:hover, .btn-link:focus {
  color: #178ab4;
  fill: #178ab4;
  text-decoration: none;
}

.btn-link[disabled]:hover, .btn-link[disabled]:focus {
  color: #777;
}

.btn--with-bgicon {
  color: #fff;
}

.btn--facebook {
  color: #fff;
  background-color: #3b5998;
  border-color: #3b5998;
  fill: #fff;
}

.btn--facebook:focus, .btn--facebook.focus, .btn--facebook:hover, .btn--facebook:active, .btn--facebook.active,
.open > .btn--facebook.dropdown-toggle {
  background-color: #2d4373;
  border-color: #2a3f6c;
  color: #fff;
}

.btn--facebook.disabled:hover, .btn--facebook.disabled:focus, .btn--facebook.disabled.focus, .btn--facebook[disabled]:hover, .btn--facebook[disabled]:focus, .btn--facebook[disabled].focus,
fieldset[disabled] .btn--facebook:hover,
fieldset[disabled] .btn--facebook:focus,
fieldset[disabled] .btn--facebook.focus {
  background-color: #3b5998;
  border-color: #3b5998;
}

.btn--linkedin {
  color: #fff;
  background-color: #0077b5;
  border-color: #0077b5;
  fill: #fff;
}

.btn--linkedin:focus, .btn--linkedin.focus, .btn--linkedin:hover, .btn--linkedin:active, .btn--linkedin.active,
.open > .btn--linkedin.dropdown-toggle {
  background-color: #005582;
  border-color: #004f78;
  color: #fff;
}

.btn--linkedin.disabled:hover, .btn--linkedin.disabled:focus, .btn--linkedin.disabled.focus, .btn--linkedin[disabled]:hover, .btn--linkedin[disabled]:focus, .btn--linkedin[disabled].focus,
fieldset[disabled] .btn--linkedin:hover,
fieldset[disabled] .btn--linkedin:focus,
fieldset[disabled] .btn--linkedin.focus {
  background-color: #0077b5;
  border-color: #0077b5;
}

.btn--google {
  color: #fff;
  background-color: #d34836;
  border-color: #d34836;
  fill: #fff;
}

.btn--google:focus, .btn--google.focus, .btn--google:hover, .btn--google:active, .btn--google.active,
.open > .btn--google.dropdown-toggle {
  background-color: #b03626;
  border-color: #a73425;
  color: #fff;
}

.btn--google.disabled:hover, .btn--google.disabled:focus, .btn--google.disabled.focus, .btn--google[disabled]:hover, .btn--google[disabled]:focus, .btn--google[disabled].focus,
fieldset[disabled] .btn--google:hover,
fieldset[disabled] .btn--google:focus,
fieldset[disabled] .btn--google.focus {
  background-color: #d34836;
  border-color: #d34836;
}

.btn--twitter {
  color: #fff;
  background-color: #1da1f2;
  border-color: #1da1f2;
  fill: #fff;
}

.btn--twitter:focus, .btn--twitter.focus, .btn--twitter:hover, .btn--twitter:active, .btn--twitter.active,
.open > .btn--twitter.dropdown-toggle {
  background-color: #0c85d0;
  border-color: #0b7fc6;
  color: #fff;
}

.btn--twitter.disabled:hover, .btn--twitter.disabled:focus, .btn--twitter.disabled.focus, .btn--twitter[disabled]:hover, .btn--twitter[disabled]:focus, .btn--twitter[disabled].focus,
fieldset[disabled] .btn--twitter:hover,
fieldset[disabled] .btn--twitter:focus,
fieldset[disabled] .btn--twitter.focus {
  background-color: #1da1f2;
  border-color: #1da1f2;
}

.btn-sm {
  border-radius: 8px;
}

.btn-xs {
  border-radius: 5px;
}

.shariff-button {
  border-radius: 10px;
}

File

themes/socialblue/assets/css/button.css
View source 
  1. .btn {

  2.   border-radius: 10px;

  3. }

  4. 

  5. .btn.btn-floating {

  6.   border-radius: 50%;

  7. }

  8. 

  9. .btn-default {

  10.   color: #4d4d4d;

  11.   background-color: #ffffff;

  12.   border-color: #adadad;

  13.   fill: #4d4d4d;

  14. }

  15. 

  16. .btn-default:focus, .btn-default.focus, .btn-default:hover, .btn-default:active, .btn-default.active,

  17. .open > .btn-default.dropdown-toggle {

  18.   background-color: #e6e6e6;

  19.   border-color: #8e8e8e;

  20.   color: #4d4d4d;

  21. }

  22. 

  23. .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus,

  24. fieldset[disabled] .btn-default:hover,

  25. fieldset[disabled] .btn-default:focus,

  26. fieldset[disabled] .btn-default.focus {

  27.   background-color: #ffffff;

  28.   border-color: #adadad;

  29. }

  30. 

  31. .btn-primary {

  32.   color: #ffffff;

  33.   background-color: #29abe2;

  34.   border-color: #29abe2;

  35.   fill: #ffffff;

  36. }

  37. 

  38. .btn-primary:focus, .btn-primary.focus, .btn-primary:hover, .btn-primary:active, .btn-primary.active,

  39. .open > .btn-primary.dropdown-toggle {

  40.   background-color: #1a8dbe;

  41.   border-color: #1987b5;

  42.   color: #ffffff;

  43. }

  44. 

  45. .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus,

  46. fieldset[disabled] .btn-primary:hover,

  47. fieldset[disabled] .btn-primary:focus,

  48. fieldset[disabled] .btn-primary.focus {

  49.   background-color: #29abe2;

  50.   border-color: #29abe2;

  51. }

  52. 

  53. .btn-secondary {

  54.   color: #ffffff;

  55.   background-color: #1f80aa;

  56.   border-color: #1f80aa;

  57.   fill: #ffffff;

  58. }

  59. 

  60. .btn-secondary:focus, .btn-secondary.focus, .btn-secondary:hover, .btn-secondary:active, .btn-secondary.active,

  61. .open > .btn-secondary.dropdown-toggle {

  62.   background-color: #17607f;

  63.   border-color: #165976;

  64.   color: #ffffff;

  65. }

  66. 

  67. .btn-secondary.disabled:hover, .btn-secondary.disabled:focus, .btn-secondary.disabled.focus, .btn-secondary[disabled]:hover, .btn-secondary[disabled]:focus, .btn-secondary[disabled].focus,

  68. fieldset[disabled] .btn-secondary:hover,

  69. fieldset[disabled] .btn-secondary:focus,

  70. fieldset[disabled] .btn-secondary.focus {

  71.   background-color: #1f80aa;

  72.   border-color: #1f80aa;

  73. }

  74. 

  75. .btn-accent {

  76.   color: #333333;

  77.   background-color: #ffc142;

  78.   border-color: #ffc142;

  79.   fill: #333333;

  80.   fill: #333333;

  81. }

  82. 

  83. .btn-accent:focus, .btn-accent.focus, .btn-accent:hover, .btn-accent:active, .btn-accent.active,

  84. .open > .btn-accent.dropdown-toggle {

  85.   background-color: #ffb00f;

  86.   border-color: #ffad05;

  87.   color: #333333;

  88. }

  89. 

  90. .btn-accent.disabled:hover, .btn-accent.disabled:focus, .btn-accent.disabled.focus, .btn-accent[disabled]:hover, .btn-accent[disabled]:focus, .btn-accent[disabled].focus,

  91. fieldset[disabled] .btn-accent:hover,

  92. fieldset[disabled] .btn-accent:focus,

  93. fieldset[disabled] .btn-accent.focus {

  94.   background-color: #ffc142;

  95.   border-color: #ffc142;

  96. }

  97. 

  98. .btn-flat {

  99.   color: #29abe2;

  100.   background-color: transparent;

  101.   border-color: transparent;

  102.   fill: #29abe2;

  103.   fill: #29abe2;

  104.   white-space: normal;

  105. }

  106. 

  107. .btn-flat:focus, .btn-flat.focus, .btn-flat:hover, .btn-flat:active, .btn-flat.active,

  108. .open > .btn-flat.dropdown-toggle {

  109.   background-color: rgba(0, 0, 0, 0);

  110.   border-color: rgba(0, 0, 0, 0);

  111.   color: #29abe2;

  112. }

  113. 

  114. .btn-flat.disabled:hover, .btn-flat.disabled:focus, .btn-flat.disabled.focus, .btn-flat[disabled]:hover, .btn-flat[disabled]:focus, .btn-flat[disabled].focus,

  115. fieldset[disabled] .btn-flat:hover,

  116. fieldset[disabled] .btn-flat:focus,

  117. fieldset[disabled] .btn-flat.focus {

  118.   background-color: transparent;

  119.   border-color: transparent;

  120. }

  121. 

  122. .btn-flat:hover, .btn-flat:focus,

  123. .open .dropdown-toggle .btn-flat {

  124.   color: inherit;

  125.   background-color: #ffffff;

  126.   border-color: #adadad;

  127.   fill: inherit;

  128.   color: #1a8dbe;

  129.   fill: #1a8dbe;

  130. }

  131. 

  132. .btn-flat:hover:focus, .btn-flat:hover.focus, .btn-flat:hover:hover, .btn-flat:hover:active, .btn-flat:hover.active,

  133. .open > .btn-flat:hover.dropdown-toggle, .btn-flat:focus:focus, .btn-flat:focus.focus, .btn-flat:focus:hover, .btn-flat:focus:active, .btn-flat:focus.active,

  134. .open > .btn-flat:focus.dropdown-toggle,

  135. .open .dropdown-toggle .btn-flat:focus,

  136. .open .dropdown-toggle .btn-flat.focus,

  137. .open .dropdown-toggle .btn-flat:hover,

  138. .open .dropdown-toggle .btn-flat:active,

  139. .open .dropdown-toggle .btn-flat.active,

  140. .open >

  141. .open .dropdown-toggle .btn-flat.dropdown-toggle {

  142.   background-color: #e6e6e6;

  143.   border-color: #8e8e8e;

  144.   color: inherit;

  145. }

  146. 

  147. .btn-flat:hover.disabled:hover, .btn-flat:hover.disabled:focus, .btn-flat:hover.disabled.focus, .btn-flat:hover[disabled]:hover, .btn-flat:hover[disabled]:focus, .btn-flat:hover[disabled].focus,

  148. fieldset[disabled] .btn-flat:hover:hover,

  149. fieldset[disabled] .btn-flat:hover:focus,

  150. fieldset[disabled] .btn-flat:hover.focus, .btn-flat:focus.disabled:hover, .btn-flat:focus.disabled:focus, .btn-flat:focus.disabled.focus, .btn-flat:focus[disabled]:hover, .btn-flat:focus[disabled]:focus, .btn-flat:focus[disabled].focus,

  151. fieldset[disabled] .btn-flat:focus:hover,

  152. fieldset[disabled] .btn-flat:focus:focus,

  153. fieldset[disabled] .btn-flat:focus.focus,

  154. .open .dropdown-toggle .btn-flat.disabled:hover,

  155. .open .dropdown-toggle .btn-flat.disabled:focus,

  156. .open .dropdown-toggle .btn-flat.disabled.focus,

  157. .open .dropdown-toggle .btn-flat[disabled]:hover,

  158. .open .dropdown-toggle .btn-flat[disabled]:focus,

  159. .open .dropdown-toggle .btn-flat[disabled].focus,

  160. fieldset[disabled]

  161. .open .dropdown-toggle .btn-flat:hover,

  162. fieldset[disabled]

  163. .open .dropdown-toggle .btn-flat:focus,

  164. fieldset[disabled]

  165. .open .dropdown-toggle .btn-flat.focus {

  166.   background-color: #ffffff;

  167.   border-color: #adadad;

  168. }

  169. 

  170. .btn-flat:hover .icon-inline, .btn-flat:focus .icon-inline,

  171. .open .dropdown-toggle .btn-flat .icon-inline {

  172.   fill: #4d4d4d;

  173. }

  174. 

  175. .btn-flat:active, .btn-flat.active {

  176.   background-color: rgba(12, 12, 12, 0.25);

  177.   border-color: transparent;

  178.   color: white;

  179. }

  180. 

  181. .btn-link {

  182.   color: #29abe2;

  183.   background-color: transparent;

  184.   border-color: transparent;

  185.   fill: #29abe2;

  186. }

  187. 

  188. .btn-link:focus, .btn-link.focus, .btn-link:hover, .btn-link:active, .btn-link.active,

  189. .open > .btn-link.dropdown-toggle {

  190.   background-color: rgba(0, 0, 0, 0);

  191.   border-color: rgba(0, 0, 0, 0);

  192.   color: #29abe2;

  193. }

  194. 

  195. .btn-link.disabled:hover, .btn-link.disabled:focus, .btn-link.disabled.focus, .btn-link[disabled]:hover, .btn-link[disabled]:focus, .btn-link[disabled].focus,

  196. fieldset[disabled] .btn-link:hover,

  197. fieldset[disabled] .btn-link:focus,

  198. fieldset[disabled] .btn-link.focus {

  199.   background-color: transparent;

  200.   border-color: transparent;

  201. }

  202. 

  203. .btn-link:hover, .btn-link:focus {

  204.   color: #178ab4;

  205.   fill: #178ab4;

  206.   text-decoration: none;

  207. }

  208. 

  209. .btn-link[disabled]:hover, .btn-link[disabled]:focus {

  210.   color: #777;

  211. }

  212. 

  213. .btn--with-bgicon {

  214.   color: #fff;

  215. }

  216. 

  217. .btn--facebook {

  218.   color: #fff;

  219.   background-color: #3b5998;

  220.   border-color: #3b5998;

  221.   fill: #fff;

  222. }

  223. 

  224. .btn--facebook:focus, .btn--facebook.focus, .btn--facebook:hover, .btn--facebook:active, .btn--facebook.active,

  225. .open > .btn--facebook.dropdown-toggle {

  226.   background-color: #2d4373;

  227.   border-color: #2a3f6c;

  228.   color: #fff;

  229. }

  230. 

  231. .btn--facebook.disabled:hover, .btn--facebook.disabled:focus, .btn--facebook.disabled.focus, .btn--facebook[disabled]:hover, .btn--facebook[disabled]:focus, .btn--facebook[disabled].focus,

  232. fieldset[disabled] .btn--facebook:hover,

  233. fieldset[disabled] .btn--facebook:focus,

  234. fieldset[disabled] .btn--facebook.focus {

  235.   background-color: #3b5998;

  236.   border-color: #3b5998;

  237. }

  238. 

  239. .btn--linkedin {

  240.   color: #fff;

  241.   background-color: #0077b5;

  242.   border-color: #0077b5;

  243.   fill: #fff;

  244. }

  245. 

  246. .btn--linkedin:focus, .btn--linkedin.focus, .btn--linkedin:hover, .btn--linkedin:active, .btn--linkedin.active,

  247. .open > .btn--linkedin.dropdown-toggle {

  248.   background-color: #005582;

  249.   border-color: #004f78;

  250.   color: #fff;

  251. }

  252. 

  253. .btn--linkedin.disabled:hover, .btn--linkedin.disabled:focus, .btn--linkedin.disabled.focus, .btn--linkedin[disabled]:hover, .btn--linkedin[disabled]:focus, .btn--linkedin[disabled].focus,

  254. fieldset[disabled] .btn--linkedin:hover,

  255. fieldset[disabled] .btn--linkedin:focus,

  256. fieldset[disabled] .btn--linkedin.focus {

  257.   background-color: #0077b5;

  258.   border-color: #0077b5;

  259. }

  260. 

  261. .btn--google {

  262.   color: #fff;

  263.   background-color: #d34836;

  264.   border-color: #d34836;

  265.   fill: #fff;

  266. }

  267. 

  268. .btn--google:focus, .btn--google.focus, .btn--google:hover, .btn--google:active, .btn--google.active,

  269. .open > .btn--google.dropdown-toggle {

  270.   background-color: #b03626;

  271.   border-color: #a73425;

  272.   color: #fff;

  273. }

  274. 

  275. .btn--google.disabled:hover, .btn--google.disabled:focus, .btn--google.disabled.focus, .btn--google[disabled]:hover, .btn--google[disabled]:focus, .btn--google[disabled].focus,

  276. fieldset[disabled] .btn--google:hover,

  277. fieldset[disabled] .btn--google:focus,

  278. fieldset[disabled] .btn--google.focus {

  279.   background-color: #d34836;

  280.   border-color: #d34836;

  281. }

  282. 

  283. .btn--twitter {

  284.   color: #fff;

  285.   background-color: #1da1f2;

  286.   border-color: #1da1f2;

  287.   fill: #fff;

  288. }

  289. 

  290. .btn--twitter:focus, .btn--twitter.focus, .btn--twitter:hover, .btn--twitter:active, .btn--twitter.active,

  291. .open > .btn--twitter.dropdown-toggle {

  292.   background-color: #0c85d0;

  293.   border-color: #0b7fc6;

  294.   color: #fff;

  295. }

  296. 

  297. .btn--twitter.disabled:hover, .btn--twitter.disabled:focus, .btn--twitter.disabled.focus, .btn--twitter[disabled]:hover, .btn--twitter[disabled]:focus, .btn--twitter[disabled].focus,

  298. fieldset[disabled] .btn--twitter:hover,

  299. fieldset[disabled] .btn--twitter:focus,

  300. fieldset[disabled] .btn--twitter.focus {

  301.   background-color: #1da1f2;

  302.   border-color: #1da1f2;

  303. }

  304. 

  305. .btn-sm {

  306.   border-radius: 8px;

  307. }

  308. 

  309. .btn-xs {

  310.   border-radius: 5px;

  311. }

  312. 

  313. .shariff-button {

  314.   border-radius: 10px;

  315. }