Generated by SassMeister.com.

SassMeister-input.scss

// ----
// libsass (v3.2.5)
// ----


.columns{border-bottom:1px solid pink}
/**
This scss component assumes foundation is being used.
**/
label.inline-compact,
label.inline{display:inline-block;padding:0;margin:0;}
label.inline-compact,
label.inline *{position:relative;display:inline-block;margin:0;}
label.inline-compact,
label.inline {
  input[type='text'],
  input[type='number'],
  select {
    width: auto;
  }
}
label.inline-compact,
label.inline {
  span:first-child{
    font-weight:bold;
    margin-right:0;
  }
  input[type='text'],
  input[type='number']{
    min-height: 14px;
    height: 22px;
    padding:0 4px;
  }
  select {
    width:auto;margin-left:0;
  	min-height: 14px!important;
    height: 22px;
    padding: 0 20px 0 0;
  }
  
}

label.inline label{}
label.inline-radio span + label{margin-left: 6px;}
label.inline-radio input[type=radio]{top:2px;}
/*


label.inline-compact,
label.inline-compact *{font-size:11px!important;}

label.inline-compact,
label.inline-compact select,
label.inline-compact input[type=number],
label.inline-compact input[type=text]{height:20px;margin:0;}
label.inline-compact select{height:20px;top:0}
label.inline-compact input[type=number],
label.inline-compact input[type=text]{padding:0 2px;}

label.inline-compact.inline-input span{top:2px;}

label.inline-compact.inline-select span{bottom:-2px;}
label.inline-compact.inline-radio span{top:1px;}
label.inline-compact.inline-radio input{top:4px;}

label label{font-weight:normal;}*/

/*http://stackoverflow.com/questions/3790935/can-i-hide-the-html5-number-input-s-spin-box*/
input[type=number],
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    appearance:none;
    -moz-appearance:textfield;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

SassMeister-output.css

.columns {
  border-bottom: 1px solid pink;
}

/**
This scss component assumes foundation is being used.
**/
label.inline-compact,
label.inline {
  display: inline-block;
  padding: 0;
  margin: 0;
}

label.inline-compact,
label.inline * {
  position: relative;
  display: inline-block;
  margin: 0;
}

label.inline-compact input[type='text'],
label.inline-compact input[type='number'],
label.inline-compact select,
label.inline input[type='text'],
label.inline input[type='number'],
label.inline select {
  width: auto;
}

label.inline-compact span:first-child,
label.inline span:first-child {
  font-weight: bold;
  margin-right: 0;
}

label.inline-compact input[type='text'],
label.inline-compact input[type='number'],
label.inline input[type='text'],
label.inline input[type='number'] {
  min-height: 14px;
  height: 22px;
  padding: 0 4px;
}

label.inline-compact select,
label.inline select {
  width: auto;
  margin-left: 0;
  min-height: 14px !important;
  height: 22px;
  padding: 0 20px 0 0;
}

label.inline-radio span + label {
  margin-left: 6px;
}

label.inline-radio input[type=radio] {
  top: 2px;
}

/*


label.inline-compact,
label.inline-compact *{font-size:11px!important;}

label.inline-compact,
label.inline-compact select,
label.inline-compact input[type=number],
label.inline-compact input[type=text]{height:20px;margin:0;}
label.inline-compact select{height:20px;top:0}
label.inline-compact input[type=number],
label.inline-compact input[type=text]{padding:0 2px;}

label.inline-compact.inline-input span{top:2px;}

label.inline-compact.inline-select span{bottom:-2px;}
label.inline-compact.inline-radio span{top:1px;}
label.inline-compact.inline-radio input{top:4px;}

label label{font-weight:normal;}*/
/*http://stackoverflow.com/questions/3790935/can-i-hide-the-html5-number-input-s-spin-box*/
input[type=number],
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: textfield;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}