diff --git a/src/packages/col/index.scss b/src/packages/col/index.scss
index 7dd7dd435643fa57c749d8050dd63295a4801e20..8f0c85541e9fdc5b8b6ac4f51a12ebc37178e92e 100644
--- a/src/packages/col/index.scss
+++ b/src/packages/col/index.scss
@@ -2,6 +2,15 @@
float: left;
box-sizing: border-box;
word-break: break-all;
+
+ &-gutter {
+ &:last-child {
+ padding-right: 0 !important;
+ }
+ &:first-child {
+ padding-left: 0 !important;
+ }
+ }
}
@for $i from 1 through 24 {
diff --git a/src/packages/col/index.vue b/src/packages/col/index.vue
index e88b636376c4d70a24bfec660647ba5a71ea6cb5..9aa2313414fd3d2f39cc14ce36965822ed3a3653 100644
--- a/src/packages/col/index.vue
+++ b/src/packages/col/index.vue
@@ -4,7 +4,7 @@
diff --git a/src/packages/row/index.scss b/src/packages/row/index.scss
index b5e33fc97fd67ee5f238f80efcd9420ae86a9559..613babf0d7521e5fa9a5c61b231748e7d23e9ee9 100644
--- a/src/packages/row/index.scss
+++ b/src/packages/row/index.scss
@@ -1,4 +1,5 @@
.nut-row {
+ width: 100%;
&:after {
display: block;
height: 0;
@@ -6,44 +7,45 @@
visibility: hidden;
content: '';
}
-}
-.nut-row-flex {
- display: flex;
- &:after {
- display: none;
+
+ &-flex {
+ display: flex;
+ &:after {
+ display: none;
+ }
+ .nut-col {
+ float: none;
+ }
}
- .nut-col {
- float: none;
+ &-justify-center {
+ justify-content: center;
+ }
+ &-justify-end {
+ justify-content: flex-end;
+ }
+ &-justify-space-between {
+ justify-content: space-between;
+ align-items: center;
+ }
+ &-justify-space-around {
+ justify-content: space-around;
+ }
+ &-align-flex-start {
+ align-items: flex-start;
+ }
+ &-align-center {
+ align-items: center;
+ }
+ &-align-flex-end {
+ align-items: flex-end;
+ }
+ &-flex-wrap {
+ flex-wrap: wrap;
+ }
+ &-flex-nowrap {
+ flex-wrap: nowrap;
+ }
+ &-flex-reverse {
+ flex-wrap: wrap-reverse;
}
-}
-.nut-row-justify-center {
- justify-content: center;
-}
-.nut-row-justify-end {
- justify-content: flex-end;
-}
-.nut-row-justify-space-between {
- justify-content: space-between;
- align-items: center;
-}
-.nut-row-justify-space-around {
- justify-content: space-around;
-}
-.nut-row-align-flex-start {
- align-items: flex-start;
-}
-.nut-row-align-center {
- align-items: center;
-}
-.nut-row-align-flex-end {
- align-items: flex-end;
-}
-.nut-row-flex-wrap {
- flex-wrap: wrap;
-}
-.nut-row-flex-nowrap {
- flex-wrap: nowrap;
-}
-.nut-row-flex-reverse {
- flex-wrap: wrap-reverse;
}
diff --git a/src/packages/row/index.vue b/src/packages/row/index.vue
index 82d23c115f61c4654abd588af0f9712996389252..7438bfd580516ae406c3b4d4591779d493dd1ee6 100644
--- a/src/packages/row/index.vue
+++ b/src/packages/row/index.vue
@@ -4,7 +4,7 @@