You are here

Home » API reference » Open Social 8

button.css in Open Social 8

Same filename in this branch
  1. 8 themes/socialblue/assets/css/button.css
  2. 8 themes/socialbase/assets/css/button.css
Same filename and directory in other branches
  1. 8.9 themes/socialbase/assets/css/button.css
  2. 8.2 themes/socialbase/assets/css/button.css
  3. 8.3 themes/socialbase/assets/css/button.css
  4. 8.4 themes/socialbase/assets/css/button.css
  5. 8.5 themes/socialbase/assets/css/button.css
  6. 8.6 themes/socialbase/assets/css/button.css
  7. 8.7 themes/socialbase/assets/css/button.css
  8. 8.8 themes/socialbase/assets/css/button.css
[role="button"] {
  cursor: pointer;
}

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  padding: 6px 12px;
  font-size: 0.875rem;
  line-height: 1.5;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-transform: uppercase;
  -webkit-transition: .3s ease-out;
  transition: .3s ease-out;
  outline: 0;
}

.btn + .btn {
  margin-left: 5px;
}

.btn + .btn-block {
  margin-left: 0;
}

.btn .caret {
  margin-left: 3px;
}

.btn:hover, .btn:focus, .btn.focus {
  text-decoration: none;
  outline: 0;
}

.btn:active, .btn.active {
  background-image: none;
}

.btn.disabled, .btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: .65;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn a {
  font-weight: normal;
}

.btn-non-clickable.disabled,
fieldset[disabled] .btn-non-clickable,
a.btn.disabled,
fieldset[disabled]
a.btn {
  pointer-events: none;
}

.btn-link {
  font-weight: normal;
}

.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], .btn-link:hover, .btn-link:focus,
fieldset[disabled] .btn-link {
  background-color: transparent;
  border-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-link[disabled]:hover, .btn-link[disabled]:focus,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus {
  text-decoration: none;
}

.btn--with-bgicon {
  padding-left: 32px;
  background-size: 16px 16px;
  background-position: 10px 8px;
  background-repeat: no-repeat;
}

.btn--facebook {
  background-image: url("../images/icons/icon-facebook.svg");
}

.btn--linkedin {
  background-image: url("../images/icons/icon-linkedin.svg");
}

.btn--google {
  background-image: url("../images/icons/icon-google.svg");
}

.btn--twitter {
  background-image: url("../images/icons/icon-twitter.svg");
}

.fieldset-wrapper > .btn {
  margin: 5px 5px 5px 0;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 1rem;
  line-height: 1.33333;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 0.75rem;
  line-height: 1.5;
}

.btn-sm .glyphicon:before, .btn-group-sm > .btn .glyphicon:before {
  width: 13px;
  height: 13px;
}

.btn-xs, .btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 0.75rem;
  line-height: 1.5;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.btn.pull-right + .btn {
  margin-left: 0;
}

.btn-raised {
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
  -webkit-transition: .15s ease-out, -webkit-box-shadow;
  transition: .15s ease-out, -webkit-box-shadow;
  transition: box-shadow, .15s ease-out;
  transition: box-shadow, .15s ease-out, -webkit-box-shadow;
}

.btn-raised:active, .btn-raised.active, .btn-raised:hover {
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.16), 0 6px 12px rgba(0, 0, 0, 0.32);
          box-shadow: 0 0 6px rgba(0, 0, 0, 0.16), 0 6px 12px rgba(0, 0, 0, 0.32);
}

.btn-raised.disabled, .btn-raised[disabled] {
  -webkit-box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
          box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
}

.btn-icon-toggle {
  background-color: transparent;
  border-radius: 50% !important;
  padding: 4px;
}

.btn-icon-toggle:hover, .btn-icon-toggle:focus {
  background-color: rgba(0, 0, 0, 0.07);
  border-color: transparent;
}

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

.btn-icon {
  font-size: 1.00012rem;
  line-height: 21px;
  height: 21px;
  width: 21px;
  vertical-align: bottom;
}

