Converting application less to sass.
This commit is contained in:
parent
b30be955ca
commit
fec6b6caa5
26 changed files with 1140 additions and 0 deletions
33
app/assets/sass/components/_pagination.scss
Normal file
33
app/assets/sass/components/_pagination.scss
Normal file
|
|
@ -0,0 +1,33 @@
|
|||
|
||||
.pagination {
|
||||
@extend .nav;
|
||||
margin-top: 1em;
|
||||
margin-bottom: 1em;
|
||||
|
||||
> li {
|
||||
display: inline-block;
|
||||
|
||||
.middle, a {
|
||||
padding: .4em .8em;
|
||||
margin: 0 .4em;
|
||||
}
|
||||
|
||||
a {
|
||||
@extend .button;
|
||||
display: block;
|
||||
border: solid 1px $pagination-border;
|
||||
color: $pagination-color;
|
||||
|
||||
&:hover {
|
||||
color: $pagination-color;
|
||||
background-color: $pagination-hover;
|
||||
}
|
||||
}
|
||||
|
||||
&.active a {
|
||||
color: $pagination-active-color;
|
||||
background: $pagination-active-bg;
|
||||
border-color: $pagination-active-border;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in a new issue