From fbf031c1fe487ec90694bb4e7e83ee1f171a2477 Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Tue, 12 Apr 2016 14:38:28 +0800 Subject: update pagination code --- src/base.less | 9 +++++++-- src/buttons.less | 6 ------ src/navigation.less | 22 +++++++++++++++------- 3 files changed, 22 insertions(+), 15 deletions(-) (limited to 'src') diff --git a/src/base.less b/src/base.less index 8090c55..01d06bb 100644 --- a/src/base.less +++ b/src/base.less @@ -25,11 +25,16 @@ a { color: darken(@core-link-color, 25%); } } - +// Disabled state +&[disabled], +.disabled { + opacity: .5; + cursor: default; + pointer-events: none; +} // Icons .btn, -button, .toast, .menu { .icon { diff --git a/src/buttons.less b/src/buttons.less index 5fd5c80..f13aa3c 100644 --- a/src/buttons.less +++ b/src/buttons.less @@ -31,12 +31,6 @@ background-color: darken(@core-color, 5%); } - &[disabled], - .disabled { - opacity: .5; - cursor: default; - } - // Button Primary &.btn-primary { color: #fff; diff --git a/src/navigation.less b/src/navigation.less index 8dc5f83..b532961 100644 --- a/src/navigation.less +++ b/src/navigation.less @@ -81,24 +81,32 @@ } // Pagination .pagination { + display: inline-block; padding: 1.2rem; .page-item { - float: left; - margin-right: .2rem; - padding: .1rem .2rem; + display: inline; span { + float: left; display: inline-block; - padding: .7rem .5rem; + padding: .5rem .5rem; } a { - display: block; - padding: .7rem 1.5rem; + float: left; + display: inline-block; + padding: .4rem 1rem; + margin: 0 .2rem; + border: .1rem solid transparent; border-radius: .3rem; text-decoration: none; + + &:hover, + &:focus { + border-color: @core-color; + } } - + &.active { a { color: #fff; -- cgit v1.3.1-23-gd82d