3 flex-direction: column;
10 flex-direction: column;
17 transition: transform ease-in-out 120ms;
18 transform-origin: 50% 50%;
25 padding: 0 !important;
32 overflow-wrap: break-word;
36 img.align-left, table.align-left {
37 float: left !important;
38 margin: $-xs $-s $-xs 0;
41 float: right !important;
43 img.align-right, table.align-right {
45 margin: $-xs 0 $-xs $-s;
54 h1, h2, h3, h4, h5, h6, pre {
65 height: auto !important;
71 text-decoration: none;
81 // Page content pointers
89 border: 1px solid #CCC;
90 display: inline-block;
93 box-shadow: 0 0 8px 1px rgba(212, 209, 209, 0.35);
96 background-color:#FFF;
108 background-color:#FFF;
109 transform: rotate(45deg);
110 transform-origin: 50% 50%;
111 border-bottom: 1px solid #CCC;
112 border-right: 1px solid #CCC;
116 background-color: #FFF;
117 border: 1px solid #DDD;
147 background-color: #FFF;
148 border: 1px solid #DDD;
152 align-items: stretch;
155 transition: width ease-in-out 180ms;
162 transition: transform ease-in-out 180ms;
165 transition: background-color ease-in-out 180ms;
167 &.open [toolbox-toggle] {
168 background-color: rgba(255, 0, 0, 0.29);
170 &.open [toolbox-toggle] i {
171 transform: rotate(180deg);
179 border-right: 1px solid #DDD;
184 color: rgba(0, 0, 0, 0.5);
194 border-bottom: 1px solid rgba(255, 255, 255, 0.3);
196 &.open .tabs > span.active {
198 background-color: rgba(0, 0, 0, 0.1);
200 div[toolbox-tab-content] {
201 padding-bottom: 45px;
204 flex-direction: column;
208 div[toolbox-tab-content] .padded {
215 padding: 0 $-l $-s $-l;
222 .tags td, .tag-table > div > div > div {
235 flex-direction: column;
243 [toolbox-tab-content] {
259 color: rgba(100, 100, 100, 0.7);
265 border-bottom: 1px solid #EEE;
285 background-color: #FFF;
286 border: 1px solid #BBB;
287 box-shadow: $bs-light;
296 border-bottom: 1px solid #DDD;
301 background-color: #EEE;
306 .comment-editor .CodeMirror, .comment-editor .CodeMirror-scroll {