Noissue - Separated website-default utilities

static/scss/_utilities.scss

Index: static/scss/_utilities.scss
===================================================================
deleted file mode 100644
--- a/static/scss/_utilities.scss
+++ /dev/null
@@ -1,150 +0,0 @@
-// 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/>.
-
-/*******************************************************************************
- * Utilities
- ******************************************************************************/
-
-/* Responsive widths
- ******************************************************************************/
-
-/**
- * Stretch content (e.g. images) full-width
- */
-.full-width
-{
-  display: block;
-  width: 100%;
-}
-
-/**
- * Center content within a (responsive) fixed width
- */
-.container
-{
-  width: $container-width;
-  max-width: 100%;
-  margin-right: auto;
-  margin-left: auto;
-  padding-right: $small-space;
-  padding-left: $small-space;
-}
-
-/* Device widths
- ******************************************************************************/
-
-.phone-width { width: $phone-width; }
-.phablet-width { width: $phablet-width; }
-.tablet-width { width: $tablet-width; }
-.desktop-width { width: $desktop-width; }
-.large-desktop-width { width: $large-desktop-width; }
-
-/* Text alignment
- ******************************************************************************/
-
-.text-center { text-align: center; }
-.text-left { text-align: left; }
-.text-right { text-align: right; }
-.text-start { text-align: left; }
-[dir="rtl"] .text-start { text-align: right; }
-.text-end { text-align: right; }
-[dir="rtl"] .text-end { text-align: left; }
-
-/* Floats
- ******************************************************************************/
-
- .float-start { float: left; }
- [dir="rtl"] .float-start { float: right; }
- .float-end { float: right; }
- [dir="rtl"] .float-end { float: left; }
-
-/* Clearfix
- ******************************************************************************/
-
-.clearfix:after,
-.clearfix:before
-{
-  display: table;
-  content: " ";
-}
-
-.clearfix:after
-{
-  clear: both;
-}
-
-/* Screen reader only
- ******************************************************************************/
-
-.sr-only
-{
-  position: absolute;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  width: 1px;
-  height: 1px;
-  margin: -1px;
-  padding: 0;
-  border: 0;
-}
-
-/* Unstyled elements
- ******************************************************************************/
-
-.unstyled,
-.unstyled *
-{
-  margin: 0 !important;
-  padding: 0 !important;
-  border: 0 !important;
-  background: none !important;
-  list-style: none !important;
-}
-
-/* Backgrounds
- ******************************************************************************/
-
-.bg-primary
-{
-  color: $primary-light;
-  background-color: $primary-dark;
-}
-
-.bg-secondary
-{
-  color: $secondary-light;
-  background-color: $secondary-dark;
-}
-
-.bg-accent
-{
-  color: $accent-light;
-  background-color: $accent-dark;
-}
-
-.bg-error
-{
-  color: $error-light;
-  background-color: $error-dark;
-}
-
-/* Lead
- ******************************************************************************/
-
-.lead
-{
-  font-size: 1.25em;
-}