active_frontend 4.5.1 → 5.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 00d64c0e9f7dd2f0afc2a29990465485f13eba32
-  data.tar.gz: 167e7aefeeaf564de72274b62d0ca138384d37f7
+  metadata.gz: f67e5d5cd31f7d826cead226110e016e8e0c4387
+  data.tar.gz: 0e0241aa434d036846868e75a0e7685fa6c5e7fe
 SHA512:
-  metadata.gz: 0dd56f40f6e8b19b6995cdef3456646c1a225a1990eb719dd4f4edbeffa9c94e901f9e7b1c94971b05de232d9807e73b7d70a08de02755621d39e5f2869936b9
-  data.tar.gz: 8c420a8271aa8ad99bd96201c7b590b3149693e7d54eb2be3477ffa25bae63397e4e56cd4278348adfa56ae105b337d376d854a0555fa18ae528ef6e27fdd4a7
+  metadata.gz: 2ec1a523d4ce1be731c7f10c9030fb234d6f40d05f1271ca639783bb3f44649bdf308618750601d81315d66b00f19bcfd7d104fb7810965c66e7ba052f4667c8
+  data.tar.gz: 7bbb3057fcb793a5199f46f3eeb694ec87c92e7e072534c66f6c02fe6403532bf91f17b1bb088e10eca10feda7ec1eb6ec926fb76fad2b29653a47d595b3dd06

data/lib/active_frontend/version.rb

@@ -1,3 +1,3 @@
 module ActiveFrontend
-  VERSION = "4.5.1"
+  VERSION = "5.0.0"
 end

data/vendor/assets/stylesheets/alert.scss

@@ -47,14 +47,14 @@
 /* # Colors
 ================================================== */
 .alert-green,
-.alert-success { background: rgba(27,192,109,1); }
+.alert-success { background: rgba(117,210,24,1); }
 .alert-orange,
-.alert-warning { background: rgba(255,154,46,1); }
+.alert-warning { background: rgba(255,131,0,1); }
 .alert-red,
 .alert-error,
-.alert-alert { background: rgba(225,80,80,1); }
+.alert-alert { background: rgba(240,35,17,1); }
 .alert-black,
-.alert-system { background: rgba(42,44,48,1); }
+.alert-system { background: rgba(52,64,68,1); }
 
 /* # Media Queries
 ================================================== */

data/vendor/assets/stylesheets/aside.scss

@@ -8,7 +8,7 @@
 .aside {
   background-clip: padding-box;
   background: rgba(255,255,255,1);
-  box-shadow: 0 0 3px rgba(0,0,0,0.5);
+  box-shadow: 0 0 3px rgba(0,0,0,0.3);
   display: none;
   height: 100%;
   left: initial;
@@ -45,8 +45,8 @@
   right: initial;
 }
 .aside-header {
-  background: rgba(91,146,250,1);
-  border-bottom: 4px solid rgba(86,131,235,1);
+  background: rgba(0,153,255,1);
+  border-bottom: 2px solid rgba(0,0,0,0.2);
   margin: 0;
   padding: 21px 0px 19px 0px;
   position: absolute;

data/vendor/assets/stylesheets/breadcrumb.scss

@@ -15,9 +15,9 @@
   font-size: 13px;
 }
 .breadcrumb > li > a { color: rgba(42,44,48,1); }
-.breadcrumb > li > a:hover { color: rgba(91,146,250,1); }
+.breadcrumb > li > a:hover { color: rgba(0,153,255,1); }
 .breadcrumb > li > .divider {
   color: rgba(42,44,48,1);
   padding: 0 5px;
 }
-.breadcrumb > .active { color: rgba(91,146,250,1); }
+.breadcrumb > .active { color: rgba(0,153,255,1); }

data/vendor/assets/stylesheets/button.scss

@@ -19,7 +19,7 @@
   -moz-appearance: none;
   background: rgba(245,248,250,1);
   border: 1px solid rgba(245,248,250,1);
-  border-radius: 0;
+  border-radius: 2px;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   color: rgba(42,44,48,1);
@@ -103,8 +103,8 @@ input.btn-block {
   border-color: rgba(32,34,38,1);
 }
 .btn-blue {
-  background: rgba(91,146,250,1);
-  border-color: rgba(91,146,250,1);
+  background: rgba(0,153,255,1);
+  border-color: rgba(0,153,255,1);
   color: rgba(255,255,255,1) !important;
 }
 .btn-blue[disabled],
