127 lines
2.9 KiB
SCSS
127 lines
2.9 KiB
SCSS
|
/* ___ AUTOMATICALLY GENERATED: see admin/button.scss for the source file */
|
||
|
|
|
||
|
|
@import "helpers";
|
||
|
|
|
||
|
|
.button {
|
||
|
|
display: inline-block;
|
||
|
|
background: transparent url(/assets/locomotive//buttons/dark-gray-left.png) no-repeat 0 0;
|
||
|
|
padding: 0px 0px 0px 2px;
|
||
|
|
font-size: 0.9em;
|
||
|
|
color: white;
|
||
|
|
cursor: pointer;
|
||
|
|
border: none;
|
||
|
|
height: 31px;
|
||
|
|
outline: none;
|
||
|
|
|
||
|
|
span {
|
||
|
|
display: inline-block;
|
||
|
|
background: transparent url(/assets/locomotive//buttons/dark-gray-right.png) no-repeat right top;
|
||
|
|
position: relative;
|
||
|
|
top: -1px;
|
||
|
|
padding: 3px 9px 9px 4px;
|
||
|
|
line-height: 21px;
|
||
|
|
text-shadow: 1px 1px 1px #000;
|
||
|
|
outline: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
&.light {
|
||
|
|
background-image: url(/assets/locomotive//buttons/light-gray-left.png);
|
||
|
|
color: #787a89;
|
||
|
|
|
||
|
|
span {
|
||
|
|
background-image: url(/assets/locomotive//buttons/light-gray-right.png);
|
||
|
|
text-shadow: 1px 1px 1px #fff;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
&.small {
|
||
|
|
background: #ebedf4;
|
||
|
|
outline: none;
|
||
|
|
-moz-border-radius : 10px;
|
||
|
|
-webkit-border-radius: 10px;
|
||
|
|
height: 20px;
|
||
|
|
font-size: 0.7em;
|
||
|
|
padding: 0px 12px 0px 12px;
|
||
|
|
color: #8B8D9A !important;
|
||
|
|
text-decoration: none;
|
||
|
|
text-shadow: 1px 1px 1px #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
&.mini.add {
|
||
|
|
background: transparent;
|
||
|
|
height: 20px;
|
||
|
|
@include linear-background-gradient(#ebedf4, #d7dbe7);
|
||
|
|
@include full-rounded(4px);
|
||
|
|
@include box-shadow(1px, 1px, 1px, rgba(0, 0, 0, 0.4));
|
||
|
|
|
||
|
|
span {
|
||
|
|
background: none;
|
||
|
|
line-height: 10px;
|
||
|
|
padding: 0px 5px 0 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
&.remove {
|
||
|
|
color: #ff092c !important;
|
||
|
|
font-size: 1.1em;
|
||
|
|
|
||
|
|
&:hover { text-decoration: underline; }
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// .button {
|
||
|
|
// display: inline-block;
|
||
|
|
// background: transparent url(/assets/locomotive//buttons/dark-gray-left.png) no-repeat 0 0;
|
||
|
|
// padding: 0px 0px 0px 2px;
|
||
|
|
// font-size: 0.9em;
|
||
|
|
// color: white;
|
||
|
|
// cursor: pointer;
|
||
|
|
// border: none;
|
||
|
|
// height: 31px;
|
||
|
|
// outline: none;
|
||
|
|
// }
|
||
|
|
//
|
||
|
|
// .button span {
|
||
|
|
// display: inline-block;
|
||
|
|
// background: transparent url(/assets/locomotive//buttons/dark-gray-right.png) no-repeat right top;
|
||
|
|
// position: relative;
|
||
|
|
// top: -1px;
|
||
|
|
// padding: 3px 9px 9px 4px;
|
||
|
|
// line-height: 21px;
|
||
|
|
// text-shadow: 1px 1px 1px #000;
|
||
|
|
// outline: none;
|
||
|
|
// }
|
||
|
|
//
|
||
|
|
// .button.light {
|
||
|
|
// background-image: url(/assets/locomotive//buttons/light-gray-left.png);
|
||
|
|
// color: #787a89;
|
||
|
|
// }
|
||
|
|
//
|
||
|
|
// .button.light span {
|
||
|
|
// background-image: url(/assets/locomotive//buttons/light-gray-right.png);
|
||
|
|
// text-shadow: 1px 1px 1px #fff;
|
||
|
|
// }
|
||
|
|
//
|
||
|
|
// .button.small {
|
||
|
|
// background: #ebedf4;
|
||
|
|
// outline: none;
|
||
|
|
// -moz-border-radius : 10px;
|
||
|
|
// -webkit-border-radius: 10px;
|
||
|
|
// height: 20px;
|
||
|
|
// font-size: 0.7em;
|
||
|
|
// padding: 0px 12px 0px 12px;
|
||
|
|
// color: #8B8D9A !important;
|
||
|
|
// text-decoration: none;
|
||
|
|
// text-shadow: 1px 1px 1px #fff;
|
||
|
|
// }
|
||
|
|
//
|
||
|
|
// .button.small.add {
|
||
|
|
// }
|
||
|
|
//
|
||
|
|
// .button.remove {
|
||
|
|
// color: #ff092c !important;
|
||
|
|
// font-size: 1.1em;
|
||
|
|
// }
|
||
|
|
//
|
||
|
|
// .button.remove:hover { text-decoration: underline; }
|