Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 | 7x 7x 7x 7x 7x 7x 7x 7x | <script> import UButton from '../u-button.vue'; export default { name: 'u-form-table-add-button', extends: UButton }; </script> <style module> .root { /* Correct inability to style clickable `input` types in iOS. */ -webkit-appearance: none; /* Remove margins in Chrome, Safari and Opera. */ margin: 0; /* Address `overflow` set to `hidden` in IE+. */ overflow: visible; /* Correct `font` properties not being inherited for `button`. */ font: inherit; /* Address inconsistent `text-transform` inheritance which is only inherit in Firefox and IE. */ text-transform: none; /* Required for `a`. */ text-decoration: none; /* Use pointer cursor at any time. */ cursor: var(--cursor-pointer); user-select: none; /* Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214 */ display: inline-block; width: 100%; text-align: center; padding: var(--button-padding-y) var(--button-padding-x); height: var(--button-height); line-height: calc(var(--button-height) - var(--button-border-width) * 2 - var(--button-padding-y) * 2); background: var(--button-background); color: var(--button-color); border: var(--button-border-width) solid var(--button-border-color); border-radius: var(--button-border-radius); transition: all var(--transition-duration-base); } .root::before { /* font-size: var(--form-table-button-font-size); */ content: '+ '; } .root:hover { text-decoration: none; color: var(--button-color-hover); background: var(--button-background-hover); border-color: var(--button-border-color-hover); /* box-shadow: 0 0 8px rgba(13, 4, 8, 0.1); */ } .root[disabled] { cursor: var(--cursor-not-allowed); background: var(--button-background-disabled); border-color: var(--button-border-color-disabled); color: var(--button-color-disabled); box-shadow: none; } </style> |