SHARE
TWEET

Untitled

a guest Oct 23rd, 2019 87 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /* Goes into /static/css/button-block.css */
  2.  
  3. /**
  4.  * Add some spacing to the button-section inside of Draftail.
  5.  */
  6.  .Draftail-block--button-block {
  7.     padding-top: 25px;
  8.     padding-bottom: 15px;
  9.     border-top: 1px solid #ccc;
  10.     border-bottom: 1px solid #ccc;
  11.     position: relative;
  12. }
  13.  
  14. /**
  15.  * Add CSS-based text to the top of the Draftail button-block section.
  16.  */
  17. .Draftail-block--button-block::before {
  18.     content: 'Links will turn into buttons.';
  19.     position: absolute;
  20.     top: 0;
  21.     left: 0;
  22.     color: #555;
  23.     font-size: 12px;
  24. }
  25.  
  26. /**
  27.  * Make buttons look like Wagtail buttons.
  28.  */
  29. .Draftail-block--button-block a[role="button"] {
  30.     line-height: 1.85em;
  31.     color: #007d7e;
  32.     background-color: transparent;
  33.     padding: 0 .8em;
  34.     font-size: .95em;
  35.     border-radius: 3px;
  36.     font-family: Open Sans,Arial,sans-serif;
  37.     width: auto;
  38.     font-weight: 400;
  39.     vertical-align: middle;
  40.     display: inline-block;
  41.     border: 1px solid #007d7e;
  42.     text-decoration: none;
  43.     text-transform: uppercase;
  44.     white-space: nowrap;
  45.     position: relative;
  46.     overflow: hidden;
  47.     box-sizing: border-box;
  48.     -webkit-font-smoothing: auto;
  49. }
  50.     /* Hover state */
  51.     .Draftail-block--button-block a[role="button"]:hover {
  52.         background-color: #00676a;
  53.         color: #fff;
  54.         border-color: transparent;
  55.     }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top