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 .container1{
  22   margin-bottom: 15px;
  23
  24 }
  25
  26 .container1 div{
  27   display:flex;
  28   flex-direction: row;
  29
  30   width:100%;
  31   padding-top: 2px;
  32 }
  33
  34 .container1 div div{
  35   width:50%;
  36   border-bottom-style: solid;
  37   border-bottom-width: thin;
  38   border-color: silver;
  39 }
  40
  41 .firstBox div:first-child{
  42   margin-left: 33.5%;
  43 }
  44
  45 // .container-1 {
  46 //   width: 80%;
  47 //   justify-content: center;
  48 //   align-items: baseline;;
  49 //     display: flex;
  50 //     flex-direction: row;
  51 //     align-content: space-between;
  52 //     padding: 20px 40px;
  53 //     border-radius: 10px;
  54 //     // box-shadow: 0px 10px 50px #555;
  55 //     background-color: #ffffff;
  56 //     // padding-top: 10px;
  57
  58 // }
  59
  60   // .column1 {
  61   //   flex-direction: column;
  62   //   width: 30%;
  63   //   align-items: flex-end;;
  64   //   // padding: 2em;
  65
  66   // }
  67   // .column1 div {
  68   //   margin-top: 10px;
  69   //   // align-items: space-between;
  70   //   // flex-wrap: wrap;
  71   //   border-bottom-style: solid;
  72   //   border-bottom-width: thin;
  73   //   border-color: silver;
  74   // }
  75   // .middlecolumn{
  76
  77   //   flex-direction: column;
  78   //   flex-grow: 1;
  79   //   // padding: 10px 10px;
  80   // }
  81
  82   // .middlecolumn div{
  83   //   margin-top: 10px;
  84   //   border-bottom-style: solid;
  85   //   border-bottom-width: thin;
  86   //   border-color: silver;
  87   //   }
  88
  89   // .column2 {
  90   //   margin-left: 200px;
  91   // }
  92   // .column2 div{
  93   //   margin-top: 10px;
  94
  95   // }
  96
  97   .antennaContainer{
  98    margin-bottom: 15px;
  99     background-color: rgb(184, 181, 181);
 100
 101   }
 102   .antennaContainer  div {
 103     display:flex;
 104     flex-direction: row;
 105
 106     width:100%;
 107     padding-top: 2px;
 108 }
 109 .antennaContainer  div div{
 110
 111   width:50%;
 112
 113 }
 114 .antennaFont{
 115   font-family: "Lucida Console";
 116 }