1.h5peditor-copypaste-wrap { 2 float: right; 3} 4.h5peditor > .h5peditor-copypaste-wrap { 5 /* Make sure buttons are visible when Tutorial and Example is missing */ 6 margin-bottom: 14px; 7} 8.h5peditor-copypaste-wrap.hidden { 9 display: none; 10} 11.h5peditor-clearfix { 12 clear: both; 13} 14 15.h5peditor-paste-button, 16.h5peditor-copy-button { 17 border: 1px solid #deeeec; 18 padding: 0.5em 0.75em 0.75em 0.5em; 19 margin-left: 0.5em; 20 border-radius: 0.25em; 21 cursor: pointer; 22 background: #f2faff; 23 line-height: 0.5em; 24 25 &:hover { 26 border-color: #bbdae8; 27 } 28 &:active { 29 background-color: #deeffb 30 } 31 &.disabled { 32 color: #707070; 33 background-color: #f5f5f5; 34 border-color: #ededed; 35 cursor: not-allowed; 36 } 37} 38 39.h5peditor-copy-button:before, 40.h5peditor-paste-button:before { 41 font-family: $icon-font-family; 42 margin-right: 5px; 43 font-size: 1.5em; 44 position: relative; 45 top: 0.2em; 46 color: #2372b3; 47} 48.h5peditor-copy-button:before { 49 content: "\e90e"; 50} 51.h5peditor-paste-button:before { 52 content: "\e910"; 53} 54.h5peditor-copy-button.disabled:before, 55.h5peditor-paste-button.disabled:before { 56 color: #707070; 57} 58.h5peditor-copy-button.disabled:before { 59 content: "\e90f"; 60} 61.h5peditor-paste-button.disabled:before { 62 content: "\e911"; 63} 64.h5p-hub .h5peditor-paste-button { 65 font-family: $font-family; 66 color: #fff; 67 border: solid 1px #9fc8f4; 68 padding: 0 0.75em 0.5em 0.75em; 69 background: transparent; 70 line-height: 1; 71 height: auto; 72 margin-top: 0.675em; 73 margin-right: 0.675em; 74 75 &:hover { 76 background: #4b5460; 77 border-color: #606a78; 78 } 79 &:active { 80 background: #434b55; 81 } 82 &.disabled { 83 border-color: #30353d; 84 background: #30353d; 85 color: #c2c2c2; 86 } 87} 88.h5p-hub .h5peditor-paste-button:before { 89 color: #9fc8f4; 90} 91.h5p-hub .h5peditor-paste-button.disabled:before { 92 color: #c3c3c3; 93} 94