.btn-iconized {
  line-height: 12px;
}

.btn-iconized .icon-inline {
  fill: inherit;
  width: 24px;
  height: 24px;
  line-height: 24px;
}

.btn-floating {
  width: 38px;
  height: 38px;
  padding: 7px;
  border-radius: 50%;
  border: 0;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
          box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
}

.btn-floating:active, .btn-floating.active, .btn-floating:hover {
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.16), 0 6px 12px rgba(0, 0, 0, 0.32);
          box-shadow: 0 0 6px rgba(0, 0, 0, 0.16), 0 6px 12px rgba(0, 0, 0, 0.32);
}

.btn-floating.btn-lg, .btn-group-lg > .btn-floating.btn {
  width: 52px;
  height: 52px;
}

.btn-floating.disabled, .btn-floating[disabled] {
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
          box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}

.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}

.btn-toolbar {
  margin-left: -5px;
}

.btn-toolbar:before, .btn-toolbar:after {
  content: " ";
  display: table;
}

.btn-toolbar:after {
  clear: both;
}

.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}

.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}

.btn-group > .btn:first-child {
  margin-left: 0;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group > .btn-group {
  float: left;
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}

.btn-group > .btn-sm + .dropdown-toggle, .btn-group-sm.btn-group > .btn + .dropdown-toggle {
  padding-left: 6px;
  padding-right: 6px;
}

.btn-group > .btn-xs + .dropdown-toggle, .btn-group-xs.btn-group > .btn + .dropdown-toggle {
  padding-left: 4px;
  padding-right: 4px;
}

.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-lg .caret, .btn-group-lg > .btn .caret {
  border-width: 5px 5px 0;
}

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
  border-width: 0 5px 5px;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}

.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
  content: " ";
  display: table;
}

.btn-group-vertical > .btn-group:after {
  clear: both;
}

.btn-group-vertical > .btn-group > .btn {
  float: none;
}

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}

