Sha256: 12cd7303646125976c7ab22fbc6a86cc63d6fc19d30b070522b8be9cb6237dbe
Contents?: true
Size: 1.61 KB
Versions: 12
Compression:
Stored size: 1.61 KB
Contents
//toolbar component
.toolbar{
background: rgba(255, 255, 255, 0.43);
border: solid 1px #A8A8A8;
padding:3px 5px;
position: relative;
}
.toolbar_item{
display:inline-block;
min-width: 110px;
text-align:center;
border-radius:3px;
cursor:pointer;
@include margin(5px);
@include font-attr(14px, whitesmoke, bold);
@include pad(5px);
}
.toolbar_item.enabled, .toolbar_item.alwaysvisible{
background-color:$medium_blue;
color: white;
// box-shadow: 3px 3px 7px 1px #1C1D1F;
box-shadow: 2px 2px 6px 0px #1C1D1F;
&:hover{
box-shadow: 2px 2px 6px 1px #1C1D1F;
// color:orange;
}
}
.toolbar_item.disabled{
background-color: #B0B0B2;
color: #E0E0E0;
}
.toolbar_item-pagination{
position: absolute;
right: 0;
top: 0px;
width: 165px;
color: $medium_blue;
font-size: 14px;
font-weight: bold;
input{
display: inline-block;
width: 35px;
margin-top: 12px;
margin-left:25px;
height: 25px;
padding-left: 5px;
}
.previous, .next{
position: absolute;
top:19px;
display: block;
width: 13px;
height: 13px;
@include rotate(45deg);
&:hover{
box-shadow: none;
}
}
.previous{
left:5px;
border-left: solid 4px blue;
border-bottom: solid 4px blue;
box-shadow: -4px 4px 4px 0px rgba(150, 150, 150, 1);
&.disabled{
border-color: grey;
box-shadow: none;
}
}
.next{
left:100px;
border-top: solid 4px blue;
border-right: solid 4px blue;
box-shadow: 4px -4px 4px 0px rgba(150, 150, 150, 1);
&.disabled{
border-color: grey;
box-shadow: none;
}
}
}
Version data entries
12 entries across 12 versions & 1 rubygems