Subversion Repositories wimsdev

Rev

Rev 18321 | Blame | Compare with Previous | Last modification | View Log | RSS feed

  1. /** Grouped input styles */
  2.  
  3. /* WIMS custom styles */
  4.  
  5. /*
  6. .input-group{
  7.   justify-content: center;
  8. }
  9. */
  10.  
  11. /* Add border radius around group */
  12. div.input-group>:first-child {
  13.   border-radius: 5px 0 0 5px;
  14. }
  15.  
  16. div.input-group>:last-child,
  17. div.input-group>:last-child>button,
  18. div.input-group>:last-child>.button  {
  19.   border-radius: 0 5px 5px 0;
  20. }
  21.  
  22.  
  23. /* from Foundation for Sites
  24.  * Version 6.8.1
  25.  * https://get.foundation
  26.  * Licensed under MIT Open Source
  27.  */
  28.  
  29.  
  30. .input-group {
  31.   display: flex;
  32.   width: 100%;
  33.   margin-bottom: 1rem;
  34.   align-items: stretch;
  35. }
  36.  
  37. /*
  38. .input-group > :first-child,
  39. .input-group > :first-child.input-group-button > * {
  40.   border-radius: 0;
  41. }
  42.  
  43. .input-group > :last-child,
  44. .input-group > :last-child.input-group-button > * {
  45.   border-radius: 0;
  46. }
  47. */
  48.  
  49. .input-group-button a,
  50. .input-group-button input,
  51. .input-group-button button,
  52. .input-group-button label,
  53. .input-group-button,
  54. .input-group-field,
  55. .input-group-label {
  56.   margin: 0;
  57.   white-space: nowrap;
  58. }
  59.  
  60. .input-group-label {
  61.   padding: 0 1rem;
  62.   border: 1px solid #cacaca;
  63.   background: #e6e6e6;
  64.   color: #0a0a0a;
  65.   text-align: center;
  66.   white-space: nowrap;
  67.   display: flex;
  68.   flex: 0 0 auto;
  69.   align-items: center;
  70. }
  71.  
  72. .input-group-label:first-child {
  73.   border-right: 0;
  74. }
  75.  
  76. .input-group-label:last-child {
  77.   border-left: 0;
  78. }
  79.  
  80. .input-group-field {
  81.   border-radius: 0;
  82.   flex: 1 1 0px;
  83.   min-width: 0;
  84. }
  85.  
  86. .input-group-button {
  87.   padding-top: 0;
  88.   padding-bottom: 0;
  89.   text-align: center;
  90.   display: flex;
  91.   flex: 0 0 auto;
  92. }
  93.  
  94. .input-group-button a,
  95. .input-group-button input,
  96. .input-group-button button,
  97. .input-group-button label {
  98.   align-self: stretch;
  99.   height: auto;
  100.   padding-top: 0;
  101.   padding-bottom: 0;
  102.   font-size: 1rem;
  103. }
  104.