Mercurial > hg > dml-open-vis
comparison src/DML/MainVisBundle/Resources/assets/bem-blocks/help.less @ 0:493bcb69166c
added public content
| author | Daniel Wolff |
|---|---|
| date | Tue, 09 Feb 2016 20:54:02 +0100 |
| parents | |
| children |
comparison
equal
deleted
inserted
replaced
| -1:000000000000 | 0:493bcb69166c |
|---|---|
| 1 @import "../config.less"; | |
| 2 | |
| 3 .help { | |
| 4 | |
| 5 .position_fixed_everywhere(); | |
| 6 .font_standard(); | |
| 7 z-index: @z-index_help; | |
| 8 | |
| 9 background: @--popup-base-color; | |
| 10 display: none; | |
| 11 | |
| 12 &_animating { | |
| 13 .transition(opacity 0.2s linear); | |
| 14 } | |
| 15 | |
| 16 &_state_hidden { | |
| 17 display: none; | |
| 18 } | |
| 19 &_state_pre-hidden { | |
| 20 pointer-events: none; | |
| 21 display: block; | |
| 22 opacity: 0; | |
| 23 } | |
| 24 &_state_pre-shown { | |
| 25 display: block; | |
| 26 opacity: 0; | |
| 27 } | |
| 28 &_state_shown { | |
| 29 display: block; | |
| 30 } | |
| 31 | |
| 32 // ================================== | |
| 33 &__body { | |
| 34 .border-radius(@--border-radius); | |
| 35 .position_fixed_everywhere(@help--margin); | |
| 36 .box-shadow(@help--box-shadow); | |
| 37 background: #fff; | |
| 38 overflow: hidden; | |
| 39 z-index: @z-index_help + 1; | |
| 40 } | |
| 41 | |
| 42 // ================================== | |
| 43 &__toc-container { | |
| 44 .position_absolute_everywhere(); | |
| 45 right: auto; | |
| 46 width: @help--toc-width; | |
| 47 background: #eee; | |
| 48 | |
| 49 @media all and (max-width: @help--toc-hiding-threshold) { | |
| 50 & { | |
| 51 display: none; | |
| 52 } | |
| 53 } | |
| 54 } | |
| 55 | |
| 56 // ================================== | |
| 57 &__toc { | |
| 58 padding: 1em 0 0 0; | |
| 59 | |
| 60 } | |
| 61 | |
| 62 | |
| 63 // ================================== | |
| 64 &__toc-element { | |
| 65 position: relative; | |
| 66 display: block; | |
| 67 padding: .5em; | |
| 68 text-decoration: none; | |
| 69 color: #888; | |
| 70 | |
| 71 &:hover { | |
| 72 color: #000; | |
| 73 } | |
| 74 } | |
| 75 | |
| 76 &__toc-element_current { | |
| 77 color: #000; | |
| 78 cursor: default; | |
| 79 } | |
| 80 &__toc-element_hierarchy_1 { | |
| 81 padding-left: 25px; | |
| 82 } | |
| 83 &__toc-element_hierarchy_2 { | |
| 84 padding-left: 25px; | |
| 85 } | |
| 86 &__toc-element_hierarchy_3 { | |
| 87 padding-left: 40px; | |
| 88 } | |
| 89 | |
| 90 // ================================== | |
| 91 &__toc-pointer { | |
| 92 | |
| 93 } | |
| 94 | |
| 95 // ================================== | |
| 96 &__content-container { | |
| 97 .position_absolute_everywhere(); | |
| 98 left: @help--toc-width; | |
| 99 overflow: scroll; | |
| 100 | |
| 101 @media all and (max-width: @help--toc-hiding-threshold) { | |
| 102 & { | |
| 103 left: 0; | |
| 104 } | |
| 105 } | |
| 106 } | |
| 107 | |
| 108 // ================================== | |
| 109 &__closer { | |
| 110 position: fixed; | |
| 111 cursor: pointer; | |
| 112 height: 30px; | |
| 113 width: 30px; | |
| 114 background: no-repeat 0 0 url(data:image/png;base64,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); | |
| 115 top: @help--margin - 15px; | |
| 116 left: @help--margin - 15px; | |
| 117 z-index: @z-index_help + 2; | |
| 118 | |
| 119 | |
| 120 &_position_right { | |
| 121 left: auto; | |
| 122 right: @help--margin - 15px; | |
| 123 } | |
| 124 } | |
| 125 } |