[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]
[nongnu] elpa/gruvbox-theme 9c2d034427 112/258: Styling changes to layou
|
From: |
ELPA Syncer |
|
Subject: |
[nongnu] elpa/gruvbox-theme 9c2d034427 112/258: Styling changes to layout in scss |
|
Date: |
Sat, 1 Jan 2022 01:59:35 -0500 (EST) |
branch: elpa/gruvbox-theme
commit 9c2d03442783900796ccaae3804b61e07a829eb1
Author: Jasonm23 <jasonm23@gmail.com>
Commit: Jasonm23 <jasonm23@gmail.com>
Styling changes to layout in scss
ReGenerated CSS / Source Map
---
palette/gruvbox-theme-colors.css | 2527 ++++++++++++++++++++++++++--------
palette/gruvbox-theme-colors.css.map | 2 +-
palette/gruvbox-theme-colors.scss | 42 +-
3 files changed, 2019 insertions(+), 552 deletions(-)
diff --git a/palette/gruvbox-theme-colors.css b/palette/gruvbox-theme-colors.css
index ec76bc1da8..d2d1e25eaf 100644
--- a/palette/gruvbox-theme-colors.css
+++ b/palette/gruvbox-theme-colors.css
@@ -1,15 +1,28 @@
body {
font-family: "SauceCodePro Nerd Font";
- font-weight: lighter; }
-
-h1 {
- font-size: 42pt; }
+ font-weight: lighter;
+ background-color: transparent; }
h1, h2, h3, h4, h5 {
font-weight: lighter;
margin: 0;
margin-bottom: 3px; }
+h1 {
+ font-size: 42pt; }
+
+h2 {
+ font-size: 38pt; }
+
+h3 {
+ font-size: 28pt; }
+
+h4 {
+ font-size: 18pt; }
+
+h5 {
+ font-size: 14pt; }
+
.gruvbox-swatch {
width: 128px;
height: 128px;
@@ -18,16 +31,30 @@ h1, h2, h3, h4, h5 {
margin: 1px 1px 0 0; }
.gruvbox-dark0_hard {
+ position: relative;
color: #FFFFFF;
background-color: #1d2021;
height: 120px; }
+ .gruvbox-dark0_hard .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-dark0_hard .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-dark0_hard .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-dark0_hard-after {
height: 8px;
@@ -35,16 +62,30 @@ h1, h2, h3, h4, h5 {
background-color: black; }
.gruvbox-dark0_hard-xterm {
+ position: relative;
color: #FFFFFF;
background-color: #1c1c1c;
height: 120px; }
+ .gruvbox-dark0_hard-xterm .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-dark0_hard-xterm .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-dark0_hard-xterm .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-dark0_hard-xterm-after {
height: 8px;
@@ -52,16 +93,30 @@ h1, h2, h3, h4, h5 {
background-color: black; }
.gruvbox-dark0 {
+ position: relative;
color: #FFFFFF;
background-color: #282828;
height: 120px; }
+ .gruvbox-dark0 .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-dark0 .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-dark0 .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-dark0-after {
height: 8px;
@@ -69,16 +124,30 @@ h1, h2, h3, h4, h5 {
background-color: #090909; }
.gruvbox-dark0-xterm {
+ position: relative;
color: #FFFFFF;
background-color: #262626;
height: 120px; }
+ .gruvbox-dark0-xterm .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-dark0-xterm .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-dark0-xterm .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-dark0-xterm-after {
height: 8px;
@@ -86,16 +155,30 @@ h1, h2, h3, h4, h5 {
background-color: #070707; }
.gruvbox-dark0_soft {
+ position: relative;
color: #FFFFFF;
background-color: #32302f;
height: 120px; }
+ .gruvbox-dark0_soft .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-dark0_soft .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-dark0_soft .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-dark0_soft-after {
height: 8px;
@@ -103,16 +186,30 @@ h1, h2, h3, h4, h5 {
background-color: #121211; }
.gruvbox-dark0_soft-xterm {
+ position: relative;
color: #FFFFFF;
background-color: #303030;
height: 120px; }
+ .gruvbox-dark0_soft-xterm .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-dark0_soft-xterm .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-dark0_soft-xterm .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-dark0_soft-xterm-after {
height: 8px;
@@ -120,16 +217,30 @@ h1, h2, h3, h4, h5 {
background-color: #111111; }
.gruvbox-dark1 {
+ position: relative;
color: #FFFFFF;
background-color: #3c3836;
height: 120px; }
+ .gruvbox-dark1 .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-dark1 .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-dark1 .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-dark1-after {
height: 8px;
@@ -137,16 +248,30 @@ h1, h2, h3, h4, h5 {
background-color: #1c1a19; }
.gruvbox-dark1-xterm {
+ position: relative;
color: #FFFFFF;
background-color: #3a3a3a;
height: 120px; }
+ .gruvbox-dark1-xterm .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-dark1-xterm .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-dark1-xterm .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-dark1-xterm-after {
height: 8px;
@@ -154,16 +279,30 @@ h1, h2, h3, h4, h5 {
background-color: #1b1b1b; }
.gruvbox-dark2 {
+ position: relative;
color: #FFFFFF;
background-color: #504945;
height: 120px; }
+ .gruvbox-dark2 .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-dark2 .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-dark2 .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-dark2-after {
height: 8px;
@@ -171,16 +310,30 @@ h1, h2, h3, h4, h5 {
background-color: #2f2b29; }
.gruvbox-dark2-xterm {
+ position: relative;
color: #FFFFFF;
background-color: #4e4e4e;
height: 120px; }
+ .gruvbox-dark2-xterm .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-dark2-xterm .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-dark2-xterm .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-dark2-xterm-after {
height: 8px;
@@ -188,16 +341,30 @@ h1, h2, h3, h4, h5 {
background-color: #2f2f2f; }
.gruvbox-dark3 {
+ position: relative;
color: #FFFFFF;
background-color: #665c54;
height: 120px; }
+ .gruvbox-dark3 .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-dark3 .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-dark3 .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-dark3-after {
height: 8px;
@@ -205,16 +372,30 @@ h1, h2, h3, h4, h5 {
background-color: #443e38; }
.gruvbox-dark3-xterm {
+ position: relative;
color: #FFFFFF;
background-color: #626262;
height: 120px; }
+ .gruvbox-dark3-xterm .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-dark3-xterm .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-dark3-xterm .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-dark3-xterm-after {
height: 8px;
@@ -222,16 +403,30 @@ h1, h2, h3, h4, h5 {
background-color: #434343; }
.gruvbox-dark4 {
+ position: relative;
color: #FFFFFF;
background-color: #7c6f64;
height: 120px; }
+ .gruvbox-dark4 .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-dark4 .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-dark4 .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-dark4-after {
height: 8px;
@@ -239,16 +434,30 @@ h1, h2, h3, h4, h5 {
background-color: #5a5149; }
.gruvbox-dark4-xterm {
+ position: relative;
color: #FFFFFF;
background-color: #767676;
height: 120px; }
+ .gruvbox-dark4-xterm .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-dark4-xterm .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-dark4-xterm .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-dark4-xterm-after {
height: 8px;
@@ -256,16 +465,30 @@ h1, h2, h3, h4, h5 {
background-color: #575757; }
.gruvbox-gray {
+ position: relative;
color: #000000;
background-color: #928374;
height: 120px; }
+ .gruvbox-gray .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-gray .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-gray .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-gray-after {
height: 8px;
@@ -273,16 +496,30 @@ h1, h2, h3, h4, h5 {
background-color: #716458; }
.gruvbox-gray-xterm {
+ position: relative;
color: #000000;
background-color: #8a8a8a;
height: 120px; }
+ .gruvbox-gray-xterm .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-gray-xterm .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-gray-xterm .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-gray-xterm-after {
height: 8px;
@@ -290,16 +527,30 @@ h1, h2, h3, h4, h5 {
background-color: #6b6b6b; }
.gruvbox-light0_hard {
+ position: relative;
color: #000000;
background-color: #ffffc8;
height: 120px; }
+ .gruvbox-light0_hard .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-light0_hard .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-light0_hard .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-light0_hard-after {
height: 8px;
@@ -307,33 +558,61 @@ h1, h2, h3, h4, h5 {
background-color: #ffff8b; }
.gruvbox-light0_hard-xterm {
+ position: relative;
color: #000000;
- background-color: #ffffdf;
- height: 120px; }
+ background-color: #ffffd7;
+ height: 120px; }
+ .gruvbox-light0_hard-xterm .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-light0_hard-xterm .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-light0_hard-xterm .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-light0_hard-xterm-after {
height: 8px;
width: 128px;
- background-color: #ffffa2; }
+ background-color: #ffff9a; }
.gruvbox-light0 {
+ position: relative;
color: #000000;
background-color: #fdf4c1;
height: 120px; }
+ .gruvbox-light0 .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-light0 .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-light0 .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-light0-after {
height: 8px;
@@ -341,16 +620,30 @@ h1, h2, h3, h4, h5 {
background-color: #fbe986; }
.gruvbox-light0-xterm {
+ position: relative;
color: #000000;
background-color: #ffffaf;
height: 120px; }
+ .gruvbox-light0-xterm .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-light0-xterm .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-light0-xterm .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-light0-xterm-after {
height: 8px;
@@ -358,16 +651,30 @@ h1, h2, h3, h4, h5 {
background-color: #ffff72; }
.gruvbox-light0_soft {
+ position: relative;
color: #000000;
background-color: #f4e8ba;
height: 120px; }
+ .gruvbox-light0_soft .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-light0_soft .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-light0_soft .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-light0_soft-after {
height: 8px;
@@ -375,33 +682,61 @@ h1, h2, h3, h4, h5 {
background-color: #ecd685; }
.gruvbox-light0_soft-xterm {
+ position: relative;
color: #000000;
- background-color: #ffff87;
+ background-color: #ffdfaf;
height: 120px; }
+ .gruvbox-light0_soft-xterm .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-light0_soft-xterm .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-light0_soft-xterm .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-light0_soft-xterm-after {
height: 8px;
width: 128px;
- background-color: #ffff4a; }
+ background-color: #ffc772; }
.gruvbox-light1 {
+ position: relative;
color: #000000;
background-color: #ebdbb2;
height: 120px; }
+ .gruvbox-light1 .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-light1 .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-light1 .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-light1-after {
height: 8px;
@@ -409,16 +744,30 @@ h1, h2, h3, h4, h5 {
background-color: #dec481; }
.gruvbox-light1-xterm {
+ position: relative;
color: #000000;
background-color: #ffdfaf;
height: 120px; }
+ .gruvbox-light1-xterm .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-light1-xterm .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-light1-xterm .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-light1-xterm-after {
height: 8px;
@@ -426,16 +775,30 @@ h1, h2, h3, h4, h5 {
background-color: #ffc772; }
.gruvbox-light2 {
+ position: relative;
color: #000000;
background-color: #d5c4a1;
height: 120px; }
+ .gruvbox-light2 .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-light2 .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-light2 .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-light2-after {
height: 8px;
@@ -443,16 +806,30 @@ h1, h2, h3, h4, h5 {
background-color: #c2a977; }
.gruvbox-light2-xterm {
+ position: relative;
color: #000000;
background-color: #bcbcbc;
height: 120px; }
+ .gruvbox-light2-xterm .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-light2-xterm .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-light2-xterm .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-light2-xterm-after {
height: 8px;
@@ -460,16 +837,30 @@ h1, h2, h3, h4, h5 {
background-color: #9d9d9d; }
.gruvbox-light3 {
+ position: relative;
color: #000000;
background-color: #bdae93;
height: 120px; }
+ .gruvbox-light3 .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-light3 .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-light3 .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-light3-after {
height: 8px;
@@ -477,16 +868,30 @@ h1, h2, h3, h4, h5 {
background-color: #a6926d; }
.gruvbox-light3-xterm {
+ position: relative;
color: #000000;
background-color: #a8a8a8;
height: 120px; }
+ .gruvbox-light3-xterm .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-light3-xterm .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-light3-xterm .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-light3-xterm-after {
height: 8px;
@@ -494,16 +899,30 @@ h1, h2, h3, h4, h5 {
background-color: #898989; }
.gruvbox-light4 {
+ position: relative;
color: #000000;
background-color: #a89984;
height: 120px; }
+ .gruvbox-light4 .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-light4 .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-light4 .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-light4-after {
height: 8px;
@@ -511,16 +930,30 @@ h1, h2, h3, h4, h5 {
background-color: #8c7b63; }
.gruvbox-light4-xterm {
+ position: relative;
color: #000000;
background-color: #949494;
height: 120px; }
+ .gruvbox-light4-xterm .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-light4-xterm .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-light4-xterm .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-light4-xterm-after {
height: 8px;
@@ -528,16 +961,30 @@ h1, h2, h3, h4, h5 {
background-color: #757575; }
.gruvbox-bright_red {
+ position: relative;
color: #000000;
background-color: #fb4933;
height: 120px; }
+ .gruvbox-bright_red .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-bright_red .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-bright_red .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-bright_red-after {
height: 8px;
@@ -545,16 +992,30 @@ h1, h2, h3, h4, h5 {
background-color: #ec1e05; }
.gruvbox-bright_red-xterm {
+ position: relative;
color: #000000;
background-color: #d75f5f;
height: 120px; }
+ .gruvbox-bright_red-xterm .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-bright_red-xterm .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-bright_red-xterm .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-bright_red-xterm-after {
height: 8px;
@@ -562,16 +1023,30 @@ h1, h2, h3, h4, h5 {
background-color: #c73232; }
.gruvbox-bright_green {
+ position: relative;
color: #FFFFFF;
background-color: #b8bb26;
height: 120px; }
+ .gruvbox-bright_green .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-bright_green .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-bright_green .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-bright_green-after {
height: 8px;
@@ -579,16 +1054,30 @@ h1, h2, h3, h4, h5 {
background-color: #86881c; }
.gruvbox-bright_green-xterm {
+ position: relative;
color: #FFFFFF;
background-color: #afaf00;
height: 120px; }
+ .gruvbox-bright_green-xterm .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-bright_green-xterm .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-bright_green-xterm .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-bright_green-xterm-after {
height: 8px;
@@ -596,16 +1085,30 @@ h1, h2, h3, h4, h5 {
background-color: #727200; }
.gruvbox-bright_yellow {
+ position: relative;
color: #000000;
background-color: #fabd2f;
height: 120px; }
+ .gruvbox-bright_yellow .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-bright_yellow .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-bright_yellow .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-bright_yellow-after {
height: 8px;
@@ -613,16 +1116,30 @@ h1, h2, h3, h4, h5 {
background-color: #e6a306; }
.gruvbox-bright_yellow-xterm {
+ position: relative;
color: #000000;
background-color: #ffaf00;
height: 120px; }
+ .gruvbox-bright_yellow-xterm .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-bright_yellow-xterm .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-bright_yellow-xterm .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-bright_yellow-xterm-after {
height: 8px;
@@ -630,16 +1147,30 @@ h1, h2, h3, h4, h5 {
background-color: #c28500; }
.gruvbox-bright_blue {
+ position: relative;
color: #000000;
background-color: #83a598;
height: 120px; }
+ .gruvbox-bright_blue .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-bright_blue .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-bright_blue .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-bright_blue-after {
height: 8px;
@@ -647,16 +1178,30 @@ h1, h2, h3, h4, h5 {
background-color: #63887a; }
.gruvbox-bright_blue-xterm {
+ position: relative;
color: #000000;
background-color: #87afaf;
height: 120px; }
+ .gruvbox-bright_blue-xterm .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-bright_blue-xterm .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-bright_blue-xterm .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-bright_blue-xterm-after {
height: 8px;
@@ -664,16 +1209,30 @@ h1, h2, h3, h4, h5 {
background-color: #649595; }
.gruvbox-bright_purple {
+ position: relative;
color: #000000;
background-color: #d3869b;
height: 120px; }
+ .gruvbox-bright_purple .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-bright_purple .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-bright_purple .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-bright_purple-after {
height: 8px;
@@ -681,16 +1240,30 @@ h1, h2, h3, h4, h5 {
background-color: #c35976; }
.gruvbox-bright_purple-xterm {
+ position: relative;
color: #000000;
background-color: #d787af;
height: 120px; }
+ .gruvbox-bright_purple-xterm .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-bright_purple-xterm .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-bright_purple-xterm .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-bright_purple-xterm-after {
height: 8px;
@@ -698,16 +1271,30 @@ h1, h2, h3, h4, h5 {
background-color: #c85990; }
.gruvbox-bright_aqua {
+ position: relative;
color: #000000;
background-color: #8ec07c;
height: 120px; }
+ .gruvbox-bright_aqua .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-bright_aqua .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-bright_aqua .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-bright_aqua-after {
height: 8px;
@@ -715,16 +1302,30 @@ h1, h2, h3, h4, h5 {
background-color: #6aac53; }
.gruvbox-bright_aqua-xterm {
+ position: relative;
color: #000000;
background-color: #87af87;
height: 120px; }
+ .gruvbox-bright_aqua-xterm .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-bright_aqua-xterm .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-bright_aqua-xterm .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-bright_aqua-xterm-after {
height: 8px;
@@ -732,16 +1333,30 @@ h1, h2, h3, h4, h5 {
background-color: #649564; }
.gruvbox-bright_orange {
+ position: relative;
color: #000000;
background-color: #fe8019;
height: 120px; }
+ .gruvbox-bright_orange .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-bright_orange .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-bright_orange .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-bright_orange-after {
height: 8px;
@@ -749,16 +1364,30 @@ h1, h2, h3, h4, h5 {
background-color: #d96201; }
.gruvbox-bright_orange-xterm {
+ position: relative;
color: #000000;
background-color: #ff8700;
height: 120px; }
+ .gruvbox-bright_orange-xterm .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-bright_orange-xterm .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-bright_orange-xterm .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-bright_orange-xterm-after {
height: 8px;
@@ -766,16 +1395,30 @@ h1, h2, h3, h4, h5 {
background-color: #c26700; }
.gruvbox-neutral_red {
+ position: relative;
color: #000000;
background-color: #fb4934;
height: 120px; }
+ .gruvbox-neutral_red .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-neutral_red .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-neutral_red .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-neutral_red-after {
height: 8px;
@@ -783,16 +1426,30 @@ h1, h2, h3, h4, h5 {
background-color: #ed1d05; }
.gruvbox-neutral_red-xterm {
+ position: relative;
color: #000000;
background-color: #d75f5f;
height: 120px; }
+ .gruvbox-neutral_red-xterm .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-neutral_red-xterm .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-neutral_red-xterm .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-neutral_red-xterm-after {
height: 8px;
@@ -800,16 +1457,30 @@ h1, h2, h3, h4, h5 {
background-color: #c73232; }
.gruvbox-neutral_green {
+ position: relative;
color: #FFFFFF;
background-color: #b8bb26;
height: 120px; }
+ .gruvbox-neutral_green .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-neutral_green .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-neutral_green .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-neutral_green-after {
height: 8px;
@@ -817,16 +1488,30 @@ h1, h2, h3, h4, h5 {
background-color: #86881c; }
.gruvbox-neutral_green-xterm {
+ position: relative;
color: #FFFFFF;
background-color: #afaf00;
height: 120px; }
+ .gruvbox-neutral_green-xterm .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-neutral_green-xterm .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-neutral_green-xterm .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-neutral_green-xterm-after {
height: 8px;
@@ -834,16 +1519,30 @@ h1, h2, h3, h4, h5 {
background-color: #727200; }
.gruvbox-neutral_yellow {
+ position: relative;
color: #000000;
background-color: #fabd2f;
height: 120px; }
+ .gruvbox-neutral_yellow .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-neutral_yellow .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-neutral_yellow .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-neutral_yellow-after {
height: 8px;
@@ -851,16 +1550,30 @@ h1, h2, h3, h4, h5 {
background-color: #e6a306; }
.gruvbox-neutral_yellow-xterm {
+ position: relative;
color: #000000;
background-color: #ffaf00;
height: 120px; }
+ .gruvbox-neutral_yellow-xterm .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-neutral_yellow-xterm .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-neutral_yellow-xterm .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-neutral_yellow-xterm-after {
height: 8px;
@@ -868,16 +1581,30 @@ h1, h2, h3, h4, h5 {
background-color: #c28500; }
.gruvbox-neutral_blue {
+ position: relative;
color: #000000;
background-color: #83a598;
height: 120px; }
+ .gruvbox-neutral_blue .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-neutral_blue .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-neutral_blue .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-neutral_blue-after {
height: 8px;
@@ -885,16 +1612,30 @@ h1, h2, h3, h4, h5 {
background-color: #63887a; }
.gruvbox-neutral_blue-xterm {
+ position: relative;
color: #000000;
background-color: #87afaf;
height: 120px; }
+ .gruvbox-neutral_blue-xterm .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-neutral_blue-xterm .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-neutral_blue-xterm .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-neutral_blue-xterm-after {
height: 8px;
@@ -902,16 +1643,30 @@ h1, h2, h3, h4, h5 {
background-color: #649595; }
.gruvbox-neutral_purple {
+ position: relative;
color: #000000;
background-color: #d3869b;
height: 120px; }
+ .gruvbox-neutral_purple .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-neutral_purple .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-neutral_purple .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-neutral_purple-after {
height: 8px;
@@ -919,16 +1674,30 @@ h1, h2, h3, h4, h5 {
background-color: #c35976; }
.gruvbox-neutral_purple-xterm {
+ position: relative;
color: #000000;
background-color: #d787af;
height: 120px; }
+ .gruvbox-neutral_purple-xterm .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-neutral_purple-xterm .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-neutral_purple-xterm .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-neutral_purple-xterm-after {
height: 8px;
@@ -936,16 +1705,30 @@ h1, h2, h3, h4, h5 {
background-color: #c85990; }
.gruvbox-neutral_aqua {
+ position: relative;
color: #000000;
background-color: #8ec07c;
height: 120px; }
+ .gruvbox-neutral_aqua .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-neutral_aqua .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-neutral_aqua .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-neutral_aqua-after {
height: 8px;
@@ -953,16 +1736,30 @@ h1, h2, h3, h4, h5 {
background-color: #6aac53; }
.gruvbox-neutral_aqua-xterm {
+ position: relative;
color: #000000;
background-color: #87af87;
height: 120px; }
+ .gruvbox-neutral_aqua-xterm .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-neutral_aqua-xterm .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-neutral_aqua-xterm .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-neutral_aqua-xterm-after {
height: 8px;
@@ -970,16 +1767,30 @@ h1, h2, h3, h4, h5 {
background-color: #649564; }
.gruvbox-neutral_orange {
+ position: relative;
color: #000000;
background-color: #fe8019;
height: 120px; }
+ .gruvbox-neutral_orange .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-neutral_orange .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-neutral_orange .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-neutral_orange-after {
height: 8px;
@@ -987,16 +1798,30 @@ h1, h2, h3, h4, h5 {
background-color: #d96201; }
.gruvbox-neutral_orange-xterm {
+ position: relative;
color: #000000;
background-color: #ff8700;
height: 120px; }
+ .gruvbox-neutral_orange-xterm .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-neutral_orange-xterm .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-neutral_orange-xterm .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-neutral_orange-xterm-after {
height: 8px;
@@ -1004,16 +1829,30 @@ h1, h2, h3, h4, h5 {
background-color: #c26700; }
.gruvbox-faded_red {
+ position: relative;
color: #FFFFFF;
background-color: #9d0006;
height: 120px; }
+ .gruvbox-faded_red .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-faded_red .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-faded_red .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-faded_red-after {
height: 8px;
@@ -1021,16 +1860,30 @@ h1, h2, h3, h4, h5 {
background-color: #600004; }
.gruvbox-faded_red-xterm {
+ position: relative;
color: #FFFFFF;
background-color: #870000;
height: 120px; }
+ .gruvbox-faded_red-xterm .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-faded_red-xterm .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-faded_red-xterm .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-faded_red-xterm-after {
height: 8px;
@@ -1038,16 +1891,30 @@ h1, h2, h3, h4, h5 {
background-color: #4a0000; }
.gruvbox-faded_green {
+ position: relative;
color: #FFFFFF;
background-color: #79740e;
height: 120px; }
+ .gruvbox-faded_green .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-faded_green .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-faded_green .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-faded_green-after {
height: 8px;
@@ -1055,16 +1922,30 @@ h1, h2, h3, h4, h5 {
background-color: #423f08; }
.gruvbox-faded_green-xterm {
+ position: relative;
color: #FFFFFF;
background-color: #878700;
height: 120px; }
+ .gruvbox-faded_green-xterm .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-faded_green-xterm .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-faded_green-xterm .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-faded_green-xterm-after {
height: 8px;
@@ -1072,16 +1953,30 @@ h1, h2, h3, h4, h5 {
background-color: #4a4a00; }
.gruvbox-faded_yellow {
+ position: relative;
color: #FFFFFF;
background-color: #b57614;
height: 120px; }
+ .gruvbox-faded_yellow .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-faded_yellow .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-faded_yellow .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-faded_yellow-after {
height: 8px;
@@ -1089,16 +1984,30 @@ h1, h2, h3, h4, h5 {
background-color: #7e520e; }
.gruvbox-faded_yellow-xterm {
+ position: relative;
color: #FFFFFF;
background-color: #af8700;
height: 120px; }
+ .gruvbox-faded_yellow-xterm .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-faded_yellow-xterm .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-faded_yellow-xterm .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-faded_yellow-xterm-after {
height: 8px;
@@ -1106,16 +2015,30 @@ h1, h2, h3, h4, h5 {
background-color: #725800; }
.gruvbox-faded_blue {
+ position: relative;
color: #FFFFFF;
background-color: #076678;
height: 120px; }
+ .gruvbox-faded_blue .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-faded_blue .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-faded_blue .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-faded_blue-after {
height: 8px;
@@ -1123,16 +2046,30 @@ h1, h2, h3, h4, h5 {
background-color: #04353e; }
.gruvbox-faded_blue-xterm {
+ position: relative;
color: #FFFFFF;
background-color: #005f87;
height: 120px; }
+ .gruvbox-faded_blue-xterm .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-faded_blue-xterm .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-faded_blue-xterm .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-faded_blue-xterm-after {
height: 8px;
@@ -1140,16 +2077,30 @@ h1, h2, h3, h4, h5 {
background-color: #00344a; }
.gruvbox-faded_purple {
+ position: relative;
color: #FFFFFF;
background-color: #8f3f71;
height: 120px; }
+ .gruvbox-faded_purple .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-faded_purple .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-faded_purple .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-faded_purple-after {
height: 8px;
@@ -1157,16 +2108,30 @@ h1, h2, h3, h4, h5 {
background-color: #652c4f; }
.gruvbox-faded_purple-xterm {
+ position: relative;
color: #FFFFFF;
background-color: #875f87;
height: 120px; }
+ .gruvbox-faded_purple-xterm .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-faded_purple-xterm .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-faded_purple-xterm .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-faded_purple-xterm-after {
height: 8px;
@@ -1174,16 +2139,30 @@ h1, h2, h3, h4, h5 {
background-color: #634663; }
.gruvbox-faded_aqua {
+ position: relative;
color: #FFFFFF;
background-color: #427b58;
height: 120px; }
+ .gruvbox-faded_aqua .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-faded_aqua .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-faded_aqua .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-faded_aqua-after {
height: 8px;
@@ -1191,16 +2170,30 @@ h1, h2, h3, h4, h5 {
background-color: #2d533c; }
.gruvbox-faded_aqua-xterm {
+ position: relative;
color: #FFFFFF;
background-color: #5f8787;
height: 120px; }
+ .gruvbox-faded_aqua-xterm .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-faded_aqua-xterm .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-faded_aqua-xterm .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-faded_aqua-xterm-after {
height: 8px;
@@ -1208,16 +2201,30 @@ h1, h2, h3, h4, h5 {
background-color: #466363; }
.gruvbox-faded_orange {
+ position: relative;
color: #FFFFFF;
background-color: #af3a03;
height: 120px; }
+ .gruvbox-faded_orange .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-faded_orange .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-faded_orange .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-faded_orange-after {
height: 8px;
@@ -1225,16 +2232,30 @@ h1, h2, h3, h4, h5 {
background-color: #732602; }
.gruvbox-faded_orange-xterm {
+ position: relative;
color: #FFFFFF;
background-color: #af5f00;
height: 120px; }
+ .gruvbox-faded_orange-xterm .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-faded_orange-xterm .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-faded_orange-xterm .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-faded_orange-xterm-after {
height: 8px;
@@ -1242,16 +2263,30 @@ h1, h2, h3, h4, h5 {
background-color: #723e00; }
.gruvbox-dark_red {
+ position: relative;
color: #FFFFFF;
background-color: #421E1E;
height: 120px; }
+ .gruvbox-dark_red .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-dark_red .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-dark_red .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-dark_red-after {
height: 8px;
@@ -1259,16 +2294,30 @@ h1, h2, h3, h4, h5 {
background-color: #180b0b; }
.gruvbox-dark_red-xterm {
+ position: relative;
color: #FFFFFF;
background-color: #5f0000;
height: 120px; }
+ .gruvbox-dark_red-xterm .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-dark_red-xterm .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-dark_red-xterm .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-dark_red-xterm-after {
height: 8px;
@@ -1276,16 +2325,30 @@ h1, h2, h3, h4, h5 {
background-color: #220000; }
.gruvbox-dark_blue {
+ position: relative;
color: #FFFFFF;
background-color: #2B3C44;
height: 120px; }
+ .gruvbox-dark_blue .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-dark_blue .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-dark_blue .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-dark_blue-after {
height: 8px;
@@ -1293,33 +2356,61 @@ h1, h2, h3, h4, h5 {
background-color: #131b1f; }
.gruvbox-dark_blue-xterm {
+ position: relative;
color: #FFFFFF;
- background-color: #000080;
- height: 120px; }
+ background-color: #000087;
+ height: 120px; }
+ .gruvbox-dark_blue-xterm .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-dark_blue-xterm .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-dark_blue-xterm .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-dark_blue-xterm-after {
height: 8px;
width: 128px;
- background-color: #000043; }
+ background-color: #00004a; }
.gruvbox-dark_aqua {
+ position: relative;
color: #FFFFFF;
background-color: #36473A;
height: 120px; }
+ .gruvbox-dark_aqua .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-dark_aqua .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-dark_aqua .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-dark_aqua-after {
height: 8px;
@@ -1327,16 +2418,30 @@ h1, h2, h3, h4, h5 {
background-color: #1c241e; }
.gruvbox-dark_aqua-xterm {
+ position: relative;
color: #FFFFFF;
background-color: #005f5f;
height: 120px; }
+ .gruvbox-dark_aqua-xterm .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-dark_aqua-xterm .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-dark_aqua-xterm .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-dark_aqua-xterm-after {
height: 8px;
@@ -1344,16 +2449,30 @@ h1, h2, h3, h4, h5 {
background-color: #002222; }
.gruvbox-delimiter-one {
+ position: relative;
color: #FFFFFF;
background-color: #458588;
height: 120px; }
+ .gruvbox-delimiter-one .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-delimiter-one .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-delimiter-one .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-delimiter-one-after {
height: 8px;
@@ -1361,16 +2480,30 @@ h1, h2, h3, h4, h5 {
background-color: #305d5f; }
.gruvbox-delimiter-one-xterm {
+ position: relative;
color: #FFFFFF;
background-color: #008787;
height: 120px; }
+ .gruvbox-delimiter-one-xterm .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-delimiter-one-xterm .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-delimiter-one-xterm .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-delimiter-one-xterm-after {
height: 8px;
@@ -1378,16 +2511,30 @@ h1, h2, h3, h4, h5 {
background-color: #004a4a; }
.gruvbox-delimiter-two {
+ position: relative;
color: #000000;
background-color: #b16286;
height: 120px; }
+ .gruvbox-delimiter-two .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-delimiter-two .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-delimiter-two .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-delimiter-two-after {
height: 8px;
@@ -1395,16 +2542,30 @@ h1, h2, h3, h4, h5 {
background-color: #8f4768; }
.gruvbox-delimiter-two-xterm {
+ position: relative;
color: #000000;
background-color: #d75f87;
height: 120px; }
+ .gruvbox-delimiter-two-xterm .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-delimiter-two-xterm .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-delimiter-two-xterm .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-delimiter-two-xterm-after {
height: 8px;
@@ -1412,16 +2573,30 @@ h1, h2, h3, h4, h5 {
background-color: #c73264; }
.gruvbox-delimiter-three {
+ position: relative;
color: #000000;
background-color: #8ec07c;
height: 120px; }
+ .gruvbox-delimiter-three .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-delimiter-three .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-delimiter-three .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-delimiter-three-after {
height: 8px;
@@ -1429,16 +2604,30 @@ h1, h2, h3, h4, h5 {
background-color: #6aac53; }
.gruvbox-delimiter-three-xterm {
+ position: relative;
color: #000000;
background-color: #87af87;
height: 120px; }
+ .gruvbox-delimiter-three-xterm .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-delimiter-three-xterm .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-delimiter-three-xterm .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-delimiter-three-xterm-after {
height: 8px;
@@ -1446,16 +2635,30 @@ h1, h2, h3, h4, h5 {
background-color: #649564; }
.gruvbox-delimiter-four {
+ position: relative;
color: #FFFFFF;
background-color: #d65d0e;
height: 120px; }
+ .gruvbox-delimiter-four .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-delimiter-four .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-delimiter-four .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-delimiter-four-after {
height: 8px;
@@ -1463,16 +2666,30 @@ h1, h2, h3, h4, h5 {
background-color: #9d440a; }
.gruvbox-delimiter-four-xterm {
+ position: relative;
color: #FFFFFF;
background-color: #d75f00;
height: 120px; }
+ .gruvbox-delimiter-four-xterm .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-delimiter-four-xterm .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-delimiter-four-xterm .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-delimiter-four-xterm-after {
height: 8px;
@@ -1480,16 +2697,30 @@ h1, h2, h3, h4, h5 {
background-color: #9a4400; }
.gruvbox-white {
+ position: relative;
color: #000000;
background-color: #FFFFFF;
height: 120px; }
+ .gruvbox-white .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-white .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-white .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-white-after {
height: 8px;
@@ -1497,16 +2728,30 @@ h1, h2, h3, h4, h5 {
background-color: #e0e0e0; }
.gruvbox-white-xterm {
+ position: relative;
color: #000000;
background-color: #FFFFFF;
height: 120px; }
+ .gruvbox-white-xterm .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-white-xterm .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-white-xterm .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-white-xterm-after {
height: 8px;
@@ -1514,16 +2759,30 @@ h1, h2, h3, h4, h5 {
background-color: #e0e0e0; }
.gruvbox-black {
+ position: relative;
color: #FFFFFF;
background-color: #000000;
height: 120px; }
+ .gruvbox-black .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-black .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-black .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-black-after {
height: 8px;
@@ -1531,16 +2790,30 @@ h1, h2, h3, h4, h5 {
background-color: black; }
.gruvbox-black-xterm {
+ position: relative;
color: #FFFFFF;
background-color: #000000;
height: 120px; }
+ .gruvbox-black-xterm .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-black-xterm .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-black-xterm .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-black-xterm-after {
height: 8px;
@@ -1548,16 +2821,30 @@ h1, h2, h3, h4, h5 {
background-color: black; }
.gruvbox-sienna {
+ position: relative;
color: #000000;
background-color: #DD6F48;
height: 120px; }
+ .gruvbox-sienna .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-sienna .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-sienna .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-sienna-after {
height: 8px;
@@ -1565,33 +2852,61 @@ h1, h2, h3, h4, h5 {
background-color: #c34e24; }
.gruvbox-sienna-xterm {
- color: #FFFFFF;
- background-color: #882D17;
- height: 120px; }
+ position: relative;
+ color: #000000;
+ background-color: #d7875f;
+ height: 120px; }
+ .gruvbox-sienna-xterm .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-sienna-xterm .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-sienna-xterm .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-sienna-xterm-after {
height: 8px;
width: 128px;
- background-color: #541c0e; }
+ background-color: #c76432; }
.gruvbox-darkslategray4 {
+ position: relative;
color: #FFFFFF;
background-color: #528B8B;
height: 120px; }
+ .gruvbox-darkslategray4 .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-darkslategray4 .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-darkslategray4 .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-darkslategray4-after {
height: 8px;
@@ -1599,33 +2914,61 @@ h1, h2, h3, h4, h5 {
background-color: #3b6565; }
.gruvbox-darkslategray4-xterm {
+ position: relative;
color: #FFFFFF;
- background-color: #528b8b;
+ background-color: #5f8787;
height: 120px; }
+ .gruvbox-darkslategray4-xterm .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-darkslategray4-xterm .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-darkslategray4-xterm .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-darkslategray4-xterm-after {
height: 8px;
width: 128px;
- background-color: #3b6565; }
+ background-color: #466363; }
.gruvbox-lightblue4 {
+ position: relative;
color: #000000;
background-color: #66999D;
height: 120px; }
+ .gruvbox-lightblue4 .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-lightblue4 .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-lightblue4 .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-lightblue4-after {
height: 8px;
@@ -1633,33 +2976,61 @@ h1, h2, h3, h4, h5 {
background-color: #4d7579; }
.gruvbox-lightblue4-xterm {
- color: #FFFFFF;
- background-color: #68838b;
- height: 120px; }
+ position: relative;
+ color: #000000;
+ background-color: #5fafaf;
+ height: 120px; }
+ .gruvbox-lightblue4-xterm .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-lightblue4-xterm .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-lightblue4-xterm .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-lightblue4-xterm-after {
height: 8px;
width: 128px;
- background-color: #4e6268; }
+ background-color: #468b8b; }
.gruvbox-burlywood4 {
+ position: relative;
color: #000000;
background-color: #BBAA97;
height: 120px; }
+ .gruvbox-burlywood4 .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-burlywood4 .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-burlywood4 .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-burlywood4-after {
height: 8px;
@@ -1667,33 +3038,61 @@ h1, h2, h3, h4, h5 {
background-color: #a38c72; }
.gruvbox-burlywood4-xterm {
- color: #FFFFFF;
- background-color: #8B7355;
- height: 120px; }
+ position: relative;
+ color: #000000;
+ background-color: #afaf87;
+ height: 120px; }
+ .gruvbox-burlywood4-xterm .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-burlywood4-xterm .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-burlywood4-xterm .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-burlywood4-xterm-after {
height: 8px;
width: 128px;
- background-color: #65543e; }
+ background-color: #959564; }
.gruvbox-aquamarine4 {
+ position: relative;
color: #000000;
background-color: #83A598;
height: 120px; }
+ .gruvbox-aquamarine4 .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-aquamarine4 .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-aquamarine4 .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-aquamarine4-after {
height: 8px;
@@ -1701,33 +3100,61 @@ h1, h2, h3, h4, h5 {
background-color: #63887a; }
.gruvbox-aquamarine4-xterm {
- color: #FFFFFF;
- background-color: #458b74;
+ position: relative;
+ color: #000000;
+ background-color: #87af87;
height: 120px; }
+ .gruvbox-aquamarine4-xterm .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-aquamarine4-xterm .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-aquamarine4-xterm .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-aquamarine4-xterm-after {
height: 8px;
width: 128px;
- background-color: #316252; }
+ background-color: #649564; }
.gruvbox-turquoise4 {
+ position: relative;
color: #000000;
background-color: #61ACBB;
height: 120px; }
+ .gruvbox-turquoise4 .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-turquoise4 .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-turquoise4 .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-turquoise4-after {
height: 8px;
@@ -1735,21 +3162,35 @@ h1, h2, h3, h4, h5 {
background-color: #438d9c; }
.gruvbox-turquoise4-xterm {
- color: #FFFFFF;
- background-color: #00868b;
- height: 120px; }
+ position: relative;
+ color: #000000;
+ background-color: #5fafaf;
+ height: 120px; }
+ .gruvbox-turquoise4-xterm .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt; }
.gruvbox-turquoise4-xterm .content {
- font-size: 10pt;
- padding: 6px; }
+ position: absolute;
+ top: 5px;
+ left: 8px;
+ font-size: 10pt; }
.gruvbox-turquoise4-xterm .color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px; }
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt; }
.gruvbox-turquoise4-xterm-after {
height: 8px;
width: 128px;
- background-color: #004b4e; }
+ background-color: #468b8b; }
.separator {
clear: left;
diff --git a/palette/gruvbox-theme-colors.css.map
b/palette/gruvbox-theme-colors.css.map
index 55eb136790..15bb20a5be 100644
--- a/palette/gruvbox-theme-colors.css.map
+++ b/palette/gruvbox-theme-colors.css.map
@@ -1,6 +1,6 @@
{
"version": 3,
-"mappings":
"AA4HA,IAAK;EACH,WAAW,EAAE,wBAAwB;EACrC,WAAW,EAAE,OAAO;;AAGtB,EAAG;EACD,SAAS,EAAE,IAAI;;AAGjB,kBAAmB;EACjB,WAAW,EAAE,OAAO;EACpB,MAAM,EAAE,CAAC;EACT,aAAa,EAAE,GAAG;;AAGpB,eAAgB;EACd,KAAK,EAnBQ,KAAK;EAoBlB,MAAM,EAnBQ,KAAK;EAoBnB,SAAS,EAAE,IAAI;EACf,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,WAAW;;AAInB,mBAAU;EACR,KAAK,EA3CD,OAAO;EA4CX,gBAAgB,EArJc,OAAO;EAsJrC,MAAM,EAAE,KAAoB;EAC5B,4BAAS;IACP,SAAS,EAAE,IAAI;IACf,OAAO,EAAE,GAAG;EAEd,gCAAa;IACX,SAAS,EAAE,GAAG;IACd,OAAO,EAAE,IAAI;IACb,WAAW,EAAE
[...]
+"mappings":
"AA4HA,IAAK;EACH,WAAW,EAAE,wBAAwB;EACrC,WAAW,EAAE,OAAO;EACpB,gBAAgB,EAAE,WAAa;;AAGjC,kBAAmB;EACjB,WAAW,EAAE,OAAO;EACpB,MAAM,EAAE,CAAC;EACT,aAAa,EAAE,GAAG;;AAYlB,EAAS;EACP,SAAS,EATP,IAAI;;AAQR,EAAS;EACP,SAAS,EARP,IAAI;;AAOR,EAAS;EACP,SAAS,EAPP,IAAI;;AAMR,EAAS;EACP,SAAS,EANP,IAAI;;AAKR,EAAS;EACP,SAAS,EALP,IAAI;;AASV,eAAgB;EACd,KAAK,EA9BQ,KAAK;EA+BlB,MAAM,EA9BQ,KAAK;EA+BnB,SAAS,EAAE,IAAI;EACf,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,WAAW;;AAInB,mBAAU;EACR,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAvDD,OA
[...]
"sources": ["gruvbox-theme-colors.scss"],
"names": [],
"file": "gruvbox-theme-colors.css"
diff --git a/palette/gruvbox-theme-colors.scss
b/palette/gruvbox-theme-colors.scss
index 11a896a758..88473b01dd 100644
--- a/palette/gruvbox-theme-colors.scss
+++ b/palette/gruvbox-theme-colors.scss
@@ -125,10 +125,7 @@ $swatch-height: 128px;
body {
font-family: "SauceCodePro Nerd Font";
font-weight: lighter;
-}
-
-h1 {
- font-size: 42pt;
+ background-color: rgba(0,0,0,0);
}
h1, h2, h3, h4, h5 {
@@ -137,6 +134,20 @@ h1, h2, h3, h4, h5 {
margin-bottom: 3px;
}
+$heads: (
+ h1: 42pt,
+ h2: 38pt,
+ h3: 28pt,
+ h4: 18pt,
+ h5: 14pt
+);
+
+@each $head, $size in $heads {
+ #{$head} {
+ font-size: $size;
+ }
+}
+
.gruvbox-swatch {
width: $swatch-width;
height: $swatch-height;
@@ -147,17 +158,32 @@ h1, h2, h3, h4, h5 {
@each $name, $color in $gruvbox-palette {
.#{$name} {
+ position: relative;
color: contrast-foreground($color);
background-color: $color;
height: $swatch-height - 8px;
+ .xterm {
+ position: absolute;
+ width: 112px;
+ top: -16px;
+ right: 0px;
+ padding: 3px;
+ transform-origin: right bottom;
+ transform: rotate(270deg);
+ text-alignment: right;
+ font-size: 7pt;
+ }
.content {
+ position: absolute;
+ top: 5px;
+ left: 8px;
font-size: 10pt;
- padding: 6px;
}
.color-label {
- font-size: 8pt;
- padding: 10px;
- padding-top: 60px;
+ position: absolute;
+ bottom: 5px;
+ left: 8px;
+ font-size: 14pt;
}
}
.#{$name}-after {
- [nongnu] elpa/gruvbox-theme b92ae52515 009/258: Changes to the modeline, (continued)
- [nongnu] elpa/gruvbox-theme b92ae52515 009/258: Changes to the modeline, ELPA Syncer, 2022/01/01
- [nongnu] elpa/gruvbox-theme 768454161d 012/258: Original theme support for RainbowDelimiter, ELPA Syncer, 2022/01/01
- [nongnu] elpa/gruvbox-theme 476fbb7479 071/258: Merge pull request #26 from rcoedo/smart-mode-line, ELPA Syncer, 2022/01/01
- [nongnu] elpa/gruvbox-theme a9cb53b528 072/258: Fixed line number being highlighed with parens, ELPA Syncer, 2022/01/01
- [nongnu] elpa/gruvbox-theme 8630def251 081/258: Make vertical border less harsh on the eyes, ELPA Syncer, 2022/01/01
- [nongnu] elpa/gruvbox-theme dba88794ba 083/258: Update copyright statement in README.md, ELPA Syncer, 2022/01/01
- [nongnu] elpa/gruvbox-theme 737356c9d8 080/258: Update copyright statement in header in gruvbox-theme.el, ELPA Syncer, 2022/01/01
- [nongnu] elpa/gruvbox-theme 771243dc92 096/258: sync colors with gruvbox.vim (#56), ELPA Syncer, 2022/01/01
- [nongnu] elpa/gruvbox-theme 04411dfaae 117/258: Update Palette images for README, ELPA Syncer, 2022/01/01
- [nongnu] elpa/gruvbox-theme e1c1564c2a 099/258: Use autothemer - bump to 1.00, ELPA Syncer, 2022/01/01
- [nongnu] elpa/gruvbox-theme 9c2d034427 112/258: Styling changes to layout in scss,
ELPA Syncer <=
- [nongnu] elpa/gruvbox-theme 50e62857d6 120/258: Merge pull request #63 from gilbertw1/feature-linum-highlight, ELPA Syncer, 2022/01/01
- [nongnu] elpa/gruvbox-theme 448eaccad3 136/258: Fix color names and update readme, ELPA Syncer, 2022/01/01
- [nongnu] elpa/gruvbox-theme 01cb12c50c 148/258: Adding some faces to company mode and Adding tooltip theme, ELPA Syncer, 2022/01/01
- [nongnu] elpa/gruvbox-theme 41c415472c 151/258: Merge pull request #80 from zzgraph/master, ELPA Syncer, 2022/01/01
- [nongnu] elpa/gruvbox-theme a3aafd33d9 153/258: Added widget faces, ELPA Syncer, 2022/01/01
- [nongnu] elpa/gruvbox-theme f8c435374e 160/258: Updated 256-color definition of light colors, ELPA Syncer, 2022/01/01
- [nongnu] elpa/gruvbox-theme 6ac2d04490 163/258: Removed underline from org ellipsis, ELPA Syncer, 2022/01/01
- [nongnu] elpa/gruvbox-theme 05d8e2e708 002/258: Added the theme that already existed, ELPA Syncer, 2022/01/01
- [nongnu] elpa/gruvbox-theme c1f4508845 004/258: Added 256 colors for future use, ELPA Syncer, 2022/01/01
- [nongnu] elpa/gruvbox-theme 03c2c04253 059/258: Define secondary-selection, ELPA Syncer, 2022/01/01