Mercurial > hg > dml-open-vis
diff src/DML/MainVisBundle/Resources/assets/bem-blocks/help-content.less @ 0:493bcb69166c
added public content
author | Daniel Wolff |
---|---|
date | Tue, 09 Feb 2016 20:54:02 +0100 |
parents | |
children |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/src/DML/MainVisBundle/Resources/assets/bem-blocks/help-content.less Tue Feb 09 20:54:02 2016 +0100 @@ -0,0 +1,250 @@ +@import "../config.less"; + +.help-content { + + padding: 0px 25px 25px; + position: relative; + border-bottom: 0px solid @--background-color; + + p { + margin-top: 10px; + max-width: 50em; + padding-right: 15px; + } + + .p_indented { + margin-left: 25px; + } + + + .a_type_pseudo { + color: #000; + text-decoration: none; + border-bottom: 1px rgba(0,0,0,0.5) dotted; + } + + h1 { + font-weight: 300; + font-size: 28px; + line-height: 34px; + padding-top: 16px; + } + + h2 { + font-weight: 300; + margin-top: 20px; + line-height: 24px; + padding-top: 19px; + font-size: 20px; + } + h3 { + font-weight: 600; + padding-top: 20px; + margin-top: 10px; + } + h3+p { + margin-top: 0px; + } + + .key { + display: inline-block; + border: 1px solid #ccc; + background: #eee; + border-radius: 4px; + padding: 0.2em 0.5em 0; + font-size: 0.8em; + margin-bottom: -10px; + min-width: 0.8em; + text-align: center; + text-indent: 0; + .box-shadow (inset 0px 0px 3px 1px rgba(119, 119, 119, 0.1)); + } + + .key_lifted { + vertical-align: top; + padding-top: .1em; + margin-top: -.4em; + } + + .key_bracket { + padding-top: .1em; + padding-bottom: .05em; + } + .key_arrow { + vertical-align: top; + line-height: 1.9em; + padding-top: 0em; + padding-bottom: .05em; + } + + .action-plus { + padding: 0 .45em; + font-size: 0.8em; + } + + .action-or { + padding: 0 .1em 0 .2em; + font-size: 0.8em; + } + + .action-comma { + padding: 0 .8em 0 .3em; + font-size: 0.8em; + } + + .action { + font-style: italic; + } + + b { + font-weight: bold; + } + + dl { + } + + dl { + } + + dt { + margin-top: 1.4em; + text-indent: -3em; + margin-left: 3.0em; + } + + @ddOffset: 0.3em; + dt.sameline { + margin-bottom: -1.4em - @ddOffset; + } + + dd { + margin-top: @ddOffset; + margin-left: 3.0em; + } + + .dd-with-small-indent { + margin-top: .2em; + } + + .nobr { + white-space: nowrap; + } + + .sup { + vertical-align: super; + font-size: smaller; + } + + .image-block { + margin-top: 1.4em; + padding: 0.5em 0; + } + + .image-block_centered { + margin-top: 1em; + text-align: center; + padding-right: 10%; + } + + .image-block_shrinkable { + } + + @media all and (max-width: 875px) { + .image-block_shrinkable img { + margin-left: -146px; + } + } + + .t-bracket-space { + padding-right: 0.25em; + } + + .t-bracket { + margin-left: -0.25em; + } + + .image-title { + display: block; + font-size: 0.8em; + padding: .8em 0 0; + color: #999; + text-align: center; + } + + .image-in-dd { + display: block; + margin-top: 1em; + } + + .controls-dl-1 , .controls-dl-2 { + max-width: 50em; + padding: 0 30px 0 0; + } + + .controls-dl-1 { + } + + .controls-dl-2 { + margin-top: 1.4em; + } + + .config-grid-panel-command-demo { + opacity: 0.35; + display: inline-block; + height: 14px; + width: 14px; + background-size: 14px; + } + + .config-grid-panel-command-demo_action_clone { + background-image: url("@{bem-path}/config-grid-panel/command/clone_filled.svg"); + } + .config-grid-panel-command-demo_action_delete { + background-image: url("@{bem-path}/config-grid-panel/command/delete_filled.svg"); + } + .config-grid-panel-command-demo_action_discard { + background-image: url("@{bem-path}/config-grid-panel/command/discard_r.svg"); + } + .config-grid-panel-command-demo_action_apply { + background-image: url("@{bem-path}/config-grid-panel/command/apply_r.svg"); + } + + .mode { + display: inline-block; + border-radius: 4px; + padding: 0.15em 0.2em 0.1em; + margin: 0 -0.1em; + } + .mode_collection { + //background: @config-grid_collection--color_panel-background; + background: @config-grid_collection--color_panel-input; + } + .mode_recording { + //background: @config-grid_recording--color_panel-background; + background: @config-grid_recording--color_panel-input; + } + .mode_no-margin-left { + margin-left: -0.2em; + } + + /*@media all and (min-width: 800px) { + .controls-dl-1 , .controls-dl-2 { + padding-left: 0; + padding-right: 0; + float: left; + padding-bottom: 25px; + max-width: 40em; + } + + .controls-dl-1 { + width: 45%; + margin-right: -100%; + } + + .controls-dl-2 { + margin-left: 50%; + width: 45%; + margin-top: 0; + } + } */ +} \ No newline at end of file