Sha256: 99ec2913cfa83271df72b0175bd91c7b2fd671b18781b16f024d09e4f1282a51
Contents?: true
Size: 1.59 KB
Versions: 29
Compression:
Stored size: 1.59 KB
Contents
//toolbar component
.toolbar{
background: rgba(255, 255, 255, 0.43);
border: solid 1px #A8A8A8;
padding:10px 5px;
position: relative;
}
.toolbar_item{
display:inline-block;
height:40px;
padding: 0 5px;
min-width: 120px;
line-height:40px;
text-align:center;
margin:5px;
border-radius:3px;
cursor:pointer;
@include font-attr(1.1em, whitesmoke, bold);
}
.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: 10px;
width: 165px;
color: $medium_blue;
input{
display: inline-block;
width: 60px;
margin-top: 10px;
margin-left: 30px;
height: 35px;
padding-left: 5px;
}
.previous, .next{
position: absolute;
top:17px;
display: block;
width: 20px;
height: 20px;
@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{
right:12px;
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
29 entries across 29 versions & 1 rubygems