init

.svn/pristine/e8/e82e1e4943ceb59619036d357c9c16bae150f78c.svn-base

@@ -0,0 +1,161 @@
+@import "../dropdown/index.less";
+
+:root {
+    --icon-picker-border-radius: var(--global-border-radius);
+    --icon-picker-checked-color: var(--global-checked-color);
+}
+
+.layui-iconpicker {
+  position: relative;
+  height: 38px;
+  line-height: 38px;
+  border-width: 1px;
+  border-style: solid;
+  border-radius: var(--icon-picker-border-radius);
+  cursor: pointer;
+}
+
+.layui-iconpicker .layui-inline {
+  height: 36px;
+  line-height: 36px;
+  vertical-align: top;
+}
+
+.layui-iconpicker-title {
+  padding-left: 5px;
+}
+
+.layui-iconpicker-main {
+  padding: 0 10px;
+}
+
+.layui-iconpicker-main .layui-icon {
+  font-size: 20px;
+}
+
+.layui-iconpicker-main .layui-inline {
+  vertical-align: top;
+}
+
+.layui-iconpicker-split .layui-iconpicker-main {
+  padding: 0 15px;
+  border-right-width: 1px;
+  border-right-style: solid;
+}
+
+.layui-iconpicker-suffix {
+  position: relative;
+  width: 35px;
+  text-align: center;
+}
+
+.layui-iconpicker-suffix .layui-icon {
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.5);
+  transition: all 0.3s;
+}
+
+.layui-iconpicker-down .layui-iconpicker-suffix .layui-icon-down {
+  transform: rotate(180deg);
+}
+
+.layui-iconpicker-search {
+  padding: 10px;
+  box-shadow: 0 2px 8px #f0f1f2;
+  border-bottom: 1px solid whitesmoke;
+}
+
+.layui-iconpicker-list {
+  width: 321px;
+}
+
+.layui-iconpicker-list ul {
+  margin: 6px;
+}
+
+.layui-iconpicker-list li {
+  vertical-align: top;
+  display: inline-block;
+  width: 60px;
+  margin: 2.5px;
+  padding: 5px;
+  overflow: hidden;
+  border: 1px solid #eee;
+  border-radius: 2px;
+  cursor: pointer;
+  text-align: center;
+}
+
+.layui-iconpicker-list li:hover {
+  background-color: var(--global-neutral-color-1);
+  color: rgba(0, 0, 0, 0.5);
+}
+
+.layui-iconpicker-list li.layui-this {
+  border-color: var(--icon-picker-checked-color);
+  color: var(--icon-picker-checked-color);
+}
+
+.layui-iconpicker-list li .layui-icon {
+  font-size: 20px;
+}
+
+.layui-iconpicker-list li .layui-elip {
+  margin-top: 2px;
+  line-height: 20px;
+  font-size: 12px;
+}
+
+.layui-iconpicker-list .layui-none {
+  margin: 30px 0 35px;
+}
+
+.layui-iconpicker-scroll .layui-iconpicker-list {
+  max-height: 200px;
+}
+
+.layui-iconpicker-page {
+  position: relative;
+  padding: 10px 10px 5px;
+  border-top: 1px solid #eee;
+  text-align: right;
+}
+
+.layui-iconpicker-page .layui-laypage {
+  margin: 0;
+}
+
+.layui-iconpicker-page .layui-laypage a,
+.layui-iconpicker-page .layui-laypage span {
+  padding: 0 10px;
+  color: #666;
+}
+
+.layui-iconpicker-page .layui-laypage-count {
+  position: absolute;
+  left: 10px;
+}
+
+.layui-iconpicker-page .layui-laypage-curr .layui-laypage-em {
+  background: 0 0;
+}
+
+.layui-iconpicker-page .layui-laypage-curr em {
+  color: #666;
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.layui-iconpicker-page .layui-laypage-first,
+.layui-iconpicker-page .layui-laypage-last,
+.layui-iconpicker-page .layui-laypage-spr {
+  display: none;
+}
+
+.layui-colorpicker-disabled {
+  opacity: 0.6;
+}
+
+.layui-colorpicker-disabled,
+.layui-colorpicker-disabled * {
+  cursor: not-allowed !important;
+}