You are here

Home » API reference » Paragraphs Previewer 8

paragraphs_preview.widget.css in Paragraphs Previewer 8

Styles for Paragraphs Previewer widget form.

File

css/paragraphs_preview.widget.css
View source 
  1. /**

  2.  * @file

  3.  * Styles for Paragraphs Previewer widget form.

  4.  */

  5. .js .field--widget-paragraphs-previewer .paragraphs-nested .tabledrag-toggle-weight-wrapper {

  6.   display: none;

  7. }

  8. 

  9. .js .field--widget-paragraphs-previewer th .paragraphs-actions {

  10.   float: right;

  11.   margin-right: -11px;

  12. }

  13. 

  14. .js .field--widget-paragraphs-previewer .form-actions {

  15.   -webkit-box-align: center;

  16.   -webkit-align-items: center;

  17.   -ms-flex-align: center;

  18.   align-items: center;

  19. }

  20. 

  21. .js .field--widget-paragraphs-previewer .form-actions .dropbutton-multiple {

  22.   margin-right: .5rem;

  23. }

  24. 

  25. .js .field--widget-paragraphs-previewer .form-actions .placeholder {

  26.   margin-left: .25em;

  27. }

  28. 

  29. .js .field--widget-paragraphs-previewer .paragraphs-dropbutton-wrapper {

  30.   display: -webkit-inline-box;

  31.   display: -webkit-inline-flex;

  32.   display: -ms-inline-flexbox;

  33.   display: inline-flex;

  34.   margin: 0;

  35.   padding: 0;

  36. }

  37. 

  38. .js .field--widget-paragraphs-previewer .paragraphs-dropbutton-wrapper .dropbutton-multiple {

  39.   margin: 0;

  40. }

  41. 

  42. .js .field--widget-paragraphs-previewer .dropbutton-wrapper {

  43.   width: auto;

  44.   margin-right: 0;

  45.   padding-right: 0;

  46. }

  47. 

  48. .js .field--widget-paragraphs-previewer .field-multiple-table {

  49.   margin-bottom: 10px;

  50. }

  51. 

  52. .js .field--widget-paragraphs-previewer td {

  53.   padding: 10px 0;

  54. }

  55. 

  56. .js .field--widget-paragraphs-previewer .field-multiple-drag {

  57.   vertical-align: top;

  58. }

  59. 

  60. .js .field--widget-paragraphs-previewer .draggable .tabledrag-handle {

  61.   min-width: 50px;

  62.   margin-left: 0;

  63. }

  64. 

  65. .js .field--widget-paragraphs-previewer .draggable .tabledrag-handle:focus::before {

  66.   margin-left: .1em;

  67.   margin-right: .1em;

  68. }

  69. 

  70. .js .field--widget-paragraphs-previewer .tabledrag-handle .handle {

  71.   height: 22px;

  72. }

  73. 

  74. .js .field--widget-paragraphs-previewer .delta-order {

  75.   padding-right: 10px;

  76.   text-align: right;

  77. }