Noissue - Separated website-default utilities

static/scss/utilities/_text-alignment.scss

Index: static/scss/utilities/_text-alignment.scss
===================================================================
new file mode 100644
--- /dev/null
+++ b/static/scss/utilities/_text-alignment.scss
@@ -0,0 +1,29 @@
+// This file is part of website-defaults
+// Copyright (C) 2016-present eyeo GmbH
+//
+// website-defaults is free software: you can redistribute it and/or
+// modify it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// website-defaults is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with website-defaults.  If not, see <http://www.gnu.org/licenses/>.
+
+/* Text alignment
+ ******************************************************************************/
+
+// Responsive

[ire, 2017/11/13 08:33:39]

NIT: I wouldn't describe this as "responsive" and "unresponsive", since those
terms are typically to do with changing across screen size. I think the class
names are explanatory enough, i.e. the name "start" instead of "left"

[juliandoucette, 2017/11/13 12:33:00]

Totally agree... Dono what I was thinking.

+.text-start { text-align: left; }
+[dir="rtl"] .text-start { text-align: right; }
+.text-end { text-align: right; }
+[dir="rtl"] .text-end { text-align: left; }
+
+// Unresponsive
+.text-center { text-align: center; }
+.text-left { text-align: left; }
+.text-right { text-align: right; }