openrat-cms

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

openrat-navigation.less (1564B)

      1 /*   N a v i g a t i o n   */
      2 
      3 
      4 
      5 @smartphones: ~"only screen and (max-width: 55rem)";
      6 
      7 
      8 
      9 .or {
     10   &-navigation {
     11 
     12     &--is-open {
     13       display: flex;
     14       flex-direction: row;
     15     }
     16 
     17     &-filler {
     18       height: 100%;
     19       width: 12em;
     20       opacity: 0.8;
     21       filter: blur(10em);
     22 
     23       @media @smartphones {
     24         width: 0;
     25       }
     26 
     27       &-icon {
     28         opacity: 1;
     29         font-size: 3em;
     30         position: absolute;
     31         right: 20px;
     32         top: 20px;
     33       }
     34     }
     35 
     36     &-content {
     37 
     38       flex: 1;
     39       //overflow: auto;
     40       //position: absolute;
     41 
     42       //top: 0;
     43       //left: 0;
     44       //width: 100%;
     45       height: 100%;
     46 
     47       //margin-left:10em;
     48 
     49       z-index: 3;
     50 
     51       .or-view {
     52         height: 100%;
     53       }
     54 
     55     }
     56 
     57   }
     58 
     59     &-navtree {
     60 
     61         &-node {
     62             margin: 0;
     63             padding: 0.1em 0;
     64 
     65           @media @smartphones {
     66             padding: 0.2em 0;
     67           }
     68 
     69             line-height: 18px;
     70             font-weight: normal;
     71             white-space: nowrap;
     72 
     73             &--selected {
     74                 font-weight: bold;
     75 
     76                 & > div > a {
     77                     font-weight: bold;
     78                 }
     79             }
     80 
     81             &-control {
     82                 width: 18px;
     83                 min-width: 18px;
     84                 height: 18px;
     85                 float: left;
     86                 cursor: pointer;
     87             }
     88         }
     89 
     90 
     91         &-list {
     92 
     93             list-style-type: none;
     94             margin: 0;
     95             padding: 0;
     96 
     97             ul {
     98                 margin-left: 18px;
     99             }
    100 
    101 
    102         }
    103     }
    104 }