Skip to content

Commit

Permalink
refactor: 优化样式引入
Browse files Browse the repository at this point in the history
  • Loading branch information
@kagol
kagol committed Apr 8, 2022
1 parent 3b8eae6 commit 0c8b43f
Show file tree
Hide file tree
Showing 50 changed files with 50 additions and 146 deletions.
7 changes: 1 addition & 6 deletions packages/devui-vue/devui/accordion/src/accordion.scss
View file
Original file line number Diff line number Diff line change
@@ -1,9 +1,4 @@
@import '../../style/mixins/index';
@import '../../style/theme/color';
@import '../../style/theme/font';
@import '../../style/theme/shadow';
@import '../../style/theme/corner';
@import '../../style/core/animation';
@import '../../styles-var/devui-var.scss';

.devui-accordion-menu {
ol,
Expand Down
3 changes: 1 addition & 2 deletions packages/devui-vue/devui/auto-complete/src/auto-complete.scss
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,4 @@
@import '../../style/mixins/index';
@import '../../style/theme/color';
@import '../../styles-var/devui-var.scss';

.devui-auto-complete,
.devui-auto-complete-menu {
Expand Down
2 changes: 1 addition & 1 deletion packages/devui-vue/devui/avatar/src/avatar.scss
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
@import '../../style/theme/color';
@import '../../styles-var/devui-var.scss';

.devui-avatar {
display: inline-block;
Expand Down
3 changes: 1 addition & 2 deletions packages/devui-vue/devui/badge/src/badge.scss
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,4 @@
@import '../../style/theme/color';
@import '../../style/theme/font';
@import '../../styles-var/devui-var.scss';

.devui-badge {
position: relative;
Expand Down
4 changes: 1 addition & 3 deletions packages/devui-vue/devui/breadcrumb/src/breadcrumb-item.scss
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,4 @@
@import '../../style/theme/color';
@import '../../style/core/_font';
@import '../../style/core/animation';
@import '../../styles-var/devui-var.scss';

.devui-breadcrumb-font-style {
font-size: $devui-font-size;
Expand Down
6 changes: 1 addition & 5 deletions packages/devui-vue/devui/button/src/button.scss
View file
Original file line number Diff line number Diff line change
@@ -1,8 +1,4 @@
@import '../../style/mixins/index';
@import '../../style/theme/color';
@import '../../style/theme/variables';
@import '../../style/theme/font';
@import '../../style/theme/corner';
@import '../../styles-var/devui-var.scss';

.devui-btn {
padding: 0 20px;
Expand Down
5 changes: 1 addition & 4 deletions packages/devui-vue/devui/card/src/card.scss
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,4 @@
@import '../../style/theme/color';
@import '../../style/theme/shadow';
@import '../../style/theme/corner';
@import '../../style/core/_font';
@import '../../styles-var/devui-var.scss';

$card-ele-space: var(--card-ele-space, 8px);
$card-block-space: var(--card-block-space, 16px);
Expand Down
4 changes: 1 addition & 3 deletions packages/devui-vue/devui/carousel/src/carousel.scss
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,4 @@
@import '../../style/theme/color';
@import '../../style/theme/shadow';
@import '../../style/core/animation';
@import '../../styles-var/devui-var.scss';

@mixin fixed-arrow-button() {
position: absolute;
Expand Down
3 changes: 1 addition & 2 deletions packages/devui-vue/devui/cascader/components/cascader-item/index.scss
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,5 @@
@import '../../../style/mixins/flex';
@import '../../../style/theme/color';
@import '../../../style/core/font';
@import '../../../styles-var/devui-var.scss';

.devui-cascader-li {
&.devui-dropdown-item {
Expand Down
3 changes: 1 addition & 2 deletions packages/devui-vue/devui/cascader/components/cascader-list/index.scss
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,5 @@
@import '../../../style/mixins/flex';
@import '../../../style/theme/color';
@import '../../../style/theme/font';
@import '../../../styles-var/devui-var.scss';

.devui-cascader-ul {
height: 180px;
Expand Down
4 changes: 1 addition & 3 deletions packages/devui-vue/devui/cascader/components/cascader-multiple/index.scss
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,4 @@
@import '../../../style/theme/color';
@import '../../../style/theme/corner';
@import '../../../style/core/font';
@import '../../../styles-var/devui-var.scss';

.devui-tags {
&-input {
Expand Down
4 changes: 1 addition & 3 deletions packages/devui-vue/devui/cascader/components/cascader-tag/index.scss
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,4 @@
@import '../../../style/theme/color';
@import '../../../style/theme/corner';
@import '../../../style/core/font';
@import '../../../styles-var/devui-var.scss';

.devui-tag {
margin: 2px 4px 2px 0;
Expand Down
2 changes: 1 addition & 1 deletion packages/devui-vue/devui/cascader/src/cascader.scss
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
@import '../../style/mixins/size';
@import '../../style/mixins/flex';
@import '../../style/theme/color';
@import '../../styles-var/devui-var.scss';

.devui-cascader {
@include flex(flex-start);
Expand Down
4 changes: 1 addition & 3 deletions packages/devui-vue/devui/checkbox/src/checkbox.scss
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,4 @@
@import '../../style/mixins/index';
@import '../../style/theme/color';
@import '../../style/theme/corner';
@import '../../styles-var/devui-var.scss';

.devui-checkbox {
position: relative;
Expand Down
2 changes: 1 addition & 1 deletion packages/devui-vue/devui/color-picker/src/color-picker.scss
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
@import '../../style/theme/color';
@import '../../styles-var/devui-var.scss';

.devui-color-picker {
position: relative;
Expand Down
2 changes: 1 addition & 1 deletion packages/devui-vue/devui/countdown/src/countdown.scss
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
@import '../../style/theme/color';
@import '../../styles-var/devui-var.scss';

.devui-countdown {
.countdown-content {
Expand Down
3 changes: 1 addition & 2 deletions packages/devui-vue/devui/editable-select/src/editable-select.scss
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,4 @@
@import '../../style/theme/color';
@import '../../style/core/animation';
@import '../../styles-var/devui-var.scss';

.devui-editable-select {
.devui-select-chevron-icon {
Expand Down
2 changes: 1 addition & 1 deletion packages/devui-vue/devui/fullscreen/src/fullscreen.scss
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
@import '../../style/theme/color';
@import '../../styles-var/devui-var.scss';

.devui-fullscreen {
position: fixed;
Expand Down
2 changes: 1 addition & 1 deletion packages/devui-vue/devui/gantt/src/gantt-bar-parent/gantt-bar-parent.scss
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
@import '../../style/theme/color';
@import '../../styles-var/devui-var.scss';

.devui-gantt-bar-parent {
width: 100%;
Expand Down
4 changes: 1 addition & 3 deletions packages/devui-vue/devui/gantt/src/gantt-scale/gantt-scale.scss
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,4 @@
@import '../../../style/theme/color';
@import '../../../style/theme/corner';
@import '../../../style/core/_font';
@import '../../../styles-var/devui-var.scss';

.devui-gantt-scale-wrapper {
display: block;
Expand Down
5 changes: 1 addition & 4 deletions packages/devui-vue/devui/gantt/src/gantt-tools/gantt-tools.scss
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,4 @@
@import '../../../style/theme/color';
@import '../../../style/theme/corner';
@import '../../../style/core/_font';
@import '../../../style/theme/shadow';
@import '../../../styles-var/devui-var.scss';

.tools-container {
position: absolute;
Expand Down
5 changes: 1 addition & 4 deletions packages/devui-vue/devui/image-preview/src/image-preview.scss
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,4 @@
@import '../../style/theme/_z-index';
@import '../../style/theme/_shadow';
@import '../../style/theme/_color';
@import '../../style/theme/_corner';
@import '../../styles-var/devui-var.scss';

.devui-image-preview {
position: fixed;
Expand Down
6 changes: 1 addition & 5 deletions packages/devui-vue/devui/input-number/src/input-number.scss
View file
Original file line number Diff line number Diff line change
@@ -1,8 +1,4 @@
@import '../../style/mixins/index';
@import '../../style/theme/color';
@import '../../style/theme/font';
@import '../../style/theme/shadow';
@import '../../style/theme/corner';
@import '../../styles-var/devui-var.scss';

.devui-input-number {
position: relative;
Expand Down
2 changes: 1 addition & 1 deletion packages/devui-vue/devui/loading/src/loading.scss
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
@import '../../style/theme/color';
@import '../../styles-var/devui-var.scss';

@keyframes devui-busy-spinner-anim {
0% {
Expand Down
5 changes: 1 addition & 4 deletions packages/devui-vue/devui/modal/src/modal.scss
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,4 @@
@import '../../style/theme/color';
@import '../../style/theme/corner';
@import '../../style/theme/font';
@import '../../style/theme/animation';
@import '../../styles-var/devui-var.scss';

.devui-modal-mask {
justify-content: center;
Expand Down
3 changes: 0 additions & 3 deletions packages/devui-vue/devui/nav-sprite/src/nav-sprite.scss
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,3 @@
@import '../../style/theme/color';
@import '../../style/theme/variables';
@import '../../style/theme/shadow';
@import '../../styles-var/devui-var.scss';

.devui-is-sprite {
Expand Down
4 changes: 1 addition & 3 deletions packages/devui-vue/devui/pagination/src/pagination.scss
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,4 @@
@import '../../style/theme/color';
@import '../../style/theme/_corner';
@import '../../style/core/_font';
@import '../../styles-var/devui-var.scss';

.devui-pagination {
font-size: var(--devui-font-size, 12px);
Expand Down
5 changes: 1 addition & 4 deletions packages/devui-vue/devui/popover/src/popover.scss
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,4 @@
@import '../../style/theme/color';
@import '../../style//theme//corner';
@import '../../style//theme/font';
@import '../../style//theme//animation';
@import '../../styles-var/devui-var.scss';

.devui-popover-reference {
display: inline-block;
Expand Down
2 changes: 1 addition & 1 deletion packages/devui-vue/devui/progress/src/progress.scss
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
@import '../../style/theme/color';
@import '../../styles-var/devui-var.scss';

.devui-progress--line {
position: relative;
Expand Down
4 changes: 1 addition & 3 deletions packages/devui-vue/devui/radio/src/radio.scss
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,4 @@
@import '../../style/theme/color';
@import '../../style/core/_font';
@import '../../style/theme/animation';
@import '../../styles-var/devui-var.scss';

.devui-radio {
display: flex;
Expand Down
3 changes: 1 addition & 2 deletions packages/devui-vue/devui/rate/src/rate.scss
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,4 @@
@import '../../style/theme/color';
@import '../../style/core/_font';
@import '../../styles-var/devui-var.scss';

.devui-star-align {
font-size: $devui-font-size-icon;
Expand Down
9 changes: 2 additions & 7 deletions packages/devui-vue/devui/read-tip/src/read-tip.scss
View file
Original file line number Diff line number Diff line change
@@ -1,10 +1,5 @@
@import '../../style/theme/color';
@import '../../style/theme/variables';
@import '../../style/mixins/index';
@import '../../style/theme/shadow';
@import '../../style/theme/corner';
@import '../../style/core/_font';
// @import '../../style/core/z-index';
@import '../../styles-var/devui-var.scss';

.devui-read-tip {
position: relative;

Expand Down
3 changes: 1 addition & 2 deletions packages/devui-vue/devui/result/src/result.scss
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,4 @@
@import '../../style/theme/color';
@import '../../style/theme/font';
@import '../../styles-var/devui-var.scss';

.devui-result {
display: flex;
Expand Down
2 changes: 1 addition & 1 deletion packages/devui-vue/devui/search/src/search.scss
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
@import '../../style/mixins/size';
@import '../../style/mixins/flex';
@import '../../style/theme/color';
@import '../../styles-var/devui-var.scss';

.devui-search {
position: relative;
Expand Down
4 changes: 1 addition & 3 deletions packages/devui-vue/devui/select/src/select.scss
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,4 @@
@import '../../style/mixins/index';
@import '../../style/theme/color';
@import '../../style/theme/corner';
@import '../../styles-var/devui-var.scss';

$border-change-time: 300ms;
$border-change-function: cubic-bezier(0.645, 0.045, 0.355, 1);
Expand Down
3 changes: 1 addition & 2 deletions packages/devui-vue/devui/shared/devui-codebox/devui-codebox.scss
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,4 @@
@import '../../style/theme/color';
@import '../../style/core/font';
@import '../../styles-var/devui-var.scss';

.code-box {
border: 1px solid $devui-line;
Expand Down
6 changes: 1 addition & 5 deletions packages/devui-vue/devui/slider/src/slider.scss
View file
Original file line number Diff line number Diff line change
@@ -1,8 +1,4 @@
@import '../../style/mixins/index';
@import '../../style/theme/color';
@import '../../style/theme/shadow';
@import '../../style/theme/corner';
@import '../../style/theme/font';
@import '../../styles-var/devui-var.scss';

.devui-slider {
position: relative;
Expand Down
3 changes: 1 addition & 2 deletions packages/devui-vue/devui/splitter/src/components/splitter-bar.scss
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,4 @@
@import '../../style/theme/color';
@import '../../style/theme/corner';
@import '../../../styles-var/devui-var.scss';

.devui-splitter-bar {
background-color: $devui-dividing-line;
Expand Down
3 changes: 1 addition & 2 deletions packages/devui-vue/devui/splitter/src/splitter.scss
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,4 @@
@import '../../style/theme/color';
@import '../../style/theme/corner';
@import '../../styles-var/devui-var.scss';

.devui-splitter {
display: flex;
Expand Down
4 changes: 1 addition & 3 deletions packages/devui-vue/devui/switch/src/switch.scss
View file
Original file line number Diff line number Diff line change
@@ -1,8 +1,6 @@
@use 'sass:math';

@import '../../style/theme/color';
@import '../../style/theme/font';
@import '../../style/core/animation';
@import '../../styles-var/devui-var.scss';

:host {
display: inline-block;
Expand Down
7 changes: 1 addition & 6 deletions packages/devui-vue/devui/tag-input/src/tag-input.scss
View file
Original file line number Diff line number Diff line change
@@ -1,9 +1,4 @@
@import '../../style/theme/color';
@import '../../style/theme/shadow';
@import '../../style/theme/corner';
@import '../../style/core/_font';
@import '../../style/core/animation';
@import '../../style/theme/z-index';
@import '../../styles-var/devui-var.scss';

:host {
display: block;
Expand Down
5 changes: 1 addition & 4 deletions packages/devui-vue/devui/time-picker/src/components/popup-line/index.scss
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,4 @@
@import '../../../../style/theme/color';
@import '../../../../style/theme/shadow';
@import '../../../../style/theme/corner';
@import '../../../../style/core/_font';
@import '../../../../styles-var/devui-var.scss';

.devui-time-list {
width: 100%;
Expand Down
5 changes: 1 addition & 4 deletions packages/devui-vue/devui/time-picker/src/components/time-popup/index.scss
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,4 @@
@import '../../../../style/theme/color';
@import '../../../../style/theme/shadow';
@import '../../../../style/theme/corner';
@import '../../../../style/theme/z-index';
@import '../../../../styles-var/devui-var.scss';

.devui-time-popup {
height: 310px;
Expand Down
2 changes: 1 addition & 1 deletion packages/devui-vue/devui/time-picker/src/components/time-scroll/index.scss
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
@import '../../../../style/theme/color';
@import '../../../../styles-var/devui-var.scss';

.devui-scroll-box {
width: 100%;
Expand Down
5 changes: 1 addition & 4 deletions packages/devui-vue/devui/time-picker/src/time-picker.scss
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,4 @@
@import '../../style/theme/color';
@import '../../style/theme/shadow';
@import '../../style/theme/corner';
@import '../../style/core/_font';
@import '../../styles-var/devui-var.scss';

.devui-time-picker {
width: 200px;
Expand Down
2 changes: 1 addition & 1 deletion packages/devui-vue/devui/timeline/src/timeline.scss
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
@import '../../style/theme/color';
@import '../../styles-var/devui-var.scss';

$devui-timeline-item-dot-size: 18px;

Expand Down
2 changes: 1 addition & 1 deletion packages/devui-vue/devui/transfer/src/transfer.scss
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
@import '../../style/theme/color';
@import '../../styles-var/devui-var.scss';

$devui-transfer-border-color: #adb0b8;
$devui-transfer-border-radius: 2px;
Expand Down
4 changes: 1 addition & 3 deletions packages/devui-vue/devui/tree-select/src/tree-select.scss
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,4 @@
@import '../../style/mixins/index';
@import '../../style/theme/color';
@import '../../style/theme/corner';
@import '../../styles-var/devui-var.scss';

$tree-select-input-height: 28px;
$tree-select-dropdown-max-height: 300px;
Expand Down
7 changes: 1 addition & 6 deletions packages/devui-vue/devui/tree/src/tree.scss
View file
Original file line number Diff line number Diff line change
@@ -1,9 +1,4 @@
@import '../../style/theme/color';
@import '../../style/theme/variables';
@import '../../style/mixins/index';
@import '../../style/theme/corner';
@import '../../style/core/_font';
@import '../../style/core/animation';
@import '../../styles-var/devui-var.scss';

$keyframe-blue: #5e7ce0;

Expand Down
Loading

0 comments on commit 0c8b43f

Please sign in to comment.