sdnr/wt/odlux/apps/linkCalculationApp/src/views/Style.scss

   1 .parent{
   2
   3     display: flex;
   4     justify-content: space-evenly;
   5     margin: auto;
   6
   7
   8 }
   9 .input {
  10     width: 150px;
  11     box-sizing: border-box;
  12     // margin-bottom: 5px;
  13
  14 }
  15 .error {
  16     border: 1px solid red;
  17     width: 150px;
  18     box-sizing: border-box;
  19 }
  20
  21
  22 .container-1 {
  23   height: 50vh;
  24   width: 80%;
  25   justify-content: center;
  26   align-items: baseline;;
  27     display: flex;
  28     flex-direction: row;
  29     align-content: space-between;
  30     padding: 20px 40px;
  31     border-radius: 10px;
  32     // box-shadow: 0px 10px 50px #555;
  33     background-color: #ffffff;
  34     // padding-top: 10px;
  35
  36 }
  37
  38   .column1 {
  39     flex-direction: column;
  40     width: 30%;
  41     align-items: flex-end;;
  42     // padding: 2em;
  43
  44   }
  45   .column1 div {
  46     margin-top: 10px;
  47     // align-items: space-between;
  48     // flex-wrap: wrap;
  49     border-bottom-style: solid;
  50     border-bottom-width: thin;
  51     border-color: silver;
  52   }
  53   .middlecolumn{
  54
  55     flex-direction: column;
  56     flex-grow: 1;
  57     // padding: 10px 10px;
  58   }
  59
  60   .middlecolumn div{
  61     margin-top: 10px;
  62     border-bottom-style: solid;
  63     border-bottom-width: thin;
  64     border-color: silver;
  65     }
  66
  67   .column2 {
  68     margin-left: 200px;
  69   }
  70   .column2 div{
  71     margin-top: 10px;
  72
  73   }