PlayEdu-backend/src/index.less
2023-03-09 17:05:05 +08:00

204 lines
2.9 KiB
Plaintext

body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
"Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
code {
font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
monospace;
}
.ml-8 {
margin-left: 8px;
}
.mt-10 {
margin-top: 10px;
}
.ml-15 {
margin-left: 15px;
}
.mr-16 {
margin-right: 16px;
}
.mb-24 {
margin-bottom: 24px;
}
.mr-24 {
margin-right: 24px;
}
.mt-50 {
margin-top: 50px;
}
.mb-50 {
margin-bottom: 50px;
}
.float-left {
width: 100%;
height: auto;
float: left;
}
.d-flex {
display: flex;
align-items: center;
}
.j-flex {
display: flex;
justify-content: center;
}
.d-j-flex {
display: flex;
align-items: center;
justify-content: center;
}
.j-r-flex {
display: flex;
justify-content: right;
}
.j-b-flex {
display: flex;
align-items: center;
justify-content: space-between;
}
.c-flex {
display: flex;
flex-direction: column;
}
.c-admin {
font-size: 14px;
font-weight: 400;
color: rgba(0, 0, 0, 0.88);
line-height: 22px;
cursor: pointer;
&:hover {
opacity: 0.8;
}
}
.primary {
color: #ff4d4f;
}
.c-yellow {
color: #e1a500;
}
.c-green {
color: #04c877;
}
.c-gray {
color: #999999;
}
.c-red {
color: #ff4d4f;
}
.form-avatar {
width: 100px;
height: 100px;
}
.form-course-thumb {
width: 200px;
height: 150px;
}
.playedu-main-body {
width: 100%;
height: auto;
float: left;
background-color: white;
box-sizing: border-box;
padding: 24px;
border-radius: 12px;
}
.ant-menu-item {
width: calc(100% - 32px) !important;
margin-left: 16px !important;
margin-right: 16px !important;
margin-top: 8px !important;
margin-bottom: 8px !important;
}
.ant-menu-submenu {
width: calc(100% - 24px) !important;
margin-left: 12px !important;
margin-right: 12px !important;
margin-top: 6px !important;
margin-bottom: 6px !important;
}
.ant-menu,
.ant-menu-sub,
.ant-menu-inline {
background-color: #ffffff !important;
}
.ant-menu-submenu-active > .ant-menu-submenu-title {
background-color: rgba(#ff4d4f, 0.1) !important;
}
.ant-menu-item-active {
background-color: rgba(#ff4d4f, 0.1) !important;
}
.ant-menu-item-selected {
background-color: #ff4d4f !important;
color: white !important;
}
.ant-menu-submenu-selected > .ant-menu-submenu-title {
color: #ff4d4f !important;
}
textarea.ant-input {
vertical-align: middle;
}
.none {
display: none;
}
.ant-menu-title-content {
font-weight: 500;
}
.ant-menu-item-only-child > .ant-menu-title-content {
font-weight: 400 !important;
}
.ant-dropdown-menu {
padding: 8px 4px !important;
}
.ant-dropdown-menu-item:hover {
background-color: rgba(#ff4d4f, 0.1) !important;
}
.ant-dropdown-menu-item {
margin-bottom: 8px !important;
&:last-child {
margin-bottom: 0px !important;
}
}