improvement: Move inline styles to SCSS instead (#5578)

* fix: convert propStyle to propClass

src/style/_authorize.scss

@@ -65,7 +65,19 @@
 
         border-radius: 4px;
 
+        background-color: #ffeeee;
+
+        color: red;
+        
+        margin: 1em;
+
         @include text_code();
+
+        b
+        {
+            text-transform: capitalize;
+            margin-right: 1em;
+        }
     }
 }
 

src/style/_errors.scss

@@ -29,6 +29,22 @@
         {
           color: $errors-wrapper-errors-small-font-color;
         }
+
+        .message
+        { 
+            white-space: pre-line;
+            
+            &.thrown
+            {
+                max-width: 100%;
+            }
+        }
+
+        .error-line
+        {
+            text-decoration: underline;
+            cursor: pointer;
+        }
     }
 
     hgroup

src/style/_information.scss

@@ -2,6 +2,14 @@
 {
     margin: 50px 0;
 
+    &.failed-config
+    { 
+        max-width: 880px;
+        margin-left: auto;
+        margin-right: auto;
+        text-align: center
+    }
+
     hgroup.main
     {
         margin: 0 0 20px 0;
@@ -78,6 +86,11 @@
 
             border-radius: 57px;
             background: $info-title-small-background-color;
+            
+            &.version-stamp
+            {
+                background-color: #89bf04;
+            }
 
             pre
             {

src/style/_layout.scss

@@ -419,6 +419,19 @@
     }
 }
 
+.filter, .download-url-wrapper
+{
+    .failed
+    {
+        color: red;
+    }
+
+    .loading
+    {
+        color: #aaa;
+    }
+}
+
 .model-example {
     margin-top: 1em;
 }
@@ -553,6 +566,11 @@
 
         @include text_body();
     }
+
+    .curl
+    {
+        white-space: normal;
+    }
 }
 
 .response-col_status
@@ -583,6 +601,16 @@
 
         @include text_code($response-col-links-font-color);
     }
+
+    .operation-link
+    {
+        margin-bottom: 1.5em;
+
+        .description
+        {
+            margin-bottom: 0.5em;
+        }
+    }
 }
 
 .opblock-body
@@ -793,6 +821,35 @@
     }
 }
 
+.hidden
+{
+    display: none;
+}
+
+.no-margin
+{
+    height: auto;
+    border: none;
+    margin: 0;
+    padding: 0;
+}
+
+.float-right
+{
+    float: right;
+}
+
+img.full-width
+{
+    width: 100%;
+}
+
+.svg-assets
+{
+    position: absolute;
+    width: 0;
+    height: 0;
+}
 
 section
 {
@@ -815,6 +872,12 @@ a.nostyle {
   }
 }
 
+.fallback
+{
+    padding: 1em;
+    color: #aaa;
+}
+
 .version-pragma {
   height: 100%;
   padding: 5em 0px;
@@ -841,3 +904,27 @@ a.nostyle {
     }
   }
 }
+
+.opblock-link
+{
+    font-weight: normal;
+
+    &.shown
+    {
+        font-weight: bold;
+    }
+}
+
+span
+{
+    &.token-string
+    {
+        color: #555;
+    }
+
+    &.token-not-formatted
+    {
+        color: #555; 
+        font-weight: bold;
+    }
+}

src/style/_models.scss

@@ -97,8 +97,68 @@
     {
         margin: 0 0 1em 0;
     }
+
+    .property
+    {
+        color: #999;
+        font-style: italic;
+
+        &.primitive
+        {
+             color: #6b6b6b;
+        }
+    }
 }
 
+table.model
+{
+    tr
+    {
+        &.description
+        {
+            color: #666;
+            font-weight: normal;
+            
+            td:first-child
+            {
+                font-weight: bold;
+            }
+        }
+
+        &.property-row
+        {
+            &.required td:first-child
+            {
+                font-weight: bold;
+            }
+
+            td
+            {
+                vertical-align: top;
+
+                &:first-child
+                {
+                    padding-right: 0.2em;
+                }
+            }
+
+            .star
+            {
+                color: red;
+            }
+        }
+
+        &.extension
+        {
+            color: #777;
+
+            td:last-child
+            {
+                vertical-align: top;
+            }
+        }
+    }
+}
 
 section.models
 {
@@ -107,6 +167,11 @@ section.models
     border: 1px solid rgba($section-models-border-color, .3);
     border-radius: 4px;
 
+    .pointer
+    {
+        cursor: pointer;
+    }
+
     &.is-open
     {
         padding: 0 0 20px;
@@ -229,6 +294,13 @@ section.models
     font-size: 16px;
 
     @include text_headline($section-models-model-title-font-color);
+
+    img
+    {
+        margin-left: 1em;
+        position: relative;
+        bottom: 0px;
+    }
 }
 
 .model-deprecated-warning

src/style/_table.scss

@@ -38,6 +38,12 @@ table
 
             @include text_code();
         }
+
+        .header-example 
+        {
+            color: #999; 
+            font-style: italic;
+        }
     }
 
     tbody
@@ -112,6 +118,11 @@ table
     {
         font-weight: bold;
 
+        span
+        {
+            color: red;
+        }
+
         &:after
         {
             font-size: 10px;