Create kryeion.variables.css

src/kryeion.variables.css

@@ -0,0 +1,127 @@
+/* Variables organized by ITCSS layers with scoping */
+
+/**!
+ * SETTINGS
+ */
+
+:root {
+  --settingsCustomSecondaryWoff2FontUrl: url("https://github.com/JulietaUla/Montserrat/raw/master/fonts/webfonts/Montserrat-Regular.woff2") fromat('woff2');
+  --settingsCustomSecondaryWoffFontUrl: url("https://github.com/JulietaUla/Montserrat/raw/master/fonts/webfonts/Montserrat-Regular.woff") format('woff');
+  --settingsCustomPrimaryFontName: 'Page Sans';
+  --settingsCustomSecondaryFontName: 'Montserrat';
+  --settingsFontNormal: normal;
+  --settingsFontweightSemibold: 300;
+  --settingsFontweightBold: 600;
+  --settingsFontweightBolder: 700;
+  --settingsFontweightBoldest: 900;
+  --resetGlobalFgColor: #000000;
+  --resetGlobalBgColor: #FFFFFF;
+  --resetOutlineColor: #CBCBCB;
+  --resetOutlineWidth: 0.05cm;
+  --resetOutline: 0.05cm dotted #CBCBCB;
+  --resetHrTopBorderColor: #CCCCCC;
+  --resetHrTopBorder: 1px solid #CCCCCC;
+  --resetHrMargin: 1em 0;
+  --resetDefaultBoxDimension: 1px;
+  --resetFontFamilyIE: 'Courier New';
+  --resetTextStrokeWidth: 0.013rem;
+  --resetFormElementBorderWidth: 0.063rem;
+  --resetFormElementFgColor: #F2000B;
+  --resetFormElementBorder: 0.063rem solid #F2000B;
+  --resetFormElementPlaceholderColor: #E4E4E4;
+  --resetDefaultGapWidth: 1em;
+  --resetDefaultFontSize: 1em;
+  --resetInsBgColor: #FFFF99;
+  --resetMarkBgColor: #FFFF00;
+  --resetSubBottomOffsetStatic: -0.25em;
+  --resetLegendLeftOffsetStatic: -0.438rem;
+  --resetDefaultFormElementBgColor: #777777;
+  --resetDefaultWidgetDimension: 1em;
+  --resetDefaultSvgIconDimension: 1.5em;
+  --resetdefaultBorderHidden: 1px solid transparent;
+  --resetBorderColor: #BDBDBD;
+}
+
+/* ICON FONT */
+@font-face {
+  font-family: FontAwesome;
+  src: url("https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0");
+  src: url("https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format('embedded-opentype'),
+    url("https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0") format('woff2'),
+    url("https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0") format('woff'),
+    url("https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0") format('truetype'),
+    url("https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format('svg');
+  font-weight:normal;
+  font-style:normal;
+}
+
+/* CUSTOM PRIMARY FONT */
+@font-face {
+  font-family: var(--settingsCustomPrimaryFontName);
+  font-display: swap;
+  font-style: normal;
+  font-weight:  var(--settingsFontweightNormal);
+  src:  local('Verdana'), local('Arial'), local(sans-serif);
+}
+
+/* CUSTOM SECONDARY FONT */
+@font-face {
+  font-family: var(--settingsCustomSecondaryFontName);
+  font-stretch: var(--settingsFontNormal);
+  font-style: var(--settingsFontNormal);
+  font-weight: var(--settingsFontNormal);
+  src: var(--settingsCustomSecondaryWoff2FontUrl),
+    var(--settingsCustomSecondaryWoffFontUrl);
+}
+
+/**!
+ * GENERICS
+ */
+body {
+  --baseGlobalFgColor: #FFFFFF;
+  --baseGlobalFontIcon: 'FontAwesome';
+  --baseGlobalCaretDown: "\f0d7";
+  --baseGlobalCaretUp: "\f0d8";
+  --baseGlobalCaretLeft: "\f0d9";
+  --baseGlobalCaretRight: "\f0da";
+  --baseGlobalRelativeFontSize: 100%;
+  --baseGlobalFontLineHeight: 1.5;
+  --baseGlobalFontFamily: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", system-ui, sans-serif
+}
+
+/**!
+ * ELEMENTS
+ */
+.sticky {
+  --utilityTopOffsetSticky: 0.625rem;
+}
+
+.full-screener {
+  --utilityFullscreenBgColor: rgba(0, 0, 0, 0.32);
+}
+
+[data-combobox] {
+  --utilityComboTextIndent: 0.063rem;
+  --utilityComboBorder: 0.063rem solid #BDBDBD;
+  --utilityComboTopOffsetAbsolute: 0.188rem;
+  --utilityComboAfterPseudoBoxDimension: 0.125rem;
+  --utilityComboPadding: 0 0.875rem 0.063rem 0;
+  --utilityComboFgColor: #FFFFFF;
+  --utilityComboBgColor: #A4A4A4;
+  --utilityComboBeforePseudoFgColor: #A424BA;
+  --utilityComboAfterPseudoFontSize: 60%;
+  --utilityComboBeforePseudoTextIndent: 0.375rem;
+}
+
+[data-menubox] {
+  --utilityMenuBoxPadding: 10px 5px;
+}
+
+/**!
+ * OBJECTS
+ */
+
+
+/**!
+ * COMPONENTS
+ */