.btn-group--operations {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.block-group-add-event-block,
.block-group-add-topic-block,
.block-event-add-block,
.block-topic-add-block,
.block-group-add-block {
  display: inline-block;
}

@media (min-width: 900px) {
  .block-group-add-event-block,
  .block-group-add-topic-block,
  .block-event-add-block,
  .block-topic-add-block,
  .block-group-add-block {
    display: block;
  }
  .block-group-add-event-block .btn,
  .block-group-add-topic-block .btn,
  .block-event-add-block .btn,
  .block-topic-add-block .btn,
  .block-group-add-block .btn {
    width: 100%;
    margin-bottom: 0.75rem;
  }
}

File

themes/socialbase/assets/css/button.css
View source 
  1. [role="button"] {

  2.   cursor: pointer;

  3. }

  4. 

  5. .btn {

  6.   display: inline-block;

  7.   margin-bottom: 0;

  8.   font-weight: normal;

  9.   text-align: center;

  10.   vertical-align: middle;

  11.   -ms-touch-action: manipulation;

  12.       touch-action: manipulation;

  13.   cursor: pointer;

  14.   background-image: none;

  15.   border: 1px solid transparent;

  16.   padding: 6px 12px;

  17.   font-size: 0.875rem;

  18.   line-height: 1.5;

  19.   -webkit-user-select: none;

  20.      -moz-user-select: none;

  21.       -ms-user-select: none;

  22.           user-select: none;

  23.   text-transform: uppercase;

  24.   -webkit-transition: .3s ease-out;

  25.   transition: .3s ease-out;

  26.   outline: 0;

  27. }

  28. 

  29. .btn + .btn {

  30.   margin-left: 5px;

  31. }

  32. 

  33. .btn + .btn-block {

  34.   margin-left: 0;

  35. }

  36. 

  37. .btn .caret {

  38.   margin-left: 3px;

  39. }

  40. 

  41. .btn:hover, .btn:focus, .btn.focus {

  42.   text-decoration: none;

  43.   outline: 0;

  44. }

  45. 

  46. .btn:active, .btn.active {

  47.   background-image: none;

  48. }

  49. 

  50. .btn.disabled, .btn[disabled],

  51. fieldset[disabled] .btn {

  52.   cursor: not-allowed;

  53.   opacity: .65;

  54.   -webkit-box-shadow: none;

  55.           box-shadow: none;

  56. }

  57. 

  58. .btn a {

  59.   font-weight: normal;

  60. }

  61. 

  62. .btn-non-clickable.disabled,

  63. fieldset[disabled] .btn-non-clickable,

  64. a.btn.disabled,

  65. fieldset[disabled]

  66. a.btn {

  67.   pointer-events: none;

  68. }

  69. 

  70. .btn-link {

  71.   font-weight: normal;

  72. }

  73. 

  74. .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], .btn-link:hover, .btn-link:focus,

  75. fieldset[disabled] .btn-link {

  76.   background-color: transparent;

  77.   border-color: transparent;

  78.   -webkit-box-shadow: none;

  79.           box-shadow: none;

  80. }

  81. 

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

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

  84. fieldset[disabled] .btn-link:focus {

  85.   text-decoration: none;

  86. }

  87. 

  88. .btn--with-bgicon {

  89.   padding-left: 32px;

  90.   background-size: 16px 16px;

  91.   background-position: 10px 8px;

  92.   background-repeat: no-repeat;

  93. }

  94. 

  95. .btn--facebook {

  96.   background-image: url("../images/icons/icon-facebook.svg");

  97. }

  98. 

  99. .btn--linkedin {

  100.   background-image: url("../images/icons/icon-linkedin.svg");

  101. }

  102. 

  103. .btn--google {

  104.   background-image: url("../images/icons/icon-google.svg");

  105. }

  106. 

  107. .btn--twitter {

  108.   background-image: url("../images/icons/icon-twitter.svg");

  109. }

  110. 

  111. .fieldset-wrapper > .btn {

  112.   margin: 5px 5px 5px 0;

  113. }

  114. 

  115. .btn-lg, .btn-group-lg > .btn {

  116.   padding: 10px 16px;

  117.   font-size: 1rem;

  118.   line-height: 1.33333;

  119. }

  120. 

  121. .btn-sm, .btn-group-sm > .btn {

  122.   padding: 5px 10px;

  123.   font-size: 0.75rem;

  124.   line-height: 1.5;

  125. }

  126. 

  127. .btn-sm .glyphicon:before, .btn-group-sm > .btn .glyphicon:before {

  128.   width: 13px;

  129.   height: 13px;

  130. }

  131. 

  132. .btn-xs, .btn-group-xs > .btn {

  133.   padding: 1px 5px;

  134.   font-size: 0.75rem;

  135.   line-height: 1.5;

  136. }

  137. 

  138. .btn-block {

  139.   display: block;

  140.   width: 100%;

  141. }

  142. 

  143. .btn-block + .btn-block {

  144.   margin-top: 5px;

  145. }

  146. 

  147. input[type="submit"].btn-block,

  148. input[type="reset"].btn-block,

  149. input[type="button"].btn-block {

  150.   width: 100%;

  151. }

  152. 

  153. .btn.pull-right + .btn {

  154.   margin-left: 0;

  155. }

  156. 

  157. .btn-raised {

  158.   -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);

  159.           box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);

  160.   -webkit-transition: .15s ease-out, -webkit-box-shadow;

  161.   transition: .15s ease-out, -webkit-box-shadow;

  162.   transition: box-shadow, .15s ease-out;

  163.   transition: box-shadow, .15s ease-out, -webkit-box-shadow;

  164. }

  165. 

  166. .btn-raised:active, .btn-raised.active, .btn-raised:hover {

  167.   -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.16), 0 6px 12px rgba(0, 0, 0, 0.32);

  168.           box-shadow: 0 0 6px rgba(0, 0, 0, 0.16), 0 6px 12px rgba(0, 0, 0, 0.32);

  169. }

  170. 

  171. .btn-raised.disabled, .btn-raised[disabled] {

  172.   -webkit-box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);

  173.           box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);

  174. }

  175. 

  176. .btn-icon-toggle {

  177.   background-color: transparent;

  178.   border-radius: 50% !important;

  179.   padding: 4px;

  180. }

  181. 

  182. .btn-icon-toggle:hover, .btn-icon-toggle:focus {

  183.   background-color: rgba(0, 0, 0, 0.07);

  184.   border-color: transparent;

  185. }

  186. 

  187. .btn-icon-toggle:active, .btn-icon-toggle.active {

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

  189.   border-color: transparent;

  190. }

  191. 

  192. .btn-icon {

  193.   font-size: 1.00012rem;

  194.   line-height: 21px;

  195.   height: 21px;

  196.   width: 21px;

  197.   vertical-align: bottom;

  198. }

  199. 

  200. .btn-iconized {

  201.   line-height: 12px;

  202. }

  203. 

  204. .btn-iconized .icon-inline {

  205.   fill: inherit;

  206.   width: 24px;

  207.   height: 24px;

  208.   line-height: 24px;

  209. }

  210. 

  211. .btn-floating {

  212.   width: 38px;

  213.   height: 38px;

  214.   padding: 7px;

  215.   border-radius: 50%;

  216.   border: 0;

  217.   -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);

  218.           box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);

  219. }

  220. 

  221. .btn-floating:active, .btn-floating.active, .btn-floating:hover {

  222.   -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.16), 0 6px 12px rgba(0, 0, 0, 0.32);

  223.           box-shadow: 0 0 6px rgba(0, 0, 0, 0.16), 0 6px 12px rgba(0, 0, 0, 0.32);

  224. }

  225. 

  226. .btn-floating.btn-lg, .btn-group-lg > .btn-floating.btn {

  227.   width: 52px;

  228.   height: 52px;

  229. }

  230. 

  231. .btn-floating.disabled, .btn-floating[disabled] {

  232.   -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);

  233.           box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);

  234. }

  235. 

  236. .btn-group,

  237. .btn-group-vertical {

  238.   position: relative;

  239.   display: inline-block;

  240.   vertical-align: middle;

  241. }

  242. 

  243. .btn-group > .btn,

  244. .btn-group-vertical > .btn {

  245.   position: relative;

  246.   float: left;

  247. }

  248. 

  249. .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,

  250. .btn-group-vertical > .btn:hover,

  251. .btn-group-vertical > .btn:focus,

  252. .btn-group-vertical > .btn:active,

  253. .btn-group-vertical > .btn.active {

  254.   z-index: 2;

  255. }

  256. 

  257. .btn-group .btn + .btn,

  258. .btn-group .btn + .btn-group,

  259. .btn-group .btn-group + .btn,

  260. .btn-group .btn-group + .btn-group {

  261.   margin-left: -1px;

  262. }

  263. 

  264. .btn-toolbar {

  265.   margin-left: -5px;

  266. }

  267. 

  268. .btn-toolbar:before, .btn-toolbar:after {

  269.   content: " ";

  270.   display: table;

  271. }

  272. 

  273. .btn-toolbar:after {

  274.   clear: both;

  275. }

  276. 

  277. .btn-toolbar .btn,

  278. .btn-toolbar .btn-group,

  279. .btn-toolbar .input-group {

  280.   float: left;

  281. }

  282. 

  283. .btn-toolbar > .btn,

  284. .btn-toolbar > .btn-group,

  285. .btn-toolbar > .input-group {

  286.   margin-left: 5px;

  287. }

  288. 

  289. .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {

  290.   border-radius: 0;

  291. }

  292. 

  293. .btn-group > .btn:first-child {

  294.   margin-left: 0;

  295. }

  296. 

  297. .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {

  298.   border-bottom-right-radius: 0;

  299.   border-top-right-radius: 0;

  300. }

  301. 

  302. .btn-group > .btn:last-child:not(:first-child),

  303. .btn-group > .dropdown-toggle:not(:first-child) {

  304.   border-bottom-left-radius: 0;

  305.   border-top-left-radius: 0;

  306. }

  307. 

  308. .btn-group > .btn-group {

  309.   float: left;

  310. }

  311. 

  312. .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {

  313.   border-radius: 0;

  314. }

  315. 

  316. .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,

  317. .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {

  318.   border-bottom-right-radius: 0;

  319.   border-top-right-radius: 0;

  320. }

  321. 

  322. .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {

  323.   border-bottom-left-radius: 0;

  324.   border-top-left-radius: 0;

  325. }

  326. 

  327. .btn-group .dropdown-toggle:active,

  328. .btn-group.open .dropdown-toggle {

  329.   outline: 0;

  330. }

  331. 

  332. .btn-group > .btn + .dropdown-toggle {

  333.   padding-left: 8px;

  334.   padding-right: 8px;

  335. }

  336. 

  337. .btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {

  338.   padding-left: 12px;

  339.   padding-right: 12px;

  340. }

  341. 

  342. .btn-group > .btn-sm + .dropdown-toggle, .btn-group-sm.btn-group > .btn + .dropdown-toggle {

  343.   padding-left: 6px;

  344.   padding-right: 6px;

  345. }

  346. 

  347. .btn-group > .btn-xs + .dropdown-toggle, .btn-group-xs.btn-group > .btn + .dropdown-toggle {

  348.   padding-left: 4px;

  349.   padding-right: 4px;

  350. }

  351. 

  352. .btn-group.open .dropdown-toggle.btn-link {

  353.   -webkit-box-shadow: none;

  354.           box-shadow: none;

  355. }

  356. 

  357. .btn-lg .caret, .btn-group-lg > .btn .caret {

  358.   border-width: 5px 5px 0;

  359. }

  360. 

  361. .dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {

  362.   border-width: 0 5px 5px;

  363. }

  364. 

  365. .btn-group-vertical > .btn,

  366. .btn-group-vertical > .btn-group,

  367. .btn-group-vertical > .btn-group > .btn {

  368.   display: block;

  369.   float: none;

  370.   width: 100%;

  371.   max-width: 100%;

  372. }

  373. 

  374. .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {

  375.   content: " ";

  376.   display: table;

  377. }

  378. 

  379. .btn-group-vertical > .btn-group:after {

  380.   clear: both;

  381. }

  382. 

  383. .btn-group-vertical > .btn-group > .btn {

  384.   float: none;

  385. }

  386. 

  387. .btn-group-vertical > .btn + .btn,

  388. .btn-group-vertical > .btn + .btn-group,

  389. .btn-group-vertical > .btn-group + .btn,

  390. .btn-group-vertical > .btn-group + .btn-group {

  391.   margin-top: -1px;

  392.   margin-left: 0;

  393. }

  394. 

  395. .btn-group--operations {

  396.   width: 100%;

  397.   display: -webkit-box;

  398.   display: -ms-flexbox;

  399.   display: flex;

  400.   -webkit-box-pack: center;

  401.       -ms-flex-pack: center;

  402.           justify-content: center;

  403. }

  404. 

  405. .block-group-add-event-block,

  406. .block-group-add-topic-block,

  407. .block-event-add-block,

  408. .block-topic-add-block,

  409. .block-group-add-block {

  410.   display: inline-block;

  411. }

  412. 

  413. @media (min-width: 900px) {

  414.   .block-group-add-event-block,

  415.   .block-group-add-topic-block,

  416.   .block-event-add-block,

  417.   .block-topic-add-block,

  418.   .block-group-add-block {

  419.     display: block;

  420.   }

  421.   .block-group-add-event-block .btn,

  422.   .block-group-add-topic-block .btn,

  423.   .block-event-add-block .btn,

  424.   .block-topic-add-block .btn,

  425.   .block-group-add-block .btn {

  426.     width: 100%;

  427.     margin-bottom: 0.75rem;

  428.   }

  429. }