X-Git-Url: https://yaffs.net/gitweb/?a=blobdiff_plain;f=web%2Fmodules%2Fcontrib%2Fdevel%2Fkint%2Fkint%2Fview%2Fbase.less;fp=web%2Fmodules%2Fcontrib%2Fdevel%2Fkint%2Fkint%2Fview%2Fbase.less;h=24c68f766fb6415b9ed43a60eff96feaf7641825;hb=a2bd1bf0c2c1f1a17d188f4dc0726a45494cefae;hp=0000000000000000000000000000000000000000;hpb=57c063afa3f66b07c4bbddc2d6129a96d90f0aad;p=yaffs-website diff --git a/web/modules/contrib/devel/kint/kint/view/base.less b/web/modules/contrib/devel/kint/kint/view/base.less new file mode 100644 index 000000000..24c68f766 --- /dev/null +++ b/web/modules/contrib/devel/kint/kint/view/base.less @@ -0,0 +1,413 @@ +// +// VARIABLES FOR THEMES TO OVERRIDE +// -------------------------------------------------- + +@spacing : 4; + +// caret taken from solarized +@caret-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAA8CAMAAACO5hB7AAAA7VBMVEVYbnWToaH///9YbnVYbnVYbnVYbnVYbnVYbnVYbnVYbnVYbnWToaGToaGToaGToaGToaGToaGToaGToaGToaFYbnWToaFYbnVYbnWToaGToaFYbnWToaFYbnWToaFYbnVYbnVYbnVYbnVYbnVYbnVYbnVYbnVYbnVYbnVYbnVYbnVYbnVYbnWToaGToaGToaGToaGToaGToaGToaGToaGToaGToaGToaGToaGToaGToaFYbnVYbnVYbnVYbnVYbnVYbnVYbnVYbnVYbnWToaGToaGToaGToaGToaGToaGToaGToaGToaFYbnWToaEeRtj1AAAATXRSTlMAAACLab0B7iP2R7CL9iPuaUewAb36F0/QnPoX0JxPYQaurepi6QV8FhV7MzFhM6586RYFMa3qYnsVBpNQ+ZGOGJ3PkM9QkZAY+Y6TnV7gnYsAAAEcSURBVHhebdHVbgMxEEBRu8sUZmqapBBoSuGUmWb+/3NayxtrLOe+Hck745XZgd6/eb3CVcKt7HmR+gKxlCGOETG5vFbOoahR6NxI5zHt6nuq+2dqnqfzzH3mfcz70vb8H6MJt5u6a96hS30E4PjEFgAEp2fKNojKUfVEOoS044ex7u3YPE/nmfvM+5j3pe17T9oe/77O41w+n4vnrbrwZxbTshVhvtx5Kb8vliRLRWmeSQSTjJq/El5x5fUXYmNN9hcQC5y4g/hGvVksNtT8451rns2IScb7mn567ll2GNpWr9YWfvQgzWsKs8HOA/m960g6rjTzA8HAV/NHwiOmPLwDKA/J/gggYsRVgFvqbr/fpWYv90zzZKKs9Qfx00Jx65oxLAAAAABJRU5ErkJggg=="); + +// +// SET UP HELPER VARIABLES +// -------------------------------------------------- + +@border: 1px solid @border-color; + +.selection() { + background : @border-color-hover; + color : @text-color; +} + +// +// BASE STYLES +// -------------------------------------------------- + +.kint::selection { .selection() } + +.kint::-moz-selection { .selection() } + +.kint::-webkit-selection { .selection() } + +.kint, +.kint::before, +.kint::after, +.kint *, +.kint *::before, +.kint *::after { + box-sizing : border-box; + border-radius : 0; + color : @text-color; + float : none !important; + font-family : Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif; + line-height : 15px; + margin : 0; + padding : 0; + text-align : left; +} + +.kint { + font-size : 13px; + margin : @spacing * 2px 0; + overflow-x : auto; + white-space : nowrap; + + dt { + background : @main-background; + border : @border; + color : @text-color; + display : block; + font-weight : bold; + list-style : none outside none; + overflow : auto; + padding : @spacing * 1px; + + &:hover { + border-color : @border-color-hover; + } + + > var { + margin-right : 5px; + } + } + + > dl dl { + padding : 0 0 0 @spacing * 3px; + } + + // + // DROPDOWN CARET + // -------------------------------------------------- + + nav { + background : @caret-image no-repeat scroll 0 0 transparent; + cursor : pointer; + display : inline-block; + height : 15px; + width : 15px; + margin-right : 3px; + vertical-align : middle; + } + + dt.kint-parent:hover nav { + background-position : 0 -15px; + } + + dt.kint-parent.kint-show:hover > nav { + background-position : 0 -45px; + } + + dt.kint-show > nav { + background-position : 0 -30px; + } + + dt.kint-parent + dd { + display : none; + border-left : 1px dashed @border-color; + } + + dt.kint-parent.kint-show + dd { + display : block; + } + + // + // INDIVIDUAL ITEMS + // -------------------------------------------------- + + var, + var a { + color : @variable-type-color; + font-style : normal; + } + + dt:hover var, + dt:hover var a { + color : @variable-type-color-hover; + } + + dfn { + font-style : normal; + font-family : monospace; + color : @variable-name-color; + } + + pre { + color : @text-color; + margin : 0 0 0 @spacing * 3px; + padding : 5px; + overflow-y : hidden; + border-top : 0; + border : @border; + background : @main-background; + display : block; + word-break : normal; + } + + .kint-popup-trigger { + float : right !important; + cursor : pointer; + color : @border-color-hover; + + &:hover { + color : @border-color; + } + } + + dt.kint-parent > .kint-popup-trigger { + font-size : 13px; + } + + footer { + padding : 0 3px 3px; + font-size : 9px; + + > .kint-popup-trigger { + font-size : 12px; + } + + nav { + background-size : 10px; + height : 10px; + width : 10px; + + &:hover { + background-position : 0 -10px; + } + } + + > ol { + display : none; + margin-left : 32px; + } + + &.kint-show { + > ol { + display : block; + } + + nav { + background-position : 0 -20px; + + &:hover { + background-position : 0 -30px; + } + } + } + } + + a { + color : @text-color; + text-shadow : none; + + &:hover { + color : @variable-name-color; + border-bottom : 1px dotted @variable-name-color; + } + } + + // + // TABS + // -------------------------------------------------- + + ul { + list-style : none; + padding-left : @spacing * 3px; + + &:not(.kint-tabs) { + li { + border-left : 1px dashed @border-color; + + > dl { + border-left : none; + } + } + } + + &.kint-tabs { + margin : 0 0 0 @spacing * 3px; + padding-left : 0; + background : @main-background; + border : @border; + border-top : 0; + + li { + background : @secondary-background; + border : @border; + cursor : pointer; + display : inline-block; + height : @spacing * 6px; + margin : round(@spacing / 2) * 1px; + padding : 0 2px + round(@spacing * 2.5px); + vertical-align : top; + + &:hover, + &.kint-active-tab:hover { + border-color : @border-color-hover; + color : @variable-type-color-hover; + } + + &.kint-active-tab { + background : @main-background; + border-top : 0; + margin-top : -1px; + height : 27px; + line-height : 24px; + } + + &:not(.kint-active-tab) { + line-height : @spacing * 5px; + } + } + + li + li { + margin-left : 0 + } + } + + &:not(.kint-tabs) > li:not(:first-child) { + display : none; + } + } + + dt:hover + dd > ul > li.kint-active-tab { + border-color : @border-color-hover; + color : @variable-type-color-hover; + } +} + +// +// REPORT +// -------------------------------------------------- + +.kint-report { + border-collapse : collapse; + empty-cells : show; + border-spacing : 0; + + * { + font-size : 12px; + } + + dt { + background : none; + padding : (@spacing/2) * 1px; + + .kint-parent { + min-width : 100%; + overflow : hidden; + text-overflow : ellipsis; + white-space : nowrap; + } + } + + td, + th { + border : @border; + padding : (@spacing/2) * 1px; + vertical-align : center; + } + + th { + cursor : alias; + } + + td:first-child, + th { + font-weight : bold; + background : @secondary-background; + color : @variable-name-color; + } + + td { + background : @main-background; + white-space : pre; + + > dl { + padding : 0; + } + } + + pre { + border-top : 0; + border-right : 0; + } + + th:first-child { + background : none; + border : 0; + } + + td.kint-empty { + background : #d33682 !important; + } + + tr:hover { + > td { + box-shadow : 0 0 1px 0 @border-color-hover inset; + } + + var { + color : @variable-type-color-hover; + } + } + ul.kint-tabs li.kint-active-tab { + height : 20px; + line-height : 17px; + } +} + +// +// TRACE +// -------------------------------------------------- +.kint-trace { + .kint-source { + line-height : round(@spacing * 3.5) * 1px; + + span { + padding-right : 1px; + border-right : 3px inset @variable-type-color; + } + + .kint-highlight { + background : @secondary-background; + } + } + + .kint-parent { + > b { + min-width : 18px; + display : inline-block; + text-align : right; + color : @variable-name-color; + } + + > var { + > a { + color : @variable-type-color; + } + } + } +} + +// +// MISC +// -------------------------------------------------- + +// keyboard navigation caret +.kint-focused { + .keyboard-caret +} + +.kint-microtime, +.kint-color-preview { + box-shadow : 0 0 2px 0 #b6cedb; + height : 16px; + text-align : center; + text-shadow : -1px 0 #839496, 0 1px #839496, 1px 0 #839496, 0 -1px #839496; + width : 230px; + color : #fdf6e3; +} + +// mini trace +.kint footer li { + color : #ddd; +} \ No newline at end of file