Skip to content
This repository was archived by the owner on May 13, 2024. It is now read-only.

Commit 8629042

Browse files
billyyyyy3320billyyyyy3320
committed
style: format stylus
1 parent b6325cd commit 8629042

File tree

2 files changed

+87
-122
lines changed

2 files changed

+87
-122
lines changed

‎src/client/components/Pagination.vue‎

Lines changed: 75 additions & 111 deletions
Original file line numberDiff line numberDiff line change
@@ -45,116 +45,80 @@ export default {
4545
</script>
4646

4747
<style lang="stylus">
48-
.pagination {
49-
display: inline-block;
50-
padding-left: 0;
51-
margin: 20px 0;
52-
border-radius: 4px;
53-
}
54-
55-
.pagination > li {
56-
display: inline;
57-
outline none;
58-
}
59-
60-
.pagination > li > a,
61-
.pagination > li > span {
62-
transition color .2s, background-color .2s
48+
.pagination
49+
display inline-block
50+
padding-left 0
51+
margin 20px 0
52+
border-radius 4px
53+
54+
.pagination > li
55+
display inline
6356
outline none
64-
position: relative;
65-
float: left;
66-
padding: 6px 12px;
67-
margin-left: -1px;
68-
line-height: 1.42857143;
69-
color: $accentColor;
70-
text-decoration: none;
71-
background-color: #fff;
72-
border: 1px solid #ddd;
73-
}
74-
75-
.pagination > li:first-child > a,
76-
.pagination > li:first-child > span {
77-
margin-left: 0;
78-
border-top-left-radius: 4px;
79-
border-bottom-left-radius: 4px;
80-
}
81-
82-
.pagination > li:last-child > a,
83-
.pagination > li:last-child > span {
84-
border-top-right-radius: 4px;
85-
border-bottom-right-radius: 4px;
86-
}
87-
88-
.pagination > li > a:hover,
89-
.pagination > li > span:hover,
90-
.pagination > li > a:focus,
91-
.pagination > li > span:focus {
92-
z-index: 3;
93-
color: $accentColor;
94-
background-color: #eee;
95-
border-color: #ddd;
96-
}
97-
98-
.pagination > .active > a,
99-
.pagination > .active > span,
100-
.pagination > .active > a:hover,
101-
.pagination > .active > span:hover,
102-
.pagination > .active > a:focus,
103-
.pagination > .active > span:focus {
104-
z-index: 2;
105-
color: #fff;
106-
cursor: default;
107-
background-color: $accentColor;
108-
border-color: $accentColor;
109-
}
110-
111-
.pagination > .disabled > span,
112-
.pagination > .disabled > span:hover,
113-
.pagination > .disabled > span:focus,
114-
.pagination > .disabled > a,
115-
.pagination > .disabled > a:hover,
116-
.pagination > .disabled > a:focus {
117-
color: #ddd;
118-
cursor: not-allowed;
119-
background-color: #fff;
120-
border-color: #ddd;
121-
}
122-
123-
.pagination-lg > li > a,
124-
.pagination-lg > li > span {
125-
padding: 10px 16px;
126-
font-size: 18px;
127-
line-height: 1.3333333;
128-
}
129-
130-
.pagination-lg > li:first-child > a,
131-
.pagination-lg > li:first-child > span {
132-
border-top-left-radius: 6px;
133-
border-bottom-left-radius: 6px;
134-
}
135-
136-
.pagination-lg > li:last-child > a,
137-
.pagination-lg > li:last-child > span {
138-
border-top-right-radius: 6px;
139-
border-bottom-right-radius: 6px;
140-
}
141-
142-
.pagination-sm > li > a,
143-
.pagination-sm > li > span {
144-
padding: 5px 10px;
145-
font-size: 12px;
146-
line-height: 1.5;
147-
}
148-
149-
.pagination-sm > li:first-child > a,
150-
.pagination-sm > li:first-child > span {
151-
border-top-left-radius: 3px;
152-
border-bottom-left-radius: 3px;
153-
}
154-
155-
.pagination-sm > li:last-child > a,
156-
.pagination-sm > li:last-child > span {
157-
border-top-right-radius: 3px;
158-
border-bottom-right-radius: 3px;
159-
}
57+
58+
.pagination > li > a, .pagination > li > span
59+
transition color 0.2s, background-color 0.2s
60+
outline none
61+
position relative
62+
float left
63+
padding 6px 12px
64+
margin-left -1px
65+
line-height 1.42857143
66+
color $accentColor
67+
text-decoration none
68+
background-color #fff
69+
border 1px solid #ddd
70+
71+
.pagination > li:first-child > a, .pagination > li:first-child > span
72+
margin-left 0
73+
border-top-left-radius 4px
74+
border-bottom-left-radius 4px
75+
76+
.pagination > li:last-child > a, .pagination > li:last-child > span
77+
border-top-right-radius 4px
78+
border-bottom-right-radius 4px
79+
80+
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus
81+
z-index 3
82+
color $accentColor
83+
background-color #eee
84+
border-color #ddd
85+
86+
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus
87+
z-index 2
88+
color #fff
89+
cursor default
90+
background-color $accentColor
91+
border-color $accentColor
92+
93+
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus
94+
color #ddd
95+
cursor not-allowed
96+
background-color #fff
97+
border-color #ddd
98+
99+
.pagination-lg > li > a, .pagination-lg > li > span
100+
padding 10px 16px
101+
font-size 18px
102+
line-height 1.3333333
103+
104+
.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span
105+
border-top-left-radius 6px
106+
border-bottom-left-radius 6px
107+
108+
.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span
109+
border-top-right-radius 6px
110+
border-bottom-right-radius 6px
111+
112+
.pagination-sm > li > a, .pagination-sm > li > span
113+
padding 5px 10px
114+
font-size 12px
115+
line-height 1.5
116+
117+
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span
118+
border-top-left-radius 3px
119+
border-bottom-left-radius 3px
120+
121+
.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span
122+
border-top-right-radius 3px
123+
border-bottom-right-radius 3px
160124
</style>

‎src/client/components/SimplePagination.vue‎

Lines changed: 12 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -12,20 +12,21 @@
1212
<style lang="stylus">
1313
.simple-pagination
1414
a
15-
margin-right: 20px
16-
color: #000
17-
height: 38px
18-
line-height: 38px
19-
transition: all .3s ease
20-
position: relative
21-
overflow: hidden
22-
display: inline-block
15+
margin-right 20px
16+
color #000
17+
height 38px
18+
line-height 38px
19+
transition all 0.3s ease
20+
position relative
21+
overflow hidden
22+
display inline-block
2323
background #FFF
24-
padding: 0 15px
25-
text-decoration: none
24+
padding 0 15px
25+
text-decoration none
2626
border 1px solid #000
2727
border-radius 5px
28-
transition all .5s
28+
transition all 0.5s
29+
2930
&:hover
3031
color #FFF
3132
border 1px solid $accentColor

0 commit comments

Comments
 (0)