You are here

duration_element.css in Duration Field 8.2

Same filename and directory in other branches
  1. 8 css/duration_element.css
  2. 3.0.x css/duration_element.css
.form-type-duration .duration-inner-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  margin: 0 -5px;
}
.form-type-duration .duration-inner-wrapper .form-type-number {
  padding: 0 5px;
  width: 5em;
}
.form-type-duration .duration-inner-wrapper .form-type-number input {
  box-sizing: border-box;
  width: 100%;
}

File

css/duration_element.css
View source
  1. .form-type-duration .duration-inner-wrapper {
  2. display: -webkit-box;
  3. display: -moz-box;
  4. display: -ms-flexbox;
  5. display: -webkit-flex;
  6. display: flex;
  7. -webkit-flex-wrap: wrap;
  8. -moz-flex-wrap: wrap;
  9. -ms-flex-wrap: wrap;
  10. flex-wrap: wrap;
  11. -webkit-justify-content: flex-start;
  12. -moz-justify-content: flex-start;
  13. -ms-justify-content: flex-start;
  14. justify-content: flex-start;
  15. -ms-flex-pack: start;
  16. margin: 0 -5px;
  17. }
  18. .form-type-duration .duration-inner-wrapper .form-type-number {
  19. padding: 0 5px;
  20. width: 5em;
  21. }
  22. .form-type-duration .duration-inner-wrapper .form-type-number input {
  23. box-sizing: border-box;
  24. width: 100%;
  25. }