| 1 | trix-editor {
|
| 2 | border: 1px solid #bbb;
|
| 3 | border-radius: 3px;
|
| 4 | margin: 0;
|
| 5 | padding: 0.4em 0.6em;
|
| 6 | min-height: 5em;
|
| 7 | outline: none; }
|
| 8 |
|
| 9 | trix-toolbar * {
|
| 10 | box-sizing: border-box; }
|
| 11 |
|
| 12 | trix-toolbar .trix-button-row {
|
| 13 | display: flex;
|
| 14 | flex-wrap: nowrap;
|
| 15 | justify-content: space-between;
|
| 16 | overflow-x: auto; }
|
| 17 |
|
| 18 | trix-toolbar .trix-button-group {
|
| 19 | display: flex;
|
| 20 | margin-bottom: 10px;
|
| 21 | border: 1px solid #bbb;
|
| 22 | border-top-color: #ccc;
|
| 23 | border-bottom-color: #888;
|
| 24 | border-radius: 3px; }
|
| 25 | trix-toolbar .trix-button-group:not(:first-child) {
|
| 26 | margin-left: 1.5vw; }
|
| 27 | @media (max-device-width: 768px) {
|
| 28 | trix-toolbar .trix-button-group:not(:first-child) {
|
| 29 | margin-left: 0; } }
|
| 30 |
|
| 31 | trix-toolbar .trix-button-group-spacer {
|
| 32 | flex-grow: 1; }
|
| 33 | @media (max-device-width: 768px) {
|
| 34 | trix-toolbar .trix-button-group-spacer {
|
| 35 | display: none; } }
|
| 36 |
|
| 37 | trix-toolbar .trix-button {
|
| 38 | position: relative;
|
| 39 | float: left;
|
| 40 | color: rgba(0, 0, 0, 0.6);
|
| 41 | font-size: 0.75em;
|
| 42 | font-weight: 600;
|
| 43 | white-space: nowrap;
|
| 44 | padding: 0 0.5em;
|
| 45 | margin: 0;
|
| 46 | outline: none;
|
| 47 | border: none;
|
| 48 | border-bottom: 1px solid #ddd;
|
| 49 | border-radius: 0;
|
| 50 | background: transparent; }
|
| 51 | trix-toolbar .trix-button:not(:first-child) {
|
| 52 | border-left: 1px solid #ccc; }
|
| 53 | trix-toolbar .trix-button.trix-active {
|
| 54 | background: #cbeefa;
|
| 55 | color: black; }
|
| 56 | trix-toolbar .trix-button:not(:disabled) {
|
| 57 | cursor: pointer; }
|
| 58 | trix-toolbar .trix-button:disabled {
|
| 59 | color: rgba(0, 0, 0, 0.125); }
|
| 60 | @media (max-device-width: 768px) {
|
| 61 | trix-toolbar .trix-button {
|
| 62 | letter-spacing: -0.01em;
|
| 63 | padding: 0 0.3em; } }
|
| 64 |
|
| 65 | trix-toolbar .trix-button--icon {
|
| 66 | font-size: inherit;
|
| 67 | width: 2.6em;
|
| 68 | height: 1.6em;
|
| 69 | max-width: calc(0.8em + 4vw);
|
| 70 | text-indent: -9999px; }
|
| 71 | @media (max-device-width: 768px) {
|
| 72 | trix-toolbar .trix-button--icon {
|
| 73 | height: 2em;
|
| 74 | max-width: calc(0.8em + 3.5vw); } }
|
| 75 | trix-toolbar .trix-button--icon::before {
|
| 76 | display: inline-block;
|
| 77 | position: absolute;
|
| 78 | top: 0;
|
| 79 | right: 0;
|
| 80 | bottom: 0;
|
| 81 | left: 0;
|
| 82 | opacity: 0.6;
|
| 83 | content: "";
|
| 84 | background-position: center;
|
| 85 | background-repeat: no-repeat;
|
| 86 | background-size: contain; }
|
| 87 | @media (max-device-width: 768px) {
|
| 88 | trix-toolbar .trix-button--icon::before {
|
| 89 | right: 6%;
|
| 90 | left: 6%; } }
|
| 91 | trix-toolbar .trix-button--icon.trix-active::before {
|
| 92 | opacity: 1; }
|
| 93 | trix-toolbar .trix-button--icon:disabled::before {
|
| 94 | opacity: 0.125; }
|
| 95 |
|
| 96 | trix-toolbar .trix-button--icon-attach::before {
|
| 97 | background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M16.5%206v11.5c0%202.21-1.79%204-4%204s-4-1.79-4-4V5a2.5%202.5%200%200%201%205%200v10.5a1%201%200%201%201-2%200V6H10v9.5a2.5%202.5%200%200%200%205%200V5c0-2.21-1.79-4-4-4S7%202.79%207%205v12.5a5.5%205.5%200%200%200%2011%200V6h-1.5z%22%2F%3E%3C%2Fsvg%3E");
|
| 98 | top: 8%;
|
| 99 | bottom: 4%; }
|
| 100 |
|
| 101 | trix-toolbar .trix-button--icon-bold::before {
|
| 102 | background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M15.6%2011.79c.965-.675%201.65-1.765%201.65-2.79%200-2.255-1.745-4-4-4H7v14h7.04c2.095%200%203.71-1.7%203.71-3.79%200-1.52-.865-2.815-2.15-3.42zM10%207.5h3c.83%200%201.5.67%201.5%201.5s-.67%201.5-1.5%201.5h-3v-3zm3.5%209H10v-3h3.5c.83%200%201.5.67%201.5%201.5s-.67%201.5-1.5%201.5z%22%2F%3E%3C%2Fsvg%3E"); }
|
| 103 |
|
| 104 | trix-toolbar .trix-button--icon-italic::before {
|
| 105 | background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M10%205v3h2.215l-3.43%208H6v3h8v-3h-2.215l3.43-8H18V5h-8z%22%2F%3E%3C%2Fsvg%3E"); }
|
| 106 |
|
| 107 | trix-toolbar .trix-button--icon-link::before {
|
| 108 | background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M9.88%2013.697a4.294%204.294%200%200%201%200-6.066l3.374-3.375A4.261%204.261%200%200%201%2016.287%203a4.26%204.26%200%200%201%203.033%201.256%204.294%204.294%200%200%201%200%206.066l-1.962%201.715a.914.914%200%201%201-1.293-1.293l1.963-1.715c.96-.96.96-2.52%200-3.48a2.445%202.445%200%200%200-1.74-.72c-.658%200-1.276.255-1.741.72l-3.375%203.375c-.96.96-.96%202.52%200%203.48a.914.914%200%201%201-1.293%201.293Z%22%2F%3E%3Cpath%20d%3D%22M4.254%2019.458a4.294%204.294%200%200%201%200-6.065L6.18%2011.49a.914.914%200%201%201%201.292%201.293l-1.924%201.903a2.463%202.463%200%200%200%201.74%204.2c.658%200%201.275-.256%201.74-.72l3.376-3.375c.96-.96.96-2.52%200-3.48a.914.914%200%201%201%201.292-1.293%204.294%204.294%200%200%201%200%206.065l-3.375%203.375a4.261%204.261%200%200%201-3.033%201.256%204.261%204.261%200%200%201-3.033-1.256Z%22%2F%3E%3C%2Fsvg%3E"); }
|
| 109 |
|
| 110 | trix-toolbar .trix-button--icon-strike::before {
|
| 111 | background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12.728%2014c.122.057.216.104.282.141.262.147.451.293.57.436a.77.77%200%200%201%20.177.503c0%20.307-.147.558-.441.752-.293.195-.755.293-1.385.293-.731%200-1.533-.104-2.407-.312A13.521%2013.521%200%200%201%207%2014.946v3.373c.766.325%201.504.554%202.213.685s1.586.196%202.632.196c1.253%200%202.345-.187%203.276-.56.931-.374%201.644-.898%202.138-1.572S18%2015.623%2018%2014.754c0-.264-.021-.515-.062-.754h-5.21zM7.23%2010a4.635%204.635%200%200%201-.123-1.1c0-1.29.527-2.296%201.58-3.017C9.739%205.16%2011.186%204.8%2013.026%204.8c1.626%200%203.284.335%204.974%201.006l-1.3%202.922c-1.468-.6-2.735-.9-3.803-.9-.551%200-.952.086-1.203.258-.25.173-.376.387-.376.642%200%20.275.16.52.478.738.179.122.53.3%201.052.534H7.23zM3%2013h18v-2H3v2z%22%2F%3E%3C%2Fsvg%3E"); }
|
| 112 |
|
| 113 | trix-toolbar .trix-button--icon-quote::before {
|
| 114 | background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M6%2017h3l2-4V7H5v6h3zm8%200h3l2-4V7h-6v6h3z%22%2F%3E%3C%2Fsvg%3E"); }
|
| 115 |
|
| 116 | trix-toolbar .trix-button--icon-heading-1::before {
|
| 117 | background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M11.516%209v3h-3v6.984h-3V12h-3V9h9ZM8.484%203.984h13.031v3h-5.016v12h-3v-12H8.483v-3h.001Z%22%2F%3E%3C%2Fsvg%3E"); }
|
| 118 |
|
| 119 | trix-toolbar .trix-button--icon-code::before {
|
| 120 | background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M18.17%2012%2015%2015.17l1.415%201.415L21%2012l-4.585-4.585L15%208.83%2018.17%2012zM5.83%2012%209%208.83%207.585%207.415%203%2012l4.585%204.585L9%2015.17%205.83%2012z%22%2F%3E%3C%2Fsvg%3E"); }
|
| 121 |
|
| 122 | trix-toolbar .trix-button--icon-bullet-list::before {
|
| 123 | background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%204c-1.107%200-2%20.893-2%202s.893%202%202%202%202-.893%202-2-.893-2-2-2zm0%206c-1.107%200-2%20.893-2%202s.893%202%202%202%202-.893%202-2-.893-2-2-2zm0%206c-1.107%200-2%20.893-2%202s.893%202%202%202%202-.893%202-2-.893-2-2-2zm4%203h14v-2H8v2zm0-6h14v-2H8v2zm0-8v2h14V5H8z%22%2F%3E%3C%2Fsvg%3E"); }
|
| 124 |
|
| 125 | trix-toolbar .trix-button--icon-number-list::before {
|
| 126 | background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M2%2017h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1%203h1.8L2%2013.1v.9h3v-1H3.2L5%2010.9V10H2v1zm5-6v2h14V5H7zm0%2014h14v-2H7v2zm0-6h14v-2H7v2z%22%2F%3E%3C%2Fsvg%3E"); }
|
| 127 |
|
| 128 | trix-toolbar .trix-button--icon-undo::before {
|
| 129 | background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12.5%208c-2.645%200-5.055.985-6.9%202.6L2%207v9h9l-3.615-3.615C8.77%2011.22%2010.545%2010.5%2012.5%2010.5a7.994%207.994%200%200%201%207.595%205.5l2.365-.78C21.085%2011.03%2017.15%208%2012.5%208z%22%2F%3E%3C%2Fsvg%3E"); }
|
| 130 |
|
| 131 | trix-toolbar .trix-button--icon-redo::before {
|
| 132 | background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M18.395%2010.6A10.416%2010.416%200%200%200%2011.5%208c-4.65%200-8.585%203.03-9.96%207.22l2.365.78a7.994%207.994%200%200%201%207.595-5.5c1.955%200%203.73.72%205.115%201.885L13%2016h9V7l-3.605%203.6z%22%2F%3E%3C%2Fsvg%3E"); }
|
| 133 |
|
| 134 | trix-toolbar .trix-button--icon-decrease-nesting-level::before {
|
| 135 | background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M3%2019h19v-2H3v2Zm7-6h12v-2H10v2Zm-8.293-.257%202.829%202.828%201.414-1.414-2.122-2.121L5.95%209.914%204.536%208.5%201%2012.036l.707.707ZM3%205v2h19V5H3Z%22%2F%3E%3C%2Fsvg%3E"); }
|
| 136 |
|
| 137 | trix-toolbar .trix-button--icon-increase-nesting-level::before {
|
| 138 | background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M3%2019h19v-2H3v2Zm7-6h12v-2H10v2Zm-6.879-.964L1%2014.156l1.414%201.415%203.536-3.535-.707-.708L2.414%208.5%201%209.914l2.121%202.122ZM3%205v2h19V5H3Z%22%2F%3E%3C%2Fsvg%3E"); }
|
| 139 |
|
| 140 | trix-toolbar .trix-dialogs {
|
| 141 | position: relative; }
|
| 142 |
|
| 143 | trix-toolbar .trix-dialog {
|
| 144 | position: absolute;
|
| 145 | top: 0;
|
| 146 | left: 0;
|
| 147 | right: 0;
|
| 148 | font-size: 0.75em;
|
| 149 | padding: 15px 10px;
|
| 150 | background: #fff;
|
| 151 | box-shadow: 0 0.3em 1em #ccc;
|
| 152 | border-top: 2px solid #888;
|
| 153 | border-radius: 5px;
|
| 154 | z-index: 5; }
|
| 155 |
|
| 156 | trix-toolbar .trix-input--dialog {
|
| 157 | font-size: inherit;
|
| 158 | font-weight: normal;
|
| 159 | padding: 0.5em 0.8em;
|
| 160 | margin: 0 10px 0 0;
|
| 161 | border-radius: 3px;
|
| 162 | border: 1px solid #bbb;
|
| 163 | background-color: #fff;
|
| 164 | box-shadow: none;
|
| 165 | outline: none;
|
| 166 | -webkit-appearance: none;
|
| 167 | -moz-appearance: none; }
|
| 168 | trix-toolbar .trix-input--dialog.validate:invalid {
|
| 169 | box-shadow: #F00 0px 0px 1.5px 1px; }
|
| 170 |
|
| 171 | trix-toolbar .trix-button--dialog {
|
| 172 | font-size: inherit;
|
| 173 | padding: 0.5em;
|
| 174 | border-bottom: none; }
|
| 175 |
|
| 176 | trix-toolbar .trix-dialog--link {
|
| 177 | max-width: 600px; }
|
| 178 |
|
| 179 | trix-toolbar .trix-dialog__link-fields {
|
| 180 | display: flex;
|
| 181 | align-items: baseline; }
|
| 182 | trix-toolbar .trix-dialog__link-fields .trix-input {
|
| 183 | flex: 1; }
|
| 184 | trix-toolbar .trix-dialog__link-fields .trix-button-group {
|
| 185 | flex: 0 0 content;
|
| 186 | margin: 0; }
|
| 187 |
|
| 188 | trix-editor [data-trix-mutable]:not(.attachment__caption-editor) {
|
| 189 | -webkit-user-select: none;
|
| 190 | -moz-user-select: none;
|
| 191 | -ms-user-select: none;
|
| 192 | user-select: none; }
|
| 193 |
|
| 194 | trix-editor [data-trix-mutable]::-moz-selection,
|
| 195 | trix-editor [data-trix-cursor-target]::-moz-selection, trix-editor [data-trix-mutable] ::-moz-selection {
|
| 196 | background: none; }
|
| 197 |
|
| 198 | trix-editor [data-trix-mutable]::selection,
|
| 199 | trix-editor [data-trix-cursor-target]::selection, trix-editor [data-trix-mutable] ::selection {
|
| 200 | background: none; }
|
| 201 |
|
| 202 | trix-editor .attachment__caption-editor:focus[data-trix-mutable]::-moz-selection {
|
| 203 | background: highlight; }
|
| 204 |
|
| 205 | trix-editor .attachment__caption-editor:focus[data-trix-mutable]::selection {
|
| 206 | background: highlight; }
|
| 207 |
|
| 208 | trix-editor [data-trix-mutable].attachment.attachment--file {
|
| 209 | box-shadow: 0 0 0 2px highlight;
|
| 210 | border-color: transparent; }
|
| 211 |
|
| 212 | trix-editor [data-trix-mutable].attachment img {
|
| 213 | box-shadow: 0 0 0 2px highlight; }
|
| 214 |
|
| 215 | trix-editor .attachment {
|
| 216 | position: relative; }
|
| 217 | trix-editor .attachment:hover {
|
| 218 | cursor: default; }
|
| 219 |
|
| 220 | trix-editor .attachment--preview .attachment__caption:hover {
|
| 221 | cursor: text; }
|
| 222 |
|
| 223 | trix-editor .attachment__progress {
|
| 224 | position: absolute;
|
| 225 | z-index: 1;
|
| 226 | height: 20px;
|
| 227 | top: calc(50% - 10px);
|
| 228 | left: 5%;
|
| 229 | width: 90%;
|
| 230 | opacity: 0.9;
|
| 231 | transition: opacity 200ms ease-in; }
|
| 232 | trix-editor .attachment__progress[value="100"] {
|
| 233 | opacity: 0; }
|
| 234 |
|
| 235 | trix-editor .attachment__caption-editor {
|
| 236 | display: inline-block;
|
| 237 | width: 100%;
|
| 238 | margin: 0;
|
| 239 | padding: 0;
|
| 240 | font-size: inherit;
|
| 241 | font-family: inherit;
|
| 242 | line-height: inherit;
|
| 243 | color: inherit;
|
| 244 | text-align: center;
|
| 245 | vertical-align: top;
|
| 246 | border: none;
|
| 247 | outline: none;
|
| 248 | -webkit-appearance: none;
|
| 249 | -moz-appearance: none; }
|
| 250 |
|
| 251 | trix-editor .attachment__toolbar {
|
| 252 | position: absolute;
|
| 253 | z-index: 1;
|
| 254 | top: -0.9em;
|
| 255 | left: 0;
|
| 256 | width: 100%;
|
| 257 | text-align: center; }
|
| 258 |
|
| 259 | trix-editor .trix-button-group {
|
| 260 | display: inline-flex; }
|
| 261 |
|
| 262 | trix-editor .trix-button {
|
| 263 | position: relative;
|
| 264 | float: left;
|
| 265 | color: #666;
|
| 266 | white-space: nowrap;
|
| 267 | font-size: 80%;
|
| 268 | padding: 0 0.8em;
|
| 269 | margin: 0;
|
| 270 | outline: none;
|
| 271 | border: none;
|
| 272 | border-radius: 0;
|
| 273 | background: transparent; }
|
| 274 | trix-editor .trix-button:not(:first-child) {
|
| 275 | border-left: 1px solid #ccc; }
|
| 276 | trix-editor .trix-button.trix-active {
|
| 277 | background: #cbeefa; }
|
| 278 | trix-editor .trix-button:not(:disabled) {
|
| 279 | cursor: pointer; }
|
| 280 |
|
| 281 | trix-editor .trix-button--remove {
|
| 282 | text-indent: -9999px;
|
| 283 | display: inline-block;
|
| 284 | padding: 0;
|
| 285 | outline: none;
|
| 286 | width: 1.8em;
|
| 287 | height: 1.8em;
|
| 288 | line-height: 1.8em;
|
| 289 | border-radius: 50%;
|
| 290 | background-color: #fff;
|
| 291 | border: 2px solid highlight;
|
| 292 | box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25); }
|
| 293 | trix-editor .trix-button--remove::before {
|
| 294 | display: inline-block;
|
| 295 | position: absolute;
|
| 296 | top: 0;
|
| 297 | right: 0;
|
| 298 | bottom: 0;
|
| 299 | left: 0;
|
| 300 | opacity: 0.7;
|
| 301 | content: "";
|
| 302 | background-image: url("data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%206.41%2017.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E");
|
| 303 | background-position: center;
|
| 304 | background-repeat: no-repeat;
|
| 305 | background-size: 90%; }
|
| 306 | trix-editor .trix-button--remove:hover {
|
| 307 | border-color: #333; }
|
| 308 | trix-editor .trix-button--remove:hover::before {
|
| 309 | opacity: 1; }
|
| 310 |
|
| 311 | trix-editor .attachment__metadata-container {
|
| 312 | position: relative; }
|
| 313 |
|
| 314 | trix-editor .attachment__metadata {
|
| 315 | position: absolute;
|
| 316 | left: 50%;
|
| 317 | top: 2em;
|
| 318 | transform: translate(-50%, 0);
|
| 319 | max-width: 90%;
|
| 320 | padding: 0.1em 0.6em;
|
| 321 | font-size: 0.8em;
|
| 322 | color: #fff;
|
| 323 | background-color: rgba(0, 0, 0, 0.7);
|
| 324 | border-radius: 3px; }
|
| 325 | trix-editor .attachment__metadata .attachment__name {
|
| 326 | display: inline-block;
|
| 327 | max-width: 100%;
|
| 328 | vertical-align: bottom;
|
| 329 | overflow: hidden;
|
| 330 | text-overflow: ellipsis;
|
| 331 | white-space: nowrap; }
|
| 332 | trix-editor .attachment__metadata .attachment__size {
|
| 333 | margin-left: 0.2em;
|
| 334 | white-space: nowrap; }
|
| 335 |
|
| 336 | .trix-content {
|
| 337 | line-height: 1.5; }
|
| 338 | .trix-content * {
|
| 339 | box-sizing: border-box;
|
| 340 | margin: 0;
|
| 341 | padding: 0; }
|
| 342 | .trix-content h1 {
|
| 343 | font-size: 1.2em;
|
| 344 | line-height: 1.2; }
|
| 345 | .trix-content blockquote {
|
| 346 | border: 0 solid #ccc;
|
| 347 | border-left-width: 0.3em;
|
| 348 | margin-left: 0.3em;
|
| 349 | padding-left: 0.6em; }
|
| 350 | .trix-content [dir=rtl] blockquote,
|
| 351 | .trix-content blockquote[dir=rtl] {
|
| 352 | border-width: 0;
|
| 353 | border-right-width: 0.3em;
|
| 354 | margin-right: 0.3em;
|
| 355 | padding-right: 0.6em; }
|
| 356 | .trix-content li {
|
| 357 | margin-left: 1em; }
|
| 358 | .trix-content [dir=rtl] li {
|
| 359 | margin-right: 1em; }
|
| 360 | .trix-content pre {
|
| 361 | display: inline-block;
|
| 362 | width: 100%;
|
| 363 | vertical-align: top;
|
| 364 | font-family: monospace;
|
| 365 | font-size: 0.9em;
|
| 366 | padding: 0.5em;
|
| 367 | white-space: pre;
|
| 368 | background-color: #eee;
|
| 369 | overflow-x: auto; }
|
| 370 | .trix-content img {
|
| 371 | max-width: 100%;
|
| 372 | height: auto; }
|
| 373 | .trix-content .attachment {
|
| 374 | display: inline-block;
|
| 375 | position: relative;
|
| 376 | max-width: 100%; }
|
| 377 | .trix-content .attachment a {
|
| 378 | color: inherit;
|
| 379 | text-decoration: none; }
|
| 380 | .trix-content .attachment a:hover, .trix-content .attachment a:visited:hover {
|
| 381 | color: inherit; }
|
| 382 | .trix-content .attachment__caption {
|
| 383 | text-align: center; }
|
| 384 | .trix-content .attachment__caption .attachment__name + .attachment__size::before {
|
| 385 | content: ' \2022 '; }
|
| 386 | .trix-content .attachment--preview {
|
| 387 | width: 100%;
|
| 388 | text-align: center; }
|
| 389 | .trix-content .attachment--preview .attachment__caption {
|
| 390 | color: #666;
|
| 391 | font-size: 0.9em;
|
| 392 | line-height: 1.2; }
|
| 393 | .trix-content .attachment--file {
|
| 394 | color: #333;
|
| 395 | line-height: 1;
|
| 396 | margin: 0 2px 2px 2px;
|
| 397 | padding: 0.4em 1em;
|
| 398 | border: 1px solid #bbb;
|
| 399 | border-radius: 5px; }
|
| 400 | .trix-content .attachment-gallery {
|
| 401 | display: flex;
|
| 402 | flex-wrap: wrap;
|
| 403 | position: relative; }
|
| 404 | .trix-content .attachment-gallery .attachment {
|
| 405 | flex: 1 0 33%;
|
| 406 | padding: 0 0.5em;
|
| 407 | max-width: 33%; }
|
| 408 | .trix-content .attachment-gallery.attachment-gallery--2 .attachment, .trix-content .attachment-gallery.attachment-gallery--4 .attachment {
|
| 409 | flex-basis: 50%;
|
| 410 | max-width: 50%; }
|