form.scss 1011 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. .demo-form {
  2. .el-select .el-input {
  3. width: 380px;
  4. }
  5. .el-form {
  6. width: 460px;
  7. }
  8. .line {
  9. text-align: center;
  10. }
  11. .el-checkbox-group {
  12. width: 320px;
  13. margin: 0;
  14. padding: 0;
  15. list-style: none;
  16. &:after,
  17. &:before {
  18. content: " ";
  19. display: table;
  20. }
  21. &:after {
  22. clear: both;
  23. visibility: hidden;
  24. font-size: 0;
  25. height: 0;
  26. }
  27. .el-checkbox {
  28. float: left;
  29. width: 160px;
  30. padding-right: 20px;
  31. margin: 0;
  32. padding: 0;
  33. + .el-checkbox {
  34. margin-left: 0;
  35. }
  36. }
  37. }
  38. .demo-form-normal {
  39. width: 460px;
  40. }
  41. .demo-form-inline {
  42. width: auto;
  43. .el-input {
  44. width: 150px;
  45. }
  46. > * {
  47. margin-right: 10px;
  48. }
  49. }
  50. .demo-ruleForm {
  51. width: 460px;
  52. .el-select .el-input {
  53. width: 360px;
  54. }
  55. }
  56. .demo-dynamic {
  57. .el-input {
  58. margin-right: 10px;
  59. width: 270px;
  60. vertical-align: top;
  61. }
  62. }
  63. .fr {
  64. float: right;
  65. }
  66. }