Subversion Repositories wimsdev

Rev

Rev 12723 | Rev 18321 | Go to most recent revision | Blame | Compare with Previous | Last modification | View Log | RSS feed

  1. /** Grouped input styles */
  2. .input-group{
  3.   justify-content: center;
  4. }
  5.  
  6. div.input-group>:first-child {border-radius: 5px 0 0 5px;}
  7. div.input-group>:last-child>button  {border-radius: 0 5px 5px 0;}
  8.  
  9.  
  10. /* from Foundation for Sites by ZURB
  11.  * Version 6.4.3
  12.  * foundation.zurb.com
  13. */
  14.  
  15.  
  16. /* select box */
  17.  
  18. .input-group>select{
  19.   border-radius: 0 5px 5px 0;
  20. }
  21.  
  22. /* input groups */
  23. .input-group {
  24.   display: -webkit-box;
  25.   display: -ms-flexbox;
  26.   display: flex;
  27.   width: 100%;
  28.   margin-bottom: 1rem;
  29.       -ms-flex-align: stretch;
  30.           align-items: stretch; }
  31.   .input-group > :first-child {
  32.     border-radius: 0 0 0 0; }
  33.   .input-group > :last-child > * {
  34.     border-radius: 0 0 0 0; }
  35.  
  36. .input-group-label, .input-group-field, .input-group-button, .input-group-button a,
  37. .input-group-button input,
  38. .input-group-button button,
  39. .input-group-button label {
  40.   margin: 0;
  41.   white-space: nowrap; }
  42.  
  43. .input-group-label {
  44.   padding: 0 1rem;
  45.   border: 1px solid #cacaca;
  46.   background: #e6e6e6;
  47.   color: #0a0a0a;
  48.   text-align: center;
  49.   white-space: nowrap;
  50.   display: -webkit-box;
  51.   display: -ms-flexbox;
  52.   display: flex;
  53.           flex: 0 0 auto;
  54.       -ms-flex-align: center;
  55.           align-items: center; }
  56.   .input-group-label:first-child {
  57.     border-right: 0; }
  58.   .input-group-label:last-child {
  59.     border-left: 0; }
  60.  
  61. .input-group-field {
  62.   border-radius: 0;
  63.       -ms-flex: 1 1 0;
  64.           flex: 1 1 0;
  65.   min-width: 0; }
  66.  
  67. .input-group-button {
  68.   padding-top: 0;
  69.   padding-bottom: 0;
  70.   text-align: center;
  71.   display: -webkit-box;
  72.   display: -ms-flexbox;
  73.   display: flex;
  74.       -ms-flex: 0 0 auto;
  75.           flex: 0 0 auto; }
  76.   .input-group-button a,
  77.   .input-group-button input,
  78.   .input-group-button button,
  79.   .input-group-button label {
  80.     -ms-flex-item-align: stretch;
  81.         align-self: stretch;
  82.     height: auto;
  83.     padding-top: 0;
  84.     padding-bottom: 0;
  85.     font-size: 1rem; }