aleph1.co.uk Git - yaffs-website/blob - web/modules/contrib/devel/kint/kint/view/themes/aante-light.less

   1 /**
   2  * @author Ante Aljinovic https://github.com/aljinovic
   3  */
   4 @import "../base";
   5
   6 @main-background: #f8f8f8;
   7 @secondary-background : #f8f8f8;
   8
   9 @text-color: #1d1e1e;
  10 @variable-name-color: #1d1e1e;
  11 @variable-type-color: #06f;
  12 @variable-type-color-hover: #f00;
  13
  14 @border-color: #d7d7d7;
  15 @border-color-hover: #aaa;
  16
  17 @caret-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAA8CAYAAAC5OOBJAAAAvklEQVR42mNgGMFAS0uLLSQk5HxoaOh/XDg4OLgdpwEBAQEGQAN+YtMIFH/i4ODAg9cFQNMbsWkOCgrKJMv5ID5Qipko/6M7PzAw0ImkAIQ5H0hvISv0gZpP+fn5qZAVfcBAkmEYBaNZcjRLjmbJUUCvqAIlDlAiASUWkjWDkiU0eTaSpBGUEZBy1E9QRiFWLzO2LEmU80GZHkcRhN/5oGIGVNzgKIbwOx9UwOErAIl2/igYzZKjWXI0S9IHAAASJijo0Ypj8AAAAABJRU5ErkJggg==");
  18
  19 .keyboard-caret() {
  20   box-shadow : 0 0 3px 2px @variable-type-color-hover;
  21 }
  22
  23 .kint {
  24   dt {
  25     font-weight : normal;
  26
  27     &.kint-parent {
  28       margin-top : 4px;
  29     }
  30   }
  31
  32   > dl {
  33     background : linear-gradient(90deg, rgba(255,255,255,0) 0, #fff 15px);
  34   }
  35
  36   dl dl {
  37     margin-top   : 4px;
  38     padding-left : 25px;
  39     border-left  : none;
  40   }
  41
  42   > dl > dt {
  43     background : @secondary-background;
  44   }
  45
  46   //
  47   // TABS
  48   // --------------------------------------------------
  49
  50   ul {
  51     margin       : 0;
  52     padding-left : 0;
  53
  54     &:not(.kint-tabs) > li {
  55       border-left : 0;
  56     }
  57
  58     &.kint-tabs {
  59       background   : @secondary-background;
  60       border       : @border;
  61       border-width : 0 1px 1px 1px;
  62       padding      : 4px 0 0 12px;
  63       margin-left  : -1px;
  64       margin-top   : -1px;
  65
  66       li,
  67       li + li {
  68         margin : 0 0 0 4px;
  69       }
  70
  71       li {
  72         border-bottom-width : 0;
  73         height              : @spacing * 6px + 1px;
  74
  75
  76         &:first-child {
  77           margin-left : 0;
  78         }
  79
  80         &.kint-active-tab {
  81           border-top    : @border;
  82           background    : #fff;
  83           font-weight   : bold;
  84           padding-top   : 0;
  85           border-bottom : 1px solid #fff !important;
  86           margin-bottom : -1px;
  87         }
  88
  89         &.kint-active-tab:hover {
  90           border-bottom : 1px solid #fff;
  91         }
  92       }
  93     }
  94
  95     > li > pre {
  96       border : @border;
  97     }
  98   }
  99
 100   dt:hover + dd > ul {
 101     border-color : @border-color-hover;
 102   }
 103
 104   pre {
 105     background  : #fff;
 106     margin-top  : 4px;
 107     margin-left : 25px;
 108   }
 109
 110   .kint-popup-trigger:hover {
 111     color : @variable-type-color-hover;
 112   }
 113
 114   .kint-source .kint-highlight {
 115     background : #cfc;
 116   }
 117 }
 118
 119 //
 120 // REPORT
 121 // --------------------------------------------------
 122
 123 .kint-report {
 124   td {
 125     background : #fff;
 126
 127     > dl {
 128       padding : 0;
 129       margin  : 0;
 130       > dt.kint-parent {
 131         margin: 0;
 132       }
 133     }
 134   }
 135
 136   td:first-child,
 137   td,
 138   th {
 139     padding    : 2px 4px;
 140   }
 141
 142   td.kint-empty {
 143     background : @border-color !important;
 144   }
 145
 146   dd, dt {
 147     background: #fff;
 148   }
 149
 150   tr:hover > td {
 151     box-shadow : none;
 152     background : #cfc;
 153   }
 154 }