1 .js .field--widget-paragraphs .dropbutton-wrapper {
5 /* Override 600px breakpoint from core. */
9 .js .field--widget-paragraphs .dropbutton-widget {
13 .js .field--widget-paragraphs .field-multiple-table {
17 .js .field--widget-paragraphs td {
18 padding: 10px 0px 10px 0px;
21 .js .field--widget-paragraphs .field-multiple-drag {
24 .js .field--widget-paragraphs .draggable .tabledrag-handle {
28 .js .field--widget-paragraphs .tabledrag-handle .handle {
34 .js .paragraph-type-top {
37 justify-content: space-between;
40 .js .paragraphs-collapsed-description {
48 word-break: break-all;
50 .js .paragraphs-collapsed-description:after {
59 background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 100%);
61 .js .draggable:hover .paragraphs-collapsed-description:after,
62 .js .draggable:hover .paragraphs-collapsed-description:after {
64 background: linear-gradient(to right, rgba(247, 252, 255, 0) 0%, #f7fcff 100%);
66 .js .drag-previous .paragraphs-collapsed-description:after {
68 background: linear-gradient(to right, rgba(255, 255, 221, 0) 0%, #ffd 100%);
70 .js .paragraph-type-title {
74 text-overflow: ellipsis;
78 .js .field--widget-paragraphs .delta-order {
83 .paragraph--view-mode--preview {
87 .paragraphs-edit-button-container {
89 flex-flow: row-reverse;
95 /* Override 600px breakpoint core submit button tweaks. */
96 @media screen and (max-width: 600px) {
97 .js .paragraphs-edit-button-container {
103 .js .paragraph-type-top .paragraphs-dropbutton-wrapper {