openrat-cms

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

openrat-dropdown.less (1444B)

      1 @smartphones: ~"only screen and (max-width: 55rem)";
      2 
      3 .or- {
      4     &dropdown {
      5 
      6         display: none;
      7         overflow: hidden;
      8 
      9         &--is-open {
     10             display: block;
     11         }
     12 
     13         //top:2.7em;
     14         &--on-right {
     15             right:1em;
     16         }
     17         z-index: 4;
     18         //opacity: 0.95; No, because opacity is already set in the workbench menu.
     19         min-width: 17em;
     20         position: absolute;
     21         padding: 0.5em 0;
     22 
     23         font-style: normal;
     24         font-weight: normal;
     25         text-decoration: none;
     26 
     27         &-key {
     28           // do not display keystrokes on devices with virtual keyboard
     29           @media @smartphones {
     30             display: none;
     31           }
     32         }
     33 
     34         &-entry {
     35             padding: 0;
     36 
     37             > .or-link {
     38                 display: flex;
     39                 align-items: center;
     40                 padding: 0 0.5em;
     41 
     42                 * {
     43                     margin: 0.25em;
     44                 }
     45 
     46                 .or-dropdown-text {
     47                     flex: 1; /* Consumes all available space */
     48                 }
     49 
     50             }
     51 
     52             &--inactive {
     53                     opacity: 0.5;
     54             }
     55             &--active {
     56             }
     57         }
     58 
     59         > &-text {
     60             display: block;
     61             margin: 1em;
     62         }
     63 
     64         &-divide {
     65             height: 1px;
     66             width: 100%;
     67             margin-top: 0.5em;
     68             margin-bottom: 0.5em;
     69         }
     70     }
     71 }