Summary Files Commits Branches @commit @diff @stats
path: root / src / utilities
diff options
context:
space:
mode:
Commit01ab1832dac5d902ede2e7f96af2c0296737c46f (patch)
Author
 Yan Zhu <picturepan2@hotmail.com>
2017-09-01 13:35:52 +0800
Committer
 Yan Zhu <picturepan2@hotmail.com>
2017-09-01 13:35:52 +0800
Files99e6c1001c9776cd719be401485d335e7b6ed5f6 /src/utilities
Spectre-Dark-Gruvbox-01ab1832dac5d902ede2e7f96af2c0296737c46f.tar
Spectre-Dark-Gruvbox-01ab1832dac5d902ede2e7f96af2c0296737c46f.tar.gz
Spectre-Dark-Gruvbox-01ab1832dac5d902ede2e7f96af2c0296737c46f.zip
Parent30cf502553355cf2a632781a4839c44e1c83a71c (diff)
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.scss2
-rw-r--r--src/utilities/_cursors.scss7
-rw-r--r--src/utilities/_display.scss2
-rw-r--r--src/utilities/_loading.scss4
-rw-r--r--src/utilities/_position.scss11
-rw-r--r--src/utilities/_shapes.scss1
-rw-r--r--src/utilities/_text.scss14
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;