styles.scss 837 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. .cbk-recipe-form {
  2. width: 100%;
  3. input,
  4. textarea {
  5. width: 100%;
  6. border: 0;
  7. padding: 4px 0;
  8. border-bottom: 1px solid #ccc;
  9. background-color: transparent;
  10. }
  11. .subrecipe-tabs {
  12. ul.tab-header {
  13. display: flex;
  14. width: 100%;
  15. justify-content: space-evenly;
  16. .tab {
  17. width: 100%;
  18. display: flex;
  19. justify-content: space-between;
  20. cursor: pointer;
  21. align-self: center;
  22. &__content {
  23. padding: 20px;
  24. flex-basis: 90%;
  25. }
  26. &--add {
  27. flex-basis: 0;
  28. }
  29. button {
  30. margin: 20px;
  31. }
  32. }
  33. }
  34. }
  35. .ingredients-form {
  36. &-header {
  37. display: flex;
  38. justify-content: space-around;
  39. padding: 10px
  40. }
  41. &-item {
  42. display: flex;
  43. }
  44. }
  45. }