backend
This commit is contained in:
Gaurav Kumar
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
@@ -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;
|
||||
}
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 20 KiB |
@@ -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;
|
||||
}
|
||||
+90
@@ -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;
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
@@ -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;
|
||||
Reference in New Issue
Block a user