@@ -114,12 +114,12 @@ input.btn-block {
 .btn-blue:hover,
 .btn-blue:focus,
 .open > .dropdown-toggle.btn.btn-blue {
-  background: rgba(81,136,240,1);
-  border-color: rgba(81,136,240,1);
+  background: rgba(0,143,245,1);
+  border-color: rgba(0,143,245,1);
 }
 .btn-green {
-  background: rgba(27,192,109,1);
-  border-color: rgba(27,192,109,1);
+  background: rgba(117,210,24,1);
+  border-color: rgba(117,210,24,1);
   color: rgba(255,255,255,1) !important;
 }
 .btn-green[disabled],
@@ -129,12 +129,12 @@ input.btn-block {
 .btn-green:hover,
 .btn-green:focus,
 .open > .dropdown-toggle.btn.btn-green {
-  background: rgba(17,182,99,1);
-  border-color: rgba(17,182,99,1);
+  background: rgba(107,200,14,1);
+  border-color: rgba(107,200,14,1);
 }
 .btn-orange {
-  background: rgba(255,154,46,1);
-  border-color: rgba(255,154,46,1);
+  background: rgba(255,131,0,1);
+  border-color: rgba(255,131,0,1);
   color: rgba(255,255,255,1) !important;
 }
 .btn-orange[disabled],
@@ -144,12 +144,12 @@ input.btn-block {
 .btn-orange:hover,
 .btn-orange:focus,
 .open > .dropdown-toggle.btn.btn-orange {
-  background: rgba(245,144,36,1);
-  border-color: rgba(245,144,36,1);
+  background: rgba(245,121,0,1);
+  border-color: rgba(245,121,0,1);
 }
 .btn-purple {
-  background: rgba(81,68,95,1);
-  border-color: rgba(81,68,95,1);
+  background: rgba(126,78,194,1);
+  border-color: rgba(126,78,194,1);
   color: rgba(255,255,255,1) !important;
 }
 .btn-purple[disabled],
@@ -159,12 +159,12 @@ input.btn-block {
 .btn-purple:hover,
 .btn-purple:focus,
 .open > .dropdown-toggle.btn.btn-purple {
-  background: rgba(71,58,85,1);
-  border-color: rgba(71,58,85,1);
+  background: rgba(116,68,184,1);
+  border-color: rgba(116,68,184,1);
 }
 .btn-red {
-  background: rgba(225,80,80,1);
-  border-color: rgba(225,80,80,1);
+  background: rgba(240,35,17,1);
+  border-color: rgba(240,35,17,1);
   color: rgba(255,255,255,1) !important;
 }
 .btn-red[disabled],
@@ -174,8 +174,8 @@ input.btn-block {
 .btn-red:hover,
 .btn-red:focus,
 .open > .dropdown-toggle.btn.btn-red {
-  background: rgba(215,70,70,1);
-  border-color: rgba(215,70,70,1);
+  background: rgba(230,25,7,1);
+  border-color: rgba(230,25,7,1);
 }
 .btn-smoke {
   background: rgba(85,94,113,1);
@@ -207,8 +207,8 @@ input.btn-block {
   border-color: rgba(240,243,245,1);
 }
 .btn-yellow {
-  background: rgba(253,245,98,1);
-  border-color: rgba(253,245,98,1);
+  background: rgba(255,245,0,1);
+  border-color: rgba(255,245,0,1);
   color: rgba(255,255,255,1) !important;
 }
 .btn-yellow[disabled],
@@ -218,8 +218,8 @@ input.btn-block {
 .btn-yellow:hover,
 .btn-yellow:focus,
 .open > .dropdown-toggle.btn.btn-yellow {
-  background: rgba(243,235,88,1);
-  border-color: rgba(243,235,88,1);
+  background: rgba(245,235,0,1);
+  border-color: rgba(245,235,0,1);
 }
 
 /* # Links
@@ -227,6 +227,7 @@ input.btn-block {
 .btn-link {
   background: transparent;
   border-color: transparent;
+  border-radius: 0;
   box-shadow: none;
   color: rgba(136,153,166,1) !important;
   padding: 0;
@@ -304,57 +305,57 @@ input.btn-block {
 }
 .btn-outline.btn-blue,
 .btn-outline.btn-blue[disabled],
-.btn-outline.btn-blue[disabled]:hover { color: rgba(91,146,250,1) !important; }
+.btn-outline.btn-blue[disabled]:hover { color: rgba(0,153,255,1) !important; }
 .btn-outline.btn-blue:active,
 .btn-outline.btn-blue.active,
 .btn-outline.btn-blue:hover,
 .btn-outline.btn-blue:focus,
 .open > .dropdown-toggle.btn.btn-outline.btn-blue {
-  background: rgba(81,136,240,1);
+  background: rgba(0,143,245,1);
   color: rgba(255,255,255,1) !important;
 }
 .btn-outline.btn-green,
 .btn-outline.btn-green[disabled],
-.btn-outline.btn-green[disabled]:hover { color: rgba(27,192,109,1) !important; }
+.btn-outline.btn-green[disabled]:hover { color: rgba(117,210,24,1) !important; }
 .btn-outline.btn-green:active,
 .btn-outline.btn-green.active,
 .btn-outline.btn-green:hover,
 .btn-outline.btn-green:focus,
 .open > .dropdown-toggle.btn.btn-outline.btn-green {
-  background: rgba(17,182,99,1);
+  background: rgba(107,200,14,1);
   color: rgba(255,255,255,1) !important;
 }
 .btn-outline.btn-orange,
 .btn-outline.btn-orange[disabled],
-.btn-outline.btn-orange[disabled]:hover { color: rgba(255,154,46,1) !important; }
+.btn-outline.btn-orange[disabled]:hover { color: rgba(255,131,0,1) !important; }
 .btn-outline.btn-orange:active,
 .btn-outline.btn-orange.active,
 .btn-outline.btn-orange:hover,
 .btn-outline.btn-orange:focus,
 .open > .dropdown-toggle.btn.btn-outline.btn-orange {
-  background: rgba(255,144,36,1);
+  background: rgba(245,121,0,1);
   color: rgba(255,255,255,1) !important;
 }
 .btn-outline.btn-purple,
 .btn-outline.btn-purple[disabled],
-.btn-outline.btn-purple[disabled]:hover { color: rgba(81,68,95,1) !important; }
+.btn-outline.btn-purple[disabled]:hover { color: rgba(126,78,194,1) !important; }
 .btn-outline.btn-purple:active,
 .btn-outline.btn-purple.active,
 .btn-outline.btn-purple:hover,
 .btn-outline.btn-purple:focus,
 .open > .dropdown-toggle.btn.btn-outline.btn-purple {
-  background: rgba(71,58,85,1);
+  background: rgba(116,68,184,1);
   color: rgba(255,255,255,1) !important;
 }
 .btn-outline.btn-red,
 .btn-outline.btn-red[disabled],
-.btn-outline.btn-red[disabled]:hover { color: rgba(225,80,80,1) !important; }
+.btn-outline.btn-red[disabled]:hover { color: rgba(240,35,17,1) !important; }
 .btn-outline.btn-red:active,
 .btn-outline.btn-red.active,
 .btn-outline.btn-red:hover,
 .btn-outline.btn-red:focus,
 .open > .dropdown-toggle.btn.btn-outline.btn-red {
-  background: rgba(215,70,70,1);
+  background: rgba(230,25,7,1);
   color: rgba(255,255,255,1) !important;
 }
 .btn-outline.btn-smoke,
@@ -381,13 +382,13 @@ input.btn-block {
 }
 .btn-outline.btn-yellow,
 .btn-outline.btn-yellow[disabled],
-.btn-outline.btn-yellow[disabled]:hover { color: rgba(253,245,98,1) !important; }
+.btn-outline.btn-yellow[disabled]:hover { color: rgba(255,245,0,1) !important; }
 .btn-outline.btn-yellow:active,
 .btn-outline.btn-yellow.active,
 .btn-outline.btn-yellow:hover,
 .btn-outline.btn-yellow:focus,
 .open > .dropdown-toggle.btn.btn-outline.btn-yellow {
-  background: rgba(243,235,88,1);
+  background: rgba(245,235,0,1);
   color: rgba(255,255,255,1) !important;
 }
 
@@ -413,10 +414,20 @@ input.btn-block {
 .btn-group > .dropdown-toggle:not(:first-child) { border-left-color: rgba(0,0,0,0.15); }
 .btn-group > .btn,
 .btn-group-vertical > .btn {
+  border-radius: 0;
   margin-left: -1px;
   position: relative;
 }
-.btn-group > .btn:first-child { margin-left: 0; }
+.btn-group > .btn:first-child {
+  border-bottom-left-radius: 2px;
+  border-top-left-radius: 2px;
+  margin-left: 0;
+}
+.btn-group > .btn:last-child,
+.btn-group > .dropdown-toggle {
+  border-bottom-right-radius: 2px;
+  border-top-right-radius: 2px;
+}
 .btn-group > .btn:active,
 .btn-group > .btn.active,
 .btn-group > .btn:hover,
@@ -431,13 +442,23 @@ input.btn-block {
 .btn-group-vertical > .btn,
 .btn-group-vertical > .btn-group,
 .btn-group-vertical > .btn-group > .btn {
+  border-radius: 0;
   display: block;
   margin-left: 0;
   margin-top: -1px;
   max-width: 100%;
   width: 100%;
 }
-.btn-group-vertical > .btn:first-child { margin-left: 0; }
+.btn-group-vertical > .btn:first-child {
+  border-top-right-radius: 2px;
+  border-top-left-radius: 2px;
+  margin-left: 0;
+}
+.btn-group-vertical > .btn:last-child,
+.btn-group-vertical > .dropdown-toggle {
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
 .btn-group-justified {
   border-collapse: separate;
   display: table;
@@ -480,13 +501,23 @@ input.btn-block {
   .btn-group-responsive > .btn,
   .btn-group-responsive > .btn-group,
   .btn-group-responsive > .btn-group > .btn {
+    border-radius: 0;
     display: block;
     margin-left: 0;
     margin-top: -1px;
     max-width: 100%;
     width: 100%;
   }
-  .btn-group-responsive > .btn:first-child { margin-left: 0; }
+  .btn-group-responsive > .btn:first-child {
+    border-top-right-radius: 2px;
+    border-top-left-radius: 2px;
+    margin-left: 0;
+  }
+  .btn-group-responsive > .btn:last-child,
+  .btn-group-responsive > .dropdown-toggle {
+    border-bottom-right-radius: 2px;
+    border-bottom-left-radius: 2px;
+  }
   .btn-group-vertical-responsive > .btn,
   .btn-group-vertical-responsive > .btn-group,
   .btn-group-vertical-responsive > .btn-group > .btn {
@@ -496,4 +527,15 @@ input.btn-block {
     max-width: initial;
     width: initial;
   }
+  .btn-group-vertical-responsive > .btn:first-child {
+    border-bottom-left-radius: 2px;
+    border-top-right-radius: 0;
+    border-top-left-radius: 2px;
+  }
+  .btn-group-vertical-responsive > .btn:last-child,
+  .btn-group-vertical-responsive > .dropdown-toggle {
+    border-bottom-right-radius: 2px;
+    border-bottom-left-radius: 0;
+    border-top-right-radius: 2px;
+  }
 }

data/vendor/assets/stylesheets/code.scss

@@ -8,7 +8,8 @@
 ================================================== */
 code {
   background: rgba(245,248,250,1);
-  border: 1px solid rgba(235,242,247,1);
+  border: 1px solid rgba(225,232,237,1);
+  border-radius: 2px;
   color: rgba(42,44,48,1);
   font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
   font-size: 12px;
@@ -16,7 +17,7 @@ code {
   letter-spacing: 0;
   line-height: 20px;
   margin: 0;
-  padding: 3px 5px 4px 5px;
+  padding: 4px 5px;
   text-decoration: none;
   text-transform: none;
   word-break: break-all;
@@ -29,7 +30,8 @@ code {
 ================================================== */
 pre {
   background: rgba(245,248,250,1);
-  border: 2px solid rgba(235,242,247,1);
+  border: 1px solid rgba(225,232,237,1);
+  border-radius: 3px;
   color: rgba(42,44,48,1);
   display: block;
   font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
@@ -57,31 +59,31 @@ pre {
   font-style: italic;
 } /* Comment */
 .err {
-  color: rgba(225,80,80,1);
+  color: rgba(240,35,17,1);
   background: rgba(42,44,48,1);
 } /* Error */
-.k { color: rgba(91,146,250,1); } /* Keyword */
+.k { color: rgba(0,153,255,1); } /* Keyword */
 .cm {
   color: rgba(136,153,166,1);
   font-style: italic;
 } /* Comment.Multiline */
-.cp { color: rgba(27,192,109,1); } /* Comment.Preproc */
+.cp { color: rgba(117,210,24,1); } /* Comment.Preproc */
 .c1 {
   color: rgba(136,153,166,1);
   font-style: italic;
 } /* Comment.Single */
 .cs {
-  color: rgba(91,146,250,1);
+  color: rgba(0,153,255,1);
   font-style: italic;
 } /* Comment.Special */
-.gd { color: rgba(225,80,80,1); } /* Generic.Deleted */
+.gd { color: rgba(240,35,17,1); } /* Generic.Deleted */
 .ge { font-style: italic; } /* Generic.Emph */
-.gr { color: rgba(225,80,80,1) } /* Generic.Error */
+.gr { color: rgba(240,35,17,1) } /* Generic.Error */
 .gh {
-  color: rgba(91,146,250,1);
+  color: rgba(0,153,255,1);
   font-weight: bold;
 } /* Generic.Heading */
-.gi { color: rgba(27,192,109,1); } /* Generic.Inserted */
+.gi { color: rgba(117,210,24,1); } /* Generic.Inserted */
 .go { color: rgba(136,153,166,1); } /* Generic.Output */
 .gp { color: rgba(42,44,48,1); } /* Generic.Prompt */
 .gs { font-weight: bold; } /* Generic.Strong */
@@ -89,51 +91,51 @@ pre {
   color: rgba(42,44,48,1);
   font-weight: bold;
 } /* Generic.Subheading */
-.gt { color: rgba(225,80,80,1); } /* Generic.Traceback */
-.kc { color: rgba(91,146,250,1); } /* Keyword.Constant */
-.kd { color: rgba(91,146,250,1); } /* Keyword.Declaration */
-.kn { color: rgba(91,146,250,1); } /* Keyword.Namespace */
-.kp { color: rgba(91,146,250,1); } /* Keyword.Pseudo */
-.kr { color: rgba(91,146,250,1); } /* Keyword.Reserved */
-.kt { color: rgba(27,192,109,1); } /* Keyword.Type */
-.m { color: rgba(27,192,109,1); } /* Literal.Number */
-.s { color: rgba(91,146,250,1); } /* Literal.String */
-.sa { color: rgba(27,192,109,1); } /* Literal.String.Alternate */
-.na { color: rgba(91,146,250,1); } /* Name.Attribute */
-.nb { color: rgba(27,192,109,1); } /* Name.Builtin */
-.nc { color: rgba(27,192,109,1); } /* Name.Class */
-.no { color: rgba(225,80,80,1); } /* Name.Constant */
+.gt { color: rgba(240,35,17,1); } /* Generic.Traceback */
+.kc { color: rgba(0,153,255,1); } /* Keyword.Constant */
+.kd { color: rgba(0,153,255,1); } /* Keyword.Declaration */
+.kn { color: rgba(0,153,255,1); } /* Keyword.Namespace */
+.kp { color: rgba(0,153,255,1); } /* Keyword.Pseudo */
+.kr { color: rgba(0,153,255,1); } /* Keyword.Reserved */
+.kt { color: rgba(117,210,24,1); } /* Keyword.Type */
+.m { color: rgba(117,210,24,1); } /* Literal.Number */
+.s { color: rgba(0,153,255,1); } /* Literal.String */
+.sa { color: rgba(117,210,24,1); } /* Literal.String.Alternate */
+.na { color: rgba(0,153,255,1); } /* Name.Attribute */
+.nb { color: rgba(117,210,24,1); } /* Name.Builtin */
+.nc { color: rgba(117,210,24,1); } /* Name.Class */
+.no { color: rgba(240,35,17,1); } /* Name.Constant */
 .nd { color: rgba(136,153,166,1); } /* Name.Decorator */
 .ni {
-  color: rgba(225,80,80,1);
+  color: rgba(240,35,17,1);
   font-weight: bold;
 } /* Name.Entity */
-.nf { color: rgba(27,192,109,1); } /* Name.Function */
-.nn { color: rgba(27,192,109,1); } /* Name.Namespace */
+.nf { color: rgba(117,210,24,1); } /* Name.Function */
+.nn { color: rgba(117,210,24,1); } /* Name.Namespace */
 .nt   {
-  color: rgba(91,146,250,1);
+  color: rgba(0,153,255,1);
   font-weight: bold;
 } /* Name.Tag */
-.nv { color: rgba(225,80,80,1); } /* Name.Variable */
-.ow { color: rgba(91,146,250,1); } /* Operator.Word */
+.nv { color: rgba(240,35,17,1); } /* Name.Variable */
+.ow { color: rgba(0,153,255,1); } /* Operator.Word */
 .w { color: rgba(136,153,166,1); } /* Text.Whitespace */
-.mf { color: rgba(27,192,109,1); } /* Literal.Number.Float */
-.mh { color: rgba(27,192,109,1); } /* Literal.Number.Hex */
-.mi { color: rgba(27,192,109,1); } /* Literal.Number.Integer */
-.mo { color: rgba(27,192,109,1); } /* Literal.Number.Oct */
-.sb { color: rgba(91,146,250,1); } /* Literal.String.Backtick */
-.sc { color: rgba(91,146,250,1); } /* Literal.String.Char */
-.sd { color: rgba(91,146,250,1); } /* Literal.String.Doc */
-.s2 { color: rgba(91,146,250,1); } /* Literal.String.Double */
-.se { color: rgba(91,146,250,1); } /* Literal.String.Escape */
-.sh { color: rgba(91,146,250,1); } /* Literal.String.Heredoc */
-.si { color: rgba(91,146,250,1); } /* Literal.String.Interpol */
-.sx { color: rgba(91,146,250,1); } /* Literal.String.Other */
-.sr { color: rgba(27,192,109,1); } /* Literal.String.Regex */
-.s1 { color: rgba(91,146,250,1); } /* Literal.String.Single */
-.ss { color: rgba(91,146,250,1); } /* Literal.String.Symbol */
-.bp { color: rgba(27,192,109,1); } /* Name.Builtin.Pseudo */
-.vc { color: rgba(225,80,80,1); } /* Name.Variable.Class */
-.vg { color: rgba(225,80,80,1); } /* Name.Variable.Global */
-.vi { color: rgba(225,80,80,1); } /* Name.Variable.Instance */
-.il { color: rgba(27,192,109,1); } /* Literal.Number.Integer.Long */
+.mf { color: rgba(117,210,24,1); } /* Literal.Number.Float */
+.mh { color: rgba(117,210,24,1); } /* Literal.Number.Hex */
+.mi { color: rgba(117,210,24,1); } /* Literal.Number.Integer */
+.mo { color: rgba(117,210,24,1); } /* Literal.Number.Oct */
+.sb { color: rgba(0,153,255,1); } /* Literal.String.Backtick */
+.sc { color: rgba(0,153,255,1); } /* Literal.String.Char */
+.sd { color: rgba(0,153,255,1); } /* Literal.String.Doc */
+.s2 { color: rgba(0,153,255,1); } /* Literal.String.Double */
+.se { color: rgba(0,153,255,1); } /* Literal.String.Escape */
+.sh { color: rgba(0,153,255,1); } /* Literal.String.Heredoc */
+.si { color: rgba(0,153,255,1); } /* Literal.String.Interpol */
+.sx { color: rgba(0,153,255,1); } /* Literal.String.Other */
+.sr { color: rgba(117,210,24,1); } /* Literal.String.Regex */
+.s1 { color: rgba(0,153,255,1); } /* Literal.String.Single */
+.ss { color: rgba(0,153,255,1); } /* Literal.String.Symbol */
+.bp { color: rgba(117,210,24,1); } /* Name.Builtin.Pseudo */
+.vc { color: rgba(240,35,17,1); } /* Name.Variable.Class */
+.vg { color: rgba(240,35,17,1); } /* Name.Variable.Global */
+.vi { color: rgba(240,35,17,1); } /* Name.Variable.Instance */
+.il { color: rgba(117,210,24,1); } /* Literal.Number.Integer.Long */