openrat-cms

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

openrat-menu.less (2904B)


      1 /*
      2 OpenRat Content Management System
      3 Copyright (C) 2002-2010 Jan Dankert
      4 
      5 This program is free software; you can redistribute it and/or
      6 modify it under the terms of the GNU General Public License
      7 as published by the Free Software Foundation; either version 2
      8 of the License, or (at your option) any later version.
      9 
     10 This program is distributed in the hope that it will be useful,
     11 but WITHOUT ANY WARRANTY; without even the implied warranty of
     12 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
     13 GNU General Public License for more details.
     14 
     15 You should have received a copy of the GNU General Public License
     16 along with this program; if not, write to the Free Software
     17 Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
     18 */
     19 
     20 /*
     21 Basis-Style for Openrat.
     22 */
     23 
     24 
     25 /* Usage to this variable is safe to be removed */
     26 @color-overridden-by-theme: black;
     27 
     28 .border-radius (@radius) {
     29     border-radius: @radius;
     30     -moz-border-radius: @radius;
     31     -webkit-border-radius: @radius;
     32     -khtml-border-radius: @radius;
     33 }
     34 
     35 @smartphones: ~"only screen and (max-width: 55rem)";
     36 @smaller: ~"only screen and (max-width: 70rem)";
     37 @not-wide: ~"only screen and (max-width: 85rem)";
     38 
     39 
     40 
     41 .or- {
     42     &menu {
     43 
     44 
     45         display: flex;
     46         justify-content: space-between;
     47 
     48         &-category {
     49 
     50         }
     51 
     52         &-shortcut {
     53           @media @smaller {
     54             display: none;
     55           }
     56         }
     57 
     58         &-label, &-dropdown-icon {
     59             @media @not-wide {
     60                 display: none;
     61             }
     62         }
     63 
     64         &-group {
     65             display: flex;
     66 
     67             // Menüeinträge auf der rechten Seite rechtsbündig anzeigen.
     68             &:nth-last-child(1) {
     69                 div.or-dropdown {
     70                     right: 10px;
     71                 }
     72             }
     73             .or-image-icon
     74             {
     75                 width: 1.1em;
     76             }
     77 
     78             .or-toolbar-icon {
     79                 padding: 2px;
     80                 //border-bottom: 1px;
     81 
     82                 margin-left: 10px;
     83                 //float: left;
     84 
     85                 &.or-menu-category {
     86                     cursor: default;
     87                 }
     88                 &.or-search {
     89                     input {
     90                         border: 0;
     91                         //margin: 0;
     92                         //padding: 0;
     93                         width: 10em;
     94                         //transition: width 0.3s ease-in-out;
     95                         &:focus {
     96                             // Search input field grows up on focus
     97                             //width: 8em;
     98 
     99                         }
    100                     }
    101                 }
    102 
    103             }
    104 
    105         }
    106 
    107         /* Dropdown anzeigen, wenn Titel geöffnet und wenn mit Maus überstrichen */
    108         &--is-open {
    109             .or-menu-category--is-open {
    110                 > .or-dropdown {
    111                     display: block;
    112                 }
    113             }
    114         }
    115     }
    116 
    117 }