diff options
Improve SASS coding with Hound CI results, and change Hound CI configs.
7 files changed, 35 insertions, 6 deletions
| -rw-r--r-- | src/utilities/_colors.scss | 2 | ||||
| -rw-r--r-- | src/utilities/_cursors.scss | 7 | ||||
| -rw-r--r-- | src/utilities/_display.scss | 2 | ||||
| -rw-r--r-- | src/utilities/_loading.scss | 4 | ||||
| -rw-r--r-- | src/utilities/_position.scss | 11 | ||||
| -rw-r--r-- | src/utilities/_shapes.scss | 1 | ||||
| -rw-r--r-- | src/utilities/_text.scss | 14 |
diff --git a/src/utilities/_colors.scss b/src/utilities/_colors.scss index 767c353..eced5ad 100644 --- a/src/utilities/_colors.scss +++ b/src/utilities/_colors.scss @@ -26,4 +26,4 @@ @include bg-color-variant(".bg-warning", $warning-color); -@include bg-color-variant(".bg-error", $error-color);
\ No newline at end of file +@include bg-color-variant(".bg-error", $error-color); diff --git a/src/utilities/_cursors.scss b/src/utilities/_cursors.scss index a50ae09..bfc4c6b 100644 --- a/src/utilities/_cursors.scss +++ b/src/utilities/_cursors.scss @@ -2,18 +2,23 @@ .c-hand { cursor: pointer; } + .c-move { cursor: move; } + .c-zoom-in { cursor: zoom-in; } + .c-zoom-out { cursor: zoom-out; } + .c-not-allowed { cursor: not-allowed; } + .c-auto { cursor: auto; -}
\ No newline at end of file +} diff --git a/src/utilities/_display.scss b/src/utilities/_display.scss index 8297e95..c6248e0 100644 --- a/src/utilities/_display.scss +++ b/src/utilities/_display.scss @@ -41,4 +41,4 @@ padding: 0; position: absolute; width: 1px; -}
\ No newline at end of file +} diff --git a/src/utilities/_loading.scss b/src/utilities/_loading.scss index c0cdb1e..1b4ea60 100644 --- a/src/utilities/_loading.scss +++ b/src/utilities/_loading.scss @@ -26,9 +26,9 @@ min-height: $unit-10; &::after { height: $unit-8; - width: $unit-8; margin-left: -$unit-4; margin-top: -$unit-4; + width: $unit-8; } } -}
\ No newline at end of file +} diff --git a/src/utilities/_position.scss b/src/utilities/_position.scss index 548368f..1f4c5e8 100644 --- a/src/utilities/_position.scss +++ b/src/utilities/_position.scss @@ -2,9 +2,11 @@ .clearfix { @include clearfix(); } + .float-left { float: left !important; } + .float-right { float: right !important; } @@ -12,12 +14,15 @@ .relative { position: relative; } + .absolute { position: absolute; } + .fixed { position: fixed; } + .centered { display: block; float: none; @@ -27,9 +32,13 @@ // Spacing @include margin-variant(0, 0); + @include margin-variant(1, $unit-1); + @include margin-variant(2, $unit-2); @include padding-variant(0, 0); + @include padding-variant(1, $unit-1); -@include padding-variant(2, $unit-2);
\ No newline at end of file + +@include padding-variant(2, $unit-2); diff --git a/src/utilities/_shapes.scss b/src/utilities/_shapes.scss index ab6585b..c11d5df 100644 --- a/src/utilities/_shapes.scss +++ b/src/utilities/_shapes.scss @@ -2,6 +2,7 @@ .rounded { border-radius: $border-radius; } + .circle { border-radius: 50%; } diff --git a/src/utilities/_text.scss b/src/utilities/_text.scss index a1e0980..67793ac 100644 --- a/src/utilities/_text.scss +++ b/src/utilities/_text.scss @@ -1,48 +1,62 @@ // Text +// Text alignment utilities .text-left { text-align: left; } + .text-right { text-align: right; } + .text-center { text-align: center; } + .text-justify { text-align: justify; } +// Text transform utilities .text-lowercase { text-transform: lowercase; } + .text-uppercase { text-transform: uppercase; } + .text-capitalize { text-transform: capitalize; } +// Text style utilities .text-normal { font-weight: normal; } + .text-bold { font-weight: bold; } + .text-italic { font-style: italic; } + .text-large { font-size: 1.2em; } +// Text overflow utilities .text-ellipsis { @include text-ellipsis(); } + .text-clip { overflow: hidden; text-overflow: clip; white-space: nowrap; } + .text-break { hyphens: auto; word-break: break-word; |