From 77c26f08653eadb8bf162171f7fa29e6626b0219 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maren=20S=C3=BCwer?= <maren.suewer@cloudogu.com>
Date: Thu, 20 Dec 2018 11:30:28 +0100
Subject: [PATCH] Use prettier to format

---
 scm-ui/styles/scm.scss | 299 ++++++++++++++++++++---------------------
 1 file changed, 146 insertions(+), 153 deletions(-)

diff --git a/scm-ui/styles/scm.scss b/scm-ui/styles/scm.scss
index ecb7f3dc64..84aeec444a 100644
--- a/scm-ui/styles/scm.scss
+++ b/scm-ui/styles/scm.scss
@@ -1,12 +1,9 @@
 @import "bulma/sass/utilities/initial-variables";
 @import "bulma/sass/utilities/functions";
 
-
-$blue: #33B2E8;
+$blue: #33b2e8;
 $mint: #11dfd0;
 
-
-
 // $footer-background-color
 
 .is-ellipsis-overflow {
@@ -54,13 +51,12 @@ $mint: #11dfd0;
   &:hover,
   &:focus {
     box-shadow: $box-link-hover-shadow;
-  } 
+  }
   &:active {
     box-shadow: $box-link-active-shadow;
   }
 }
 
-
 @import "@fortawesome/fontawesome-free/scss/fontawesome.scss";
 $fa-font-path: "webfonts";
 @import "@fortawesome/fontawesome-free/scss/solid.scss";
@@ -71,24 +67,24 @@ $fa-font-path: "webfonts";
 
 //typography
 .subtitle {
-    color: #666;
+  color: #666;
 }
 .has-border-white {
-    border-color: #fff !important;
+  border-color: #fff !important;
 }
 // buttons
-.button{
-    padding-left: 1.5em;
-    padding-right: 1.5em;
-    height:2.5rem;
-    
-    &.is-primary {
+.button {
+  padding-left: 1.5em;
+  padding-right: 1.5em;
+  height: 2.5rem;
+
+  &.is-primary {
     background-color: $mint;
-}
+  }
 }
 
 //border around options
-.has-border-around{
+.has-border-around {
   border-top: 1px solid #eee;
   border-left: 1px solid #eee;
   border-right: 1px solid #eee;
@@ -97,200 +93,197 @@ $fa-font-path: "webfonts";
 
 // multiline Columns
 .columns.is-multiline {
+  .column.is-half {
+    width: calc(50% - 0.75rem);
+    max-height: 120px;
 
-    .column.is-half{
-        width: calc(50% - .75rem);
-        max-height: 120px;
-        
-        &:nth-child(odd){
-            margin-right: 1.5rem;
-        }
+    &:nth-child(odd) {
+      margin-right: 1.5rem;
     }
-    @media screen and (max-width:768px) {
-        .column.is-half{
-            width: 100%;
+  }
+  @media screen and (max-width: 768px) {
+    .column.is-half {
+      width: 100%;
 
-            &:nth-child(odd){
-                margin-right: 0;
-            }
-        }
-        }
+      &:nth-child(odd) {
+        margin-right: 0;
+      }
+    }
+  }
 }
 
-
 .media {
-  .media-content{
-    width: calc(50% - .75rem);
+  .media-content {
+    width: calc(50% - 0.75rem);
     max-height: 120px;
-    .shorten-text{
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
+    .shorten-text {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
     }
   }
 }
 
 // tables
 .table {
-    width: 100%;
-    td {
-        border-color: #eee;
-        padding: 1rem
-    }
+  width: 100%;
+  td {
+    border-color: #eee;
+    padding: 1rem;
+  }
 }
 
 // card tables
 .card-table {
-    border-collapse: separate;
-    border-spacing: 0px 5px;
-    
-    tr{
-        a{
-            color: #363636;
-        }
-        &:hover {
-            td {
-                background-color: whitesmoke;
-            &:nth-child(4){
-            background-color: #E1E1E1;
-            }
-            }
-            a{
-            color: $blue;
-            }
+  border-collapse: separate;
+  border-spacing: 0px 5px;
+
+  tr {
+    a {
+      color: #363636;
     }
-    }
-    td {
-        border-bottom: 1px solid whitesmoke;
-        background-color: #fafafa;
-        padding: 1em 1.25em;
-        &:first-child{
-            border-left: 3px solid $mint;
+    &:hover {
+      td {
+        background-color: whitesmoke;
+        &:nth-child(4) {
+          background-color: #e1e1e1;
         }
-        &:nth-child(4){
-            background-color: whitesmoke;
-        }
-        
+      }
+      a {
+        color: $blue;
+      }
     }
-    &.is-hoverable tbody tr:not(.is-selected):hover {    
+  }
+  td {
+    border-bottom: 1px solid whitesmoke;
+    background-color: #fafafa;
+    padding: 1em 1.25em;
+    &:first-child {
+      border-left: 3px solid $mint;
+    }
+    &:nth-child(4) {
+      background-color: whitesmoke;
+    }
+  }
+  &.is-hoverable tbody tr:not(.is-selected):hover {
     background-color: whitesmoke;
-    }
-    thead th {
-        background-color: transparent;
-        border: none;
-    }
+  }
+  thead th {
+    background-color: transparent;
+    border: none;
+  }
 }
 
 // forms
-.field:not(.is-grouped){
-    margin-bottom: 1rem;
-    }
- .input, .textarea {
-    /*background-color: whitesmoke;*/
-    border-color: #98d8f3;
-    box-shadow: none;
+.field:not(.is-grouped) {
+  margin-bottom: 1rem;
+}
+.input,
+.textarea {
+  /*background-color: whitesmoke;*/
+  border-color: #98d8f3;
+  box-shadow: none;
 }
 
 // pagination
-.pagination-next, .pagination-link, .pagination-ellipsis{
-    padding-left: 1.5em;
-    padding-right: 1.5em;
-    height:2.5rem;
+.pagination-next,
+.pagination-link,
+.pagination-ellipsis {
+  padding-left: 1.5em;
+  padding-right: 1.5em;
+  height: 2.5rem;
 }
-.pagination-previous, .pagination-next {
-    min-width: 6.75em;
+.pagination-previous,
+.pagination-next {
+  min-width: 6.75em;
 }
 
 // dark hero colors
 .hero.is-dark {
-    background-color: #002e4b;
-    background-image:url(../images/scmManagerHero.jpg);
-    background-size: cover;
-    background-position: top center;
-    
-    .tabs.is-boxed li.is-active a, 
-    .tabs.is-boxed li.is-active a:hover, 
-    .tabs.is-toggle li.is-active a, 
-    .tabs.is-toggle li.is-active a:hover {
+  background-color: #002e4b;
+  background-image: url(../images/scmManagerHero.jpg);
+  background-size: cover;
+  background-position: top center;
+
+  .tabs.is-boxed li.is-active a,
+  .tabs.is-boxed li.is-active a:hover,
+  .tabs.is-toggle li.is-active a,
+  .tabs.is-toggle li.is-active a:hover {
     background-color: #28b1e8;
     border-color: #28b1e8;
     color: #fff;
-}
+  }
 }
 
-
-// footer 
+// footer
 .footer {
-    background-color: whitesmoke;
+  background-color: whitesmoke;
 }
 
-// sidebar menu 
+// sidebar menu
 .aside-background {
-
-    bottom: 0;
-    left: 50%;
-    position: absolute;
-    right: 0;
-    top: 0;
-    background-color: whitesmoke;
+  bottom: 0;
+  left: 50%;
+  position: absolute;
+  right: 0;
+  top: 0;
+  background-color: whitesmoke;
 }
 .menu {
-    div{
+  div {
     height: 100%;
     /*border: 1px solid #eee;*/
     margin-bottom: 1rem;
-        }
+  }
 }
 
 .menu-label {
-    color: #fff;
-    font-size: 1em;
-    font-weight: 600;
-    background-color: #bbb;
-    border-radius: 5px 5px 0 0;
-    padding: .5rem 1rem;
-    text-transform: none;
+  color: #fff;
+  font-size: 1em;
+  font-weight: 600;
+  background-color: #bbb;
+  border-radius: 5px 5px 0 0;
+  padding: 0.5rem 1rem;
+  text-transform: none;
 
-    &:last-child, &:not(:last-child) {
-        margin-bottom: 0;
-    }
+  &:last-child,
+  &:not(:last-child) {
+    margin-bottom: 0;
+  }
 }
 .menu div:first-child .menu-label {
-    
-    background-color: $blue;
+  background-color: $blue;
 }
 .menu-list {
-    
-    a{
+  a {
     border-radius: 0;
     color: #333;
     padding: 1rem;
-    border-top: 1px solid #eee; 
+    border-top: 1px solid #eee;
     border-left: 1px solid #eee;
     border-right: 1px solid #eee;
-        
-    &.is-active { 
-    color: $blue;
-    background-color: #fff;
-    
-        &:before{
-            position: relative;
-            content: " ";
-            background: $blue;
-            height: 53px;
-            width: 2px;
-            display: block;
-            left: -17px;
-            float: left;
-            top: -16px;
-        }
-        }
-    }
-    > li:first-child > a{ 
-    border-top: none;
-        }
-    li:last-child > a{ 
-    border-bottom: 1px solid #eee;
-        }
-}
 
+    &.is-active {
+      color: $blue;
+      background-color: #fff;
+
+      &:before {
+        position: relative;
+        content: " ";
+        background: $blue;
+        height: 53px;
+        width: 2px;
+        display: block;
+        left: -17px;
+        float: left;
+        top: -16px;
+      }
+    }
+  }
+  > li:first-child > a {
+    border-top: none;
+  }
+  li:last-child > a {
+    border-bottom: 1px solid #eee;
+  }
+}