12 flex-direction: column;
19 flex-direction: column;
24 padding: 0 !important;
29 overflow-wrap: break-word;
33 img.align-left, table.align-left {
34 float: left !important;
35 margin: $-xs $-s $-xs 0;
38 float: right !important;
40 img.align-right, table.align-right {
42 margin: $-xs 0 $-xs $-s;
51 h1, h2, h3, h4, h5, h6, pre {
59 word-break: break-all;
60 word-break: break-word;
65 // Page content pointers
73 border: 1px solid #CCC;
74 display: inline-block;
77 box-shadow: 0 0 8px 1px rgba(212, 209, 209, 0.35);
80 background-color:#FFF;
92 background-color:#FFF;
93 transform: rotate(45deg);
94 transform-origin: 50% 50%;
95 border-bottom: 1px solid #CCC;
96 border-right: 1px solid #CCC;
100 background-color: #FFF;
101 border: 1px solid #DDD;
127 background-color: #FFF;
128 border: 1px solid #DDD;
133 align-items: stretch;
136 transition: width ease-in-out 180ms;
143 transition: transform ease-in-out 180ms;
146 transition: background-color ease-in-out 180ms;
148 &.open [toolbox-toggle] {
149 background-color: rgba(255, 0, 0, 0.29);
151 &.open [toolbox-toggle] i {
152 transform: rotate(180deg);
160 border-right: 1px solid #DDD;
165 color: rgba(0, 0, 0, 0.5);
175 border-bottom: 1px solid rgba(255, 255, 255, 0.3);
177 &.open .tabs > span.active {
179 background-color: rgba(0, 0, 0, 0.1);
182 padding-bottom: 45px;
185 flex-direction: column;
189 div[tab-content] .padded {
196 padding: 0 $-l $-s $-l;
231 flex-direction: column;
242 border: 1px solid #DDD;
263 border-bottom: 1px solid #DDD;
283 background-color: #FFF;
284 border: 1px solid #BBB;
285 box-shadow: $bs-light;
294 border-bottom: 1px solid #DDD;
299 background-color: #EEE;