openrat-cms

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs | README

openrat-fieldset.less (868B)

      1 
      2 @small: ~"only screen and (max-width: 65rem)";
      3 
      4 .or {
      5 
      6     &-fieldset {
      7 
      8         border: 0;
      9         display: flex;
     10         flex-direction: row;
     11         align-items: start;
     12 
     13         margin-top: 1em;
     14 
     15         &-label {
     16             flex: 1;
     17             font-size: 1em;
     18             text-align: right;
     19             padding-right: 1em;
     20             font-weight: normal;
     21         }
     22 
     23         &-value {
     24             flex: 3;
     25 
     26             > * {
     27                 // display direct children as blocks
     28                 display: block;
     29                 padding: 0.8em;
     30             }
     31         }
     32 
     33         @media @small {
     34             flex-direction: column;
     35 
     36             &-label {
     37                 flex:1;
     38                 width: 100%;
     39                 text-align: left;
     40             }
     41             &-value {
     42                 flex:1;
     43                 width: 100%;
     44             }
     45 
     46         }
     47 
     48     }
     49 
     50 }