@import (less) "picnic.css"; @import (less) "colors.less"; .translation-element-margin { margin: 0 0.3em; padding: 0; } .translation-button { width: 1.5em; height: 1.5em; border: 1px solid #ccc; } ._hoverable { &:hover { background-color: @silver; cursor: pointer; } } // do I need this @ lexonomy? // .elm-div { // clear: both; // overflow: auto; // margin-bottom: 1em; // } #entry { #entry-header { // DONE! display: block; margin-bottom: 1em; #headword { font-size: 1.2em; color: @blue; font-weight: bold; } #grammar { color: @gray; font-style: italic; margin-left: 1em; } #comment { border-radius: 0em; float: right; &:before { content: "Opomba: " } } } #sense-container { border-top: 1px dotted #999999; padding-top: 0.5em; margin-top: 0.5em; .sense-num { float: left; } .sense { margin-left: 2em; .sense-definition { //done! margin-left: 0.4em; ._hoverable(); &:after { content: ")"; } &:before { content: "("; } } .sense-label-list { // done! color: @blue; ._hoverable(); .sense-label + .sense-label:before { content: ", "; } } .translation-div { display: inline; .translation-tags { display: inline; color: @green; font-size: 0.6em; } .translation-text { display: inline; color: @maroon; .translation-element-margin(); } ._hoverable(); } .translation-add { .translation-element-margin(); .translation-button(); } } .example { .example-dot, .example-rest { float: left; } .example-arrow, .example-dot { margin-right: 1em; } } } } // if span left of input it is just too high, this is a fix .span-left-of-input { margin-top: 0.3em; } // if modal on full screen, it gets too small @media (min-width: 60em) { .modal > article { width: 40em; } } // TODO: // #log { // overflow: scroll; // border: 2px solid red; // height: 10em; // // :nth-last-child(odd) { // background-color: lightgray; // } // } .popup-menu { // DONE! position: absolute; //better look with border padding: 0 0.2em; border: 1px solid @silver; background-color: @white; border-radius: 0.2em; // by default hidden visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.1s linear; button { margin-right: 0.1em; // space inbetween them margin-left: 0.1em; padding: 0.1em 0.5em; // a little smaller than usual button } } // remove me .blk { &:before { content: '\a'; white-space: pre; } display: block; }