zhouchijian/fe-drone-ci
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

还原 stylelint

Browse Source
This commit is contained in:
mwx816443
2020-05-30 16:21:23 +08:00
parent 76d17eaea8
commit 63aed4082f
101 changed files with 1767 additions and 1784 deletions
Download Patch File Download Diff File Expand all files Collapse all files

85
src/styles/btn.scss
View File

@@ -6,94 +6,87 @@
&:hover {
color: $color;
&:before,
&:after {
&::before,
&::after {
background: $color;
}
}
}
.blue-btn {
@include colorBtn($blue)
}
@include colorBtn($blue); }
.light-blue-btn {
@include colorBtn($light-blue)
}
@include colorBtn($light-blue); }
.red-btn {
@include colorBtn($red)
}
@include colorBtn($red); }
.pink-btn {
@include colorBtn($pink)
}
@include colorBtn($pink); }
.green-btn {
@include colorBtn($green)
}
@include colorBtn($green); }
.tiffany-btn {
@include colorBtn($tiffany)
}
@include colorBtn($tiffany); }
.yellow-btn {
@include colorBtn($yellow)
}
@include colorBtn($yellow); }
.pan-btn {
font-size: 14px;
color: #fff;
padding: 14px 36px;
border-radius: 8px;
border: none;
outline: none;
transition: 600ms ease all;
position: relative;
border-radius: 8px;
color: #fff;
display: inline-block;
font-size: 14px;
outline: none;
padding: 14px 36px;
position: relative;
transition: 600ms ease all;
&:hover {
background: #fff;
&:before,
&:after {
width: 100%;
&::before,
&::after {
transition: 600ms ease all;
width: 100%;
}
}
&:before,
&:after {
&::before,
&::after {
content: '';
position: absolute;
top: 0;
right: 0;
height: 2px;
width: 0;
position: absolute;
right: 0;
top: 0;
transition: 400ms ease all;
width: 0;
}
&::after {
bottom: 0;
left: 0;
right: inherit;
top: inherit;
left: 0;
bottom: 0;
}
}
.custom-button {
display: inline-block;
line-height: 1;
white-space: nowrap;
cursor: pointer;
background: #fff;
color: #fff;
-webkit-appearance: none;
text-align: center;
box-sizing: border-box;
outline: 0;
margin: 0;
padding: 10px 15px;
font-size: 14px;
background: #fff;
border-radius: 4px;
box-sizing: border-box;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 14px;
line-height: 1;
margin: 0;
outline: 0;
padding: 10px 15px;
text-align: center;
white-space: nowrap;
}

17
src/styles/element-ui.scss
View File

@@ -1,12 +1,11 @@
// cover some element-ui styles
.el-breadcrumb__inner,
.el-breadcrumb__inner a {
font-weight: 400 !important;
}
.el-upload {
input[type="file"] {
input[type='file'] {
display: none !important;
}
}
@@ -17,7 +16,7 @@
.cell {
.el-tag {
margin-right: 0px;
margin-right: 0;
}
}
@@ -30,8 +29,8 @@
.fixed-width {
.el-button--mini {
padding: 7px 10px;
min-width: 60px;
padding: 7px 10px;
}
}
@@ -41,17 +40,17 @@
text-align: center;
.el-tag {
margin-right: 0px;
margin-right: 0;
}
}
}
// to fixed https://github.com/ElemeFE/element/issues/2461
.el-dialog {
transform: none;
left: 0;
position: relative;
margin: 0 auto;
position: relative;
transform: none;
}
// refine element ui upload
@@ -60,8 +59,8 @@
width: 100%;
.el-upload-dragger {
width: 100%;
height: 200px;
width: 100%;
}
}
}
@@ -69,7 +68,7 @@
// dropdown
.el-dropdown-menu {
a {
display: block
display: block;
}
}

4
src/styles/element-variables.scss
View File

@@ -20,9 +20,9 @@ $--border-color-lighter: #e6ebf5;
$--table-border: 1px solid #dfe6ec;
/* icon font path, required */
$--font-path: "~element-ui/lib/theme-chalk/fonts";
$--font-path: '~element-ui/lib/theme-chalk/fonts';
@import "~element-ui/packages/theme-chalk/src/index";
@import '~element-ui/packages/theme-chalk/src/index';
// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass

50
src/styles/index.scss
View File

@@ -6,11 +6,11 @@
@import './btn.scss';
body {
height: 100%;
font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
height: 100%;
text-rendering: optimizeLegibility;
font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
}
label {
@@ -18,8 +18,8 @@ label {
}
html {
height: 100%;
box-sizing: border-box;
height: 100%;
}
#app {
@@ -27,13 +27,13 @@ html {
}
*,
*:before,
*:after {
*::before,
*::after {
box-sizing: inherit;
}
.no-padding {
padding: 0px !important;
padding: 0 !important;
}
.padding-content {
@@ -48,8 +48,8 @@ a:active {
a,
a:focus,
a:hover {
cursor: pointer;
color: inherit;
cursor: pointer;
text-decoration: none;
}
@@ -81,33 +81,33 @@ div:focus {
cursor: pointer;
}
.inlineBlock {
.inline-block {
display: block;
}
.clearfix {
&:after {
visibility: hidden;
&::after {
clear: both;
content: ' ';
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
visibility: hidden;
}
}
aside {
background: #eef1f6;
padding: 8px 24px;
margin-bottom: 20px;
border-radius: 2px;
display: block;
line-height: 32px;
font-size: 16px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
color: #2c3e50;
display: block;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
font-size: 16px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 32px;
margin-bottom: 20px;
padding: 8px 24px;
a {
color: #337ab7;
@@ -134,22 +134,22 @@ aside {
}
.text-center {
text-align: center
text-align: center;
}
.sub-navbar {
background: linear-gradient(90deg, rgba(32, 182, 249, 1) 0%, rgba(32, 182, 249, 1) 0%, rgba(33, 120, 241, 1) 100%, rgba(33, 120, 241, 1) 100%);
height: 50px;
line-height: 50px;
position: relative;
width: 100%;
text-align: right;
padding-right: 20px;
position: relative;
text-align: right;
transition: 600ms ease position;
background: linear-gradient(90deg, rgba(32, 182, 249, 1) 0%, rgba(32, 182, 249, 1) 0%, rgba(33, 120, 241, 1) 100%, rgba(33, 120, 241, 1) 100%);
width: 100%;
.subtitle {
font-size: 20px;
color: #fff;
font-size: 20px;
}
&.draft {
@@ -176,8 +176,8 @@ aside {
.filter-item {
display: inline-block;
vertical-align: middle;
margin-bottom: 10px;
vertical-align: middle;
}
}

12
src/styles/mixin.scss
View File

@@ -1,8 +1,8 @@
@mixin clearfix {
&:after {
content: "";
display: table;
&::after {
clear: both;
content: '';
display: table;
}
}
@@ -22,15 +22,15 @@
}
@mixin relative {
height: 100%;
position: relative;
width: 100%;
height: 100%;
}
@mixin pct($pct) {
width: #{$pct};
position: relative;
margin: 0 auto;
position: relative;
width: #{$pct};
}
@mixin triangle($width, $height, $color, $direction) {

12
src/styles/sidebar.scss
View File

@@ -1,8 +1,7 @@
#app {
.main-container {
min-height: 100%;
transition: margin-left .28s;
transition: margin-left 0.28s;
margin-left: $sideBarWidth;
position: relative;
}
@@ -13,7 +12,7 @@
background-color: $menuBg;
height: 100%;
position: fixed;
font-size: 0px;
font-size: 0;
top: 0;
bottom: 0;
left: 0;
@@ -30,7 +29,7 @@
}
.el-scrollbar__bar.is-vertical {
right: 0px;
right: 0;
}
.el-scrollbar {
@@ -146,11 +145,11 @@
// mobile responsive
.mobile {
.main-container {
margin-left: 0px;
margin-left: 0;
}
.sidebar-container {
transition: transform .28s;
transition: transform 0.28s;
width: $sideBarWidth !important;
}
@@ -164,7 +163,6 @@
}
.withoutAnimation {
.main-container,
.sidebar-container {
transition: none;

6
src/styles/transition.scss
View File

@@ -14,7 +14,7 @@
/* fade-transform */
.fade-transform-leave-active,
.fade-transform-enter-active {
transition: all .5s;
transition: all 0.5s;
}
.fade-transform-enter {
@@ -30,7 +30,7 @@
/* breadcrumb transition */
.breadcrumb-enter-active,
.breadcrumb-leave-active {
transition: all .5s;
transition: all 0.5s;
}
.breadcrumb-enter,
@@ -40,7 +40,7 @@
}
.breadcrumb-move {
transition: all .5s;
transition: all 0.5s;
}
.breadcrumb-leave-active {

30
src/styles/variables.scss
View File

@@ -1,23 +1,23 @@
// base color
$blue:#324157;
$light-blue:#3A71A8;
$red:#C03639;
$pink: #E65D6E;
$green: #30B08F;
$tiffany: #4AB7BD;
$yellow:#FEC171;
$panGreen: #30B08F;
$blue: #324157;
$light-blue: #3a71a8;
$red: #c03639;
$pink: #e65d6e;
$green: #30b08f;
$tiffany: #4ab7bd;
$yellow: #fec171;
$panGreen: #30b08f;
// sidebar
$menuText:#bfcbd9;
$menuActiveText:#409EFF;
$subMenuActiveText:#f4f4f5; // https://github.com/ElemeFE/element/issues/12951
$menuText: #bfcbd9;
$menuActiveText: #409eff;
$subMenuActiveText: #f4f4f5; // https://github.com/ElemeFE/element/issues/12951
$menuBg:#304156;
$menuHover:#263445;
$menuBg: #304156;
$menuHover: #263445;
$subMenuBg:#1f2d3d;
$subMenuHover:#001528;
$subMenuBg: #1f2d3d;
$subMenuHover: #001528;
$sideBarWidth: 210px;