artsite/zorro/src/styles.less

// Custom Theming for NG-ZORRO
// For more information: https://ng.ant.design/docs/customize-theme/en
@import "../node_modules/ng-zorro-antd/ng-zorro-antd.less";

// Override less variables to here
// View all variables: https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/components/style/themes/default.less

// @primary-color: #1890ff;
/* You can add global styles to this file, and also import other style files */



html, body {
  //font-family: Helvetica, Tahoma, Arial, STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif;
  font-family: PingFang SC,Noto Sans,Roboto,Microsoft Yahei,sans-serif !important;
  scroll-behavior: auto !important;
  overscroll-behavior: auto none;
}



//解决bootstrap reboot导致nz-zorro图标位置异常的问题
img, svg {
  vertical-align: unset;
}


/*解决zorro将图标和导航菜单行为绑定在一起的愚蠢行为, 让导航菜单支持自定义图标 加上class: icon*/

.ant-menu-item .icon + a, .ant-menu-submenu-title .icon + a,
.ant-menu-item .icon + span, .ant-menu-submenu-title .icon + span,
.ant-menu.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title .icon + span {
  margin-left: 10px;
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.3s, color 0.3s;
}


.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .icon + a, .ant-menu-submenu-title .icon + a,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .icon + span, .ant-menu-submenu-title .icon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .icon + span {
  opacity: 0;
}


/*Fix: 带图标的按钮，文字左边距*/
.ant-btn > .anticon + span, .ant-btn > i + span{
  margin-left: 6px;
}

.btn>i{
  margin-right: 6px;
}

/*button spinn动画*/
.btn>i.spinner{
  animation:  spinner-border .75s linear infinite
}

/* 修复没有居中对齐的问题*/
.ant-descriptions-item-container {
  align-items: center;
}



/*bootstrap light button optimize */
/*
.btn-light{
  border:1px solid #ccc;
}
.btn:hover{
  box-shadow:0 0 0.5rem rgba(0, 0 , 0, 0.2)
}
*/


/*禁止展示focus效果*/
/**
 * Remove focus styles for non-keyboard focus.
 */
 :focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none;
}

/**
 * Cross-browser styles for explicit focus via 
 * keyboard-based (eg Tab) navigation or the
 * .focus-visible utility class.
 */
:focus,
.focus-visible:focus:not(:focus-visible) {
  outline: 0;
}


.highlight {
  background-color: yellow !important;
  //font-weight: bold;
}