.note-btn { display: inline-block; font-weight: 400; margin-bottom: 0; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid $btn-default-border; white-space: nowrap; outline: 0; @include button-maker($btn-default-color, $btn-default-bg, $btn-default-hover-bg, $btn-default-active-bg, $btn-default-border); @include button-size($padding-base-vertical, $padding-base-horizontal, $font-size, $line-height, $btn-border-radius); @include user-select(none); &:hover, &:focus, &.focus { color: $btn-default-color; text-decoration: none; border: 1px solid $btn-default-border; background-color: $btn-default-hover-bg; outline: 0; } &:active, &.active { outline: 0; background-image: none; color: $base-text; text-decoration: none; border: 1px solid $btn-default-border; background-color: $btn-default-hover-bg; outline: 0; } &.disabled, &[disabled], fieldset[disabled] & { cursor: $cursor-disabled; @include opacity(.65); @include box-shadow(none); } & > span.note-icon-caret:first-child { margin-left: -1px; } & > span.note-icon-caret:nth-child(2) { padding-left: 3px; margin-right: -5px; } .note-recent-color{ padding: .125rem .25rem; border-radius: 2px; } } .note-btn-primary { background: $accent-color; color: #fff; &:hover, &:focus, &.focus { color: #fff; text-decoration: none; border: 1px solid $btn-default-border; background-color: #fa6362; @include rounded(1px); } } .note-btn-block { display: block; width: 100%; } .note-btn-block + .note-btn-block { margin-top:5px; } // Specificity overrides input[type="submit"], input[type="reset"], input[type="button"] { &.note-btn-block { width: 100%; } } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .close { float: right; font-size:1rem; line-height: 1; color: $base-text; opacity: .5; transition: .3s; margin: .25rem 0; } .close:hover { opacity: 1 }