Skip to content

ds147000 / react-project-storage

Go to a project
Commit bea92af9 by 杨周龙
Options

集成stylelint

1 parent 706d1783
Inline Side-by-side
Showing with 180 additions and 140 deletions
.stylelintrc.json 0 → 100644
{
"extends": [
"stylelint-config-standard",
"stylelint-config-sass-guidelines"
],
"rules": {
"at-rule-no-vendor-prefix": true,
"block-no-empty": true,
"block-opening-brace-space-before": "always",
"declaration-bang-space-after": "never",
"declaration-colon-space-after": "always",
"declaration-colon-space-before": "never",
"function-url-quotes": "always",
"indentation": 4,
"property-no-vendor-prefix": true,
"order/properties-alphabetical-order": true,
"max-nesting-depth": 4,
"selector-max-compound-selectors": 4
}
}
package-lock.json
This diff could not be displayed because it is too large.
package.json
......@@ -24,7 +24,9 @@
"start": "react-app-rewired start",
"build": "react-app-rewired build",
"test": "react-app-rewired test",
"eject": "react-scripts eject"
"eject": "react-scripts eject",
"style-lint": "stylelint \"**/*.{scss, css, less}\"",
"lint-fix": "stylelint --fix \"**/*.{scss, css, less}\""
},
"eslintConfig": {
"extends": "react-app"
......@@ -53,6 +55,9 @@
"cross-env": "^7.0.2",
"customize-cra": "^1.0.0",
"node-sass": "^4.14.1",
"react-app-rewired": "^2.1.6"
"react-app-rewired": "^2.1.6",
"stylelint": "^13.8.0",
"stylelint-config-sass-guidelines": "^7.1.0",
"stylelint-config-standard": "^20.0.0"
}
}
src/components/BreadCrumbs/index.scss
.breadcrumb-box {
margin-bottom: 12px;
padding: 7px 14px;
height: 34px;
background-color: #fff;
.ant-breadcrumb > span:last-child {
color: #1892FF;
}
}
\ No newline at end of file
background-color: #fff;
height: 34px;
margin-bottom: 12px;
padding: 7px 14px;
.ant-breadcrumb > span:last-child {
color: #1892ff;
}
}
src/components/Layout/style.scss
.site-layout{
.site-layout-background {
background: #1890FF;
height: 60px;
}
.site-layout-header{
display: flex;
justify-content: center;
align-items: center;
position: relative;
&::before{
content: "";
width: 1px;
height: 36px;
position: absolute;
top: 50%;
right: 0px;
transform: translate(0%, -50%);
background-color: #fff;
}
}
.icon{
width: 18px;
height: 18px;
margin-right: 10px;
}
.logo-box {
margin: 0 auto;
width: 1200px;
display: flex;
align-items: center;
color: #fff;
}
.platform {
font-size: 16px;
line-height: 28px;
color: #fff;
}
.site-layout-tab-header{
display: flex;
align-items: center;
justify-content: space-between;
padding-left: 16px;
padding-right: 16px;
}
.user-menu-box{
display: flex;
align-items: center;
cursor: pointer;
.user-title{
color: #fff;
font-size: 18px;
font-weight: 500;
padding-left: 4px;
}
}
.content{
margin: 11px;
flex: 1;
height: calc(100vh - 82px);
overflow: auto;
padding-bottom: 30px;
}
.meun-box{
height: calc(100vh - 82px);
overflow: hidden;
}
}
\ No newline at end of file
.site-layout {
.site-layout-background {
background: #1890ff;
height: 60px;
}
.site-layout-header {
align-items: center;
display: flex;
justify-content: center;
position: relative;
&::before {
background-color: #fff;
content: '';
height: 36px;
position: absolute;
right: 0;
top: 50%;
transform: translate(0%, -50%);
width: 1px;
}
}
.icon {
height: 18px;
margin-right: 10px;
width: 18px;
}
.logo-box {
align-items: center;
color: #fff;
display: flex;
margin: 0 auto;
width: 1200px;
}
.platform {
color: #fff;
font-size: 16px;
line-height: 28px;
}
.site-layout-tab-header {
align-items: center;
display: flex;
justify-content: space-between;
padding-left: 16px;
padding-right: 16px;
}
.user-menu-box {
align-items: center;
cursor: pointer;
display: flex;
.user-title {
color: #fff;
font-size: 18px;
font-weight: 500;
padding-left: 4px;
}
}
.content {
flex: 1;
height: calc(100vh - 82px);
margin: 11px;
overflow: auto;
padding-bottom: 30px;
}
.meun-box {
height: calc(100vh - 82px);
overflow: hidden;
}
}
src/components/iframe/index.scss
.iframe{
width: 100%;
.iframe {
border: 0;
height: 100%;
border: 0px;
padding: 0px;
margin: 0px;
margin: 0;
padding: 0;
width: 100%;
}
.iframe-box{
display: flex;
.iframe-box {
align-items: center;
justify-content: center;
width: 100%;
display: flex;
height: calc(100vh - 100px);
justify-content: center;
overflow: auto;
width: 100%;
}
.iframe-loading{
.iframe-loading {
left: 50%;
position: fixed;
top: 50%;
left: 50%;
}
\ No newline at end of file
}
src/view/error/index.scss
.error-box {
padding-bottom: 30px;
text-align: center;
background-color: #fff;
&::before{
content: '';
display: table;
}
.login-box {
min-height: 100vh;;
background-color: #EBEBEB;
}
.login-header {
display: flex;
align-items: center;
height: 60px;
background-color: #1890FF;
.logo-box {
margin: 0 auto;
width: 1200px;
display: flex;
align-items: center;
color: #fff;
background-color: #fff;
padding-bottom: 30px;
text-align: center;
&::before {
content: '';
display: table;
}
.platform-name {
margin-left: 16px;
padding-left: 12px;
border-left: 1px solid #fff;
font-size: 20px;
line-height: 28px;
.login-box {
background-color: #ebebeb;
min-height: 100vh;
}
}
.ant-statistic {
display: inline-block;
vertical-align: bottom;
.ant-statistic-content {
font-size: 16px;
.login-header {
align-items: center;
background-color: #1890ff;
display: flex;
height: 60px;
.logo-box {
align-items: center;
color: #fff;
display: flex;
margin: 0 auto;
width: 1200px;
}
.platform-name {
border-left: 1px solid #fff;
font-size: 20px;
line-height: 28px;
margin-left: 16px;
padding-left: 12px;
}
}
}
.error-img {
margin: 39px auto 16px;
width: 714px;
height: 563px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
}
\ No newline at end of file
.ant-statistic {
display: inline-block;
vertical-align: bottom;
.ant-statistic-content {
font-size: 16px;
}
}
.error-img {
background-position: center;
background-repeat: no-repeat;
background-size: contain;
height: 563px;
margin: 39px auto 16px;
width: 714px;
}
}
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!