shortcut.theme.css

Same filename in this branch
  1. 11.1.x core/themes/stable9/css/shortcut/shortcut.theme.css

Styling for the shortcut module.

File

core/modules/shortcut/css/shortcut.theme.css

View source 
  1. /**

  2.  * @file

  3.  * Styling for the shortcut module.

  4.  */

  5. 

  6. /**

  7.  * Toolbar.

  8.  */

  9. .toolbar .toolbar-tray-vertical .edit-shortcuts {

  10.   padding: 1em;

  11.   text-align: right; /* LTR */

  12. }

  13. [dir="rtl"] .toolbar .toolbar-tray-vertical .edit-shortcuts {

  14.   text-align: left;

  15. }

  16. .toolbar .toolbar-tray-horizontal .edit-shortcuts {

  17.   float: right; /* LTR */

  18. }

  19. [dir="rtl"] .toolbar .toolbar-tray-horizontal .edit-shortcuts {

  20.   float: left;

  21. }

  22. 

  23. /**

  24.  * Add/remove links.

  25.  */

  26. .shortcut-action {

  27.   display: inline-block;

  28.   margin-left: 0.3em; /* LTR */

  29. }

  30. [dir="rtl"] .shortcut-action {

  31.   margin-right: 0.3em;

  32.   margin-left: 0;

  33. }

  34. .shortcut-action__message {

  35.   display: inline-block;

  36.   margin-left: 0.3em; /* LTR */

  37.   padding: 0 5px;

  38.   -webkit-transition: all 200ms ease-out;

  39.   transition: all 200ms ease-out;

  40.   -webkit-transform: translateY(-12px);

  41.   transform: translateY(-12px);

  42.   opacity: 0;

  43.   color: #fff;

  44.   border-radius: 5px;

  45.   background: #000;

  46.   background: rgba(0, 0, 0, 0.5);

  47.   -webkit-backface-visibility: hidden;

  48.   backface-visibility: hidden;

  49. }

  50. [dir="rtl"] .shortcut-action__message {

  51.   margin-right: 0.3em;

  52.   margin-left: 0;

  53. }

  54. .shortcut-action:hover .shortcut-action__message,

  55. .shortcut-action:focus .shortcut-action__message {

  56.   -webkit-transform: translateY(-2px);

  57.   transform: translateY(-2px);

  58.   opacity: 1;

  59. }