X-Git-Url: http://source.bookstackapp.com/bookstack/blobdiff_plain/fd26f54b9954cc2a44d9f5f71e4258decf90558e..refs/pull/3918/head:/resources/sass/_blocks.scss diff --git a/resources/sass/_blocks.scss b/resources/sass/_blocks.scss index 7d408cd1b..2794dd954 100644 --- a/resources/sass/_blocks.scss +++ b/resources/sass/_blocks.scss @@ -66,7 +66,6 @@ @include lightDark(background-color, #FFF, #222); box-shadow: $bs-card; border-radius: 3px; - border: 1px solid transparent; .body, p.empty-text { padding: $-m; } @@ -87,11 +86,13 @@ .card-title a { line-height: 1; } -.card-footer-link { +.card-footer-link, button.card-footer-link { display: block; padding: $-s $-m; line-height: 1; border-top: 1px solid; + width: 100%; + text-align: left; @include lightDark(border-color, #DDD, #555); border-radius: 0 0 3px 3px; font-size: 0.9em; @@ -100,10 +101,16 @@ text-decoration: none; @include lightDark(background-color, #f2f2f2, #2d2d2d); } + &:focus { + @include lightDark(background-color, #eee, #222); + outline: 1px dotted #666; + outline-offset: -2px; + } } .card.border-card { - border: 1px solid #DDD; + border: 1px solid; + @include lightDark(border-color, #ddd, #000); } .card.drag-card { @@ -127,7 +134,7 @@ flex-grow: 0; padding: 0 $-xs; &:hover { - background-color: #EEE; + @include lightDark(background-color, #eee, #2d2d2d); } .svg-icon { margin-inline-end: 0px; @@ -287,35 +294,10 @@ margin-bottom: 0; } -td .tag-item { +.item-list-row .tag-item { margin-bottom: 0; } -/** - * Pill boxes - */ - -.pill { - display: inline-block; - border: 1px solid currentColor; - padding: .2em .8em; - font-size: 0.8em; - border-radius: 1rem; - position: relative; - overflow: hidden; - line-height: 1.4; - &:before { - content: ''; - background-color: currentColor; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - opacity: 0.1; - } -} - /** * API Docs */