This commit is contained in:
Gaurav Kumar
2025-03-19 11:18:25 +05:30
commit 8998b79b30
286 changed files with 478324 additions and 0 deletions

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,14 @@
@font-face {
font-family: 'sonicglyph';
src: url('../fonts/sonicglyph.woff') format('woff');
font-weight: normal;
font-style: normal;
}
.s-glyph {
display: inline-block;
font: normal normal normal 16px/1 sonicglyph;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 20 KiB

View File

@@ -0,0 +1,90 @@
body {
font-size:12px;
font-weight: normal;
overflow: auto;
margin:0;
padding:0;
}
/*
h1 { font:$s-f1-size $s-f-family;font-weight:600 }
h2 { font:$s-f2-size $s-f-family;font-weight:600 }
h3 { font:$s-f3-size $s-f-family;font-weight:600 }
h4 { font:$s-f4-size $s-f-family;font-weight:600 }
h5 { font:$s-f5-size $s-f-family;font-weight:600 }
h6 { font:$s-f6-size $s-f-family;font-weight:600 }
*/
//.s-f {font-family: $s-f-family;}
.s-f1 { font:$s-f1-size;}
.s-f2 { font:$s-f2-size;}
.s-f3 { font:$s-f3-size;}
.s-f4 { font:$s-f4-size;}
.s-f5 { font:$s-f5-size;}
.s-f6 { font:$s-f6-size;}
.s-f-tiny { font-size:$s-f-tiny-size;}
.s-f-body { font-size:$s-f-body-size;}
.s-f-small { font-size:$s-f-small-size;}
.s-f-medium { font-size:$s-f-medium-size;}
.s-f-large { font-size:$s-f-large-size;}
.s-bold-500 { font-weight: 500; }
.s-bold-600 { font-weight: 600; }
.s-bold { font-weight: bold; } // weight:700
.s-c-text { color: $s-c-text; }
.s-c-inverse-text { color: $s-c-inverse-text; }
.s-c-disable-text { color: $s-c-disable-text; }
.s-c-white { color: $s-c-white; }
.s-c-gray { color: $s-c-gray; }
.s-c-primary { color: $s-c-primary; }
.s-c-info { color: $s-c-info; }
.s-c-error { color: $s-c-error; }
.s-c-warning { color: $s-c-warning; }
.s-c-good { color: $s-c-good; }
.s-bg-main { background-color: $s-bg-main; }
.s-bg-inverse { background-color: $s-bg-inverse; }
.s-bg-soft-white { background-color: $s-bg-soft-white;}
.s-bg-info { background-color: $s-c-info; }
.s-bg-error { background-color: $s-c-error; }
.s-bg-warning { background-color: $s-c-warning; }
.s-bg-good { background-color: $s-c-good; }
.s-shadow-1 { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); }
.s-shadow-2 { box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); }
.s-shadow-3 { box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); }
.s-shadow-4 { box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); }
.s-shadow-5 { box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22); }
.s-hidden { display: none;}
.s-ellipses { text-overflow: ellipsis;overflow: hidden;}
.s-nowrap { white-space: nowrap;}
.s-err-msg { color: $s-c-error;}
.s-link { color :$s-c-link-text;cursor:pointer;text-decoration: none;}
.s-link:hover { text-decoration: underline;}
//Padding
.pad-16{ padding:16px;}
.no-margin{ padding:0; margin:0}
//Align
.s-hbox-align-right{
display: flex;
justify-content: flex-end;
flex-direction: row;
}
.s-hbox-align-left{
display: flex;
justify-content: flex-start;
flex-direction: row;
}
.s-hbox-align-center{
display: flex;
justify-content: center;
flex-direction: row;
}

View File

@@ -0,0 +1,90 @@
body {
font-size:12px;
font-weight: normal;
overflow: auto;
margin:0;
padding:0;
}
/*
h1 { font:$s-f1-size $s-f-family;font-weight:600 }
h2 { font:$s-f2-size $s-f-family;font-weight:600 }
h3 { font:$s-f3-size $s-f-family;font-weight:600 }
h4 { font:$s-f4-size $s-f-family;font-weight:600 }
h5 { font:$s-f5-size $s-f-family;font-weight:600 }
h6 { font:$s-f6-size $s-f-family;font-weight:600 }
*/
//.s-f {font-family: $s-f-family;}
.s-f1 { font:$s-f1-size;}
.s-f2 { font:$s-f2-size;}
.s-f3 { font:$s-f3-size;}
.s-f4 { font:$s-f4-size;}
.s-f5 { font:$s-f5-size;}
.s-f6 { font:$s-f6-size;}
.s-f-tiny { font-size:$s-f-tiny-size;}
.s-f-body { font-size:$s-f-body-size;}
.s-f-small { font-size:$s-f-small-size;}
.s-f-medium { font-size:$s-f-medium-size;}
.s-f-large { font-size:$s-f-large-size;}
.s-bold-500 { font-weight: 500; }
.s-bold-600 { font-weight: 600; }
.s-bold { font-weight: bold; } // weight:700
.s-c-text { color: $s-c-text; }
.s-c-inverse-text { color: $s-c-inverse-text; }
.s-c-disable-text { color: $s-c-disable-text; }
.s-c-white { color: $s-c-white; }
.s-c-gray { color: $s-c-gray; }
.s-c-primary { color: $s-c-primary; }
.s-c-info { color: $s-c-info; }
.s-c-error { color: $s-c-error; }
.s-c-warning { color: $s-c-warning; }
.s-c-good { color: $s-c-good; }
.s-bg-main { background-color: $s-bg-main; }
.s-bg-inverse { background-color: $s-bg-inverse; }
.s-bg-soft-white { background-color: $s-bg-soft-white;}
.s-bg-info { background-color: $s-c-info; }
.s-bg-error { background-color: $s-c-error; }
.s-bg-warning { background-color: $s-c-warning; }
.s-bg-good { background-color: $s-c-good; }
.s-shadow-1 { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); }
.s-shadow-2 { box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); }
.s-shadow-3 { box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); }
.s-shadow-4 { box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); }
.s-shadow-5 { box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22); }
.s-hidden { display: none;}
.s-ellipses { text-overflow: ellipsis;overflow: hidden;}
.s-nowrap { white-space: nowrap;}
.s-err-msg { color: $s-c-error;}
.s-link { color :$s-c-link-text;cursor:pointer;text-decoration: none;}
.s-link:hover { text-decoration: underline;}
//Padding
.pad-16{ padding:16px;}
.no-margin{ padding:0; margin:0}
//Align
.s-hbox-align-right{
display: flex;
justify-content: flex-end;
flex-direction: row;
}
.s-hbox-align-left{
display: flex;
justify-content: flex-start;
flex-direction: row;
}
.s-hbox-align-center{
display: flex;
justify-content: center;
flex-direction: row;
}

View File

@@ -0,0 +1,90 @@
body {
font-size:12px;
font-weight: normal;
overflow: auto;
margin:0;
padding:0;
}
/*
h1 { font:$s-f1-size $s-f-family;font-weight:600 }
h2 { font:$s-f2-size $s-f-family;font-weight:600 }
h3 { font:$s-f3-size $s-f-family;font-weight:600 }
h4 { font:$s-f4-size $s-f-family;font-weight:600 }
h5 { font:$s-f5-size $s-f-family;font-weight:600 }
h6 { font:$s-f6-size $s-f-family;font-weight:600 }
*/
//.s-f {font-family: $s-f-family;}
.s-f1 { font:$s-f1-size;}
.s-f2 { font:$s-f2-size;}
.s-f3 { font:$s-f3-size;}
.s-f4 { font:$s-f4-size;}
.s-f5 { font:$s-f5-size;}
.s-f6 { font:$s-f6-size;}
.s-f-tiny { font-size:$s-f-tiny-size;}
.s-f-body { font-size:$s-f-body-size;}
.s-f-small { font-size:$s-f-small-size;}
.s-f-medium { font-size:$s-f-medium-size;}
.s-f-large { font-size:$s-f-large-size;}
.s-bold-500 { font-weight: 500; }
.s-bold-600 { font-weight: 600; }
.s-bold { font-weight: bold; } // weight:700
.s-c-text { color: $s-c-text; }
.s-c-inverse-text { color: $s-c-inverse-text; }
.s-c-disable-text { color: $s-c-disable-text; }
.s-c-white { color: $s-c-white; }
.s-c-gray { color: $s-c-gray; }
.s-c-primary { color: $s-c-primary; }
.s-c-info { color: $s-c-info; }
.s-c-error { color: $s-c-error; }
.s-c-warning { color: $s-c-warning; }
.s-c-good { color: $s-c-good; }
.s-bg-main { background-color: $s-bg-main; }
.s-bg-inverse { background-color: $s-bg-inverse; }
.s-bg-soft-white { background-color: $s-bg-soft-white;}
.s-bg-info { background-color: $s-c-info; }
.s-bg-error { background-color: $s-c-error; }
.s-bg-warning { background-color: $s-c-warning; }
.s-bg-good { background-color: $s-c-good; }
.s-shadow-1 { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); }
.s-shadow-2 { box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); }
.s-shadow-3 { box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); }
.s-shadow-4 { box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); }
.s-shadow-5 { box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22); }
.s-hidden { display: none;}
.s-ellipses { text-overflow: ellipsis;overflow: hidden;}
.s-nowrap { white-space: nowrap;}
.s-err-msg { color: $s-c-error;}
.s-link { color :$s-c-link-text;cursor:pointer;text-decoration: none;}
.s-link:hover { text-decoration: underline;}
//Padding
.pad-16{ padding:16px;}
.no-margin{ padding:0; margin:0}
//Align
.s-hbox-align-right{
display: flex;
justify-content: flex-end;
flex-direction: row;
}
.s-hbox-align-left{
display: flex;
justify-content: flex-start;
flex-direction: row;
}
.s-hbox-align-center{
display: flex;
justify-content: center;
flex-direction: row;
}

View File

@@ -0,0 +1,44 @@
//Fonts
$s-f-family: Metropolis,Avenir Next,Helvetica Neue,Arial,sans-serif;
$s-f1-size: 24px;
$s-f2-size: 20px;
$s-f3-size: 18px;
$s-f4-size: 16px;
$s-f5-size: 14px;
$s-f6-size: 12px;
$s-f-body-size: 12px;
$s-f-tiny-size: 10px;
$s-f-small-size : 16px;
$s-f-medium-size: 24px;
$s-f-large-size : 32px;
//****************** Color Scheme ********************
//Status Colors
$s-c-error : #CE1126; //critical
$s-c-warning: #E3642B;
$s-c-alert : #FFCC00;
$s-c-good : #6EA204;
$s-c-info : #007cbb;
//Text Colors
$s-c-text : #333; // Main Text color used in most places
$s-c-inverse-text : #eee; // Text Color used on contrasting backgrounds such as buttons/tabs
$s-c-disable-text : gray; // Text Color used for displaying less emphasized text (eg:detail chart axis color)
$s-c-link-text : #007cbb;
//Backgrounds
$s-bg-main : #ffffff; // Main Body Background Color
$s-bg-soft-white : whitesmoke; // Alternate Body Background (Such as Windows, Panels, Dropdowns)
$s-bg-inverse : #32404e;
$s-bg-gray : rgb(250, 250, 250);
$s-bg-white : #fff;
//Borders
$s-c-bd : #ccc;
//Named Colors
$s-c-white : #fff;
$s-c-gray : gray;
$s-c-soft-white : whitesmoke;
$s-c-primary : #005d84;