Sha256: 71f325a28bc3c271eec4f55247011290f5216eaa83799b34651b897a0193034a
Contents?: true
Size: 1.6 KB
Versions: 10
Compression:
Stored size: 1.6 KB
Contents
/* Table of Contents
==================================================
# Colorpicker
# Media Queries */
/* # Colorpicker
================================================== */
.dropdown-swatch {
border-radius: 2px;
display: inline-block;
height: 26px;
vertical-align: middle;
width: 26px;
}
.dropdown-colorpicker > .dropdown-menu {
margin: 4px 0 0 -4px;
min-width: 162px;
padding: 4px;
}
.dropdown-colorpicker > .dropdown-menu > li {
display: block;
float: left;
height: 26px;
margin: 2px;
width: 26px;
}
.dropdown-colorpicker > .dropdown-menu > li > .colorpicker-swatch {
border: 1px solid rgba(0,0,0,0.1);
border-radius: 2px;
box-sizing: border-box;
display: block;
height: 26px;
margin: 0;
padding: 0;
position: relative;
text-decoration: none;
@include transition(all ease 0.1s);
width: 26px;
}
.dropdown-colorpicker > .dropdown-menu > li > .colorpicker-swatch.selected:after {
color: $color-white;
content: "\53";
display: inline-block;
font-family: "dripicons";
font-size: 16px;
left: 0;
line-height: 26px;
position: absolute;
right: 0;
text-align: center;
}
/* # Media Queries
================================================== */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min--moz-device-pixel-ratio: 2),
only screen and ( -o-min-device-pixel-ratio: 2/1),
only screen and ( min-device-pixel-ratio: 2),
only screen and ( min-resolution: 192dpi),
only screen and ( min-resolution: 2dppx) {
.dropdown-colorpicker > .dropdown-menu > li > .colorpicker-swatch { border-width: 0.5px; }
}
Version data entries
10 entries across 10 versions & 1 rubygems