You are here

input-groups.css in Open Social 8.6

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
  max-width: 23rem;
}

.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}

.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}

.input-group .form-control:focus {
  z-index: 3;
}

.input-group .form-control:focus ~ .input-group-addon {
  outline: 0;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

.input-group-addon {
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  padding: 6px 12px;
  font-size: 16px;
  font-weight: normal;
  line-height: 1;
  text-align: center;
}

.input-group-addon:first-child {
  border-right: 0;
}

.input-group-addon:last-child {
  border-left: 0;
}

.input-group .form-control:first-child,
.input-group-addon:first-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.input-group .form-control:last-child,
.input-group-addon:last-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.input-group-expanded {
  max-width: none;
}

.form-disabled .input-group-addon {
  background-color: #fff;
}

File

themes/socialbase/assets/css/input-groups.css
View source
  1. .input-group {
  2. position: relative;
  3. display: table;
  4. border-collapse: separate;
  5. max-width: 23rem;
  6. }
  7. .input-group[class*="col-"] {
  8. float: none;
  9. padding-left: 0;
  10. padding-right: 0;
  11. }
  12. .input-group .form-control {
  13. position: relative;
  14. z-index: 2;
  15. float: left;
  16. width: 100%;
  17. margin-bottom: 0;
  18. }
  19. .input-group .form-control:focus {
  20. z-index: 3;
  21. }
  22. .input-group .form-control:focus ~ .input-group-addon {
  23. outline: 0;
  24. }
  25. .input-group-addon,
  26. .input-group-btn,
  27. .input-group .form-control {
  28. display: table-cell;
  29. }
  30. .input-group-addon:not(:first-child):not(:last-child),
  31. .input-group-btn:not(:first-child):not(:last-child),
  32. .input-group .form-control:not(:first-child):not(:last-child) {
  33. border-radius: 0;
  34. }
  35. .input-group-addon,
  36. .input-group-btn {
  37. width: 1%;
  38. white-space: nowrap;
  39. vertical-align: middle;
  40. }
  41. .input-group-addon {
  42. -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  43. transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  44. transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  45. transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  46. padding: 6px 12px;
  47. font-size: 16px;
  48. font-weight: normal;
  49. line-height: 1;
  50. text-align: center;
  51. }
  52. .input-group-addon:first-child {
  53. border-right: 0;
  54. }
  55. .input-group-addon:last-child {
  56. border-left: 0;
  57. }
  58. .input-group .form-control:first-child,
  59. .input-group-addon:first-child {
  60. border-bottom-right-radius: 0;
  61. border-top-right-radius: 0;
  62. }
  63. .input-group .form-control:last-child,
  64. .input-group-addon:last-child {
  65. border-bottom-left-radius: 0;
  66. border-top-left-radius: 0;
  67. }
  68. .input-group-expanded {
  69. max-width: none;
  70. }
  71. .form-disabled .input-group-addon {
  72. background-color: #fff;
  73. }