mirror of
https://github.com/gchq/CyberChef.git
synced 2025-04-27 18:26:14 -04:00
Styles rewritten in a modular format with themable properties stored in variables.
This commit is contained in:
parent
e120422b05
commit
e0e5670d0e
19 changed files with 834 additions and 658 deletions
73
src/web/stylesheets/utils/_general.scss
Executable file
73
src/web/stylesheets/utils/_general.scss
Executable file
|
@ -0,0 +1,73 @@
|
|||
/**
|
||||
* General styles
|
||||
*
|
||||
* @author n1474335 [n1474335@gmail.com]
|
||||
* @copyright Crown Copyright 2017
|
||||
* @license Apache-2.0
|
||||
*/
|
||||
|
||||
body {
|
||||
font-family: $primaryFontFamily;
|
||||
font-size: $primaryFontSize;
|
||||
line-height: $primaryLineHeight;
|
||||
color: $primaryFontColour;
|
||||
background-color: $primaryBackgroundColour;
|
||||
}
|
||||
|
||||
.subtext {
|
||||
font-style: italic;
|
||||
font-size: $subtextFontSize;
|
||||
color: $subtextFontColour;
|
||||
}
|
||||
|
||||
.word-wrap {
|
||||
white-space: pre !important;
|
||||
word-wrap: normal !important;
|
||||
overflow-x: scroll !important;
|
||||
}
|
||||
|
||||
.clearfix {
|
||||
clear: both;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.blur {
|
||||
color: transparent !important;
|
||||
text-shadow: rgba(0, 0, 0, 0.95) 0 0 10px !important;
|
||||
}
|
||||
|
||||
.no-select {
|
||||
@include user-select(none);
|
||||
}
|
||||
|
||||
.konami {
|
||||
@include transform(180deg);
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
background-color: $secondaryBackgroundColour;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background-color: $scrollbarThumb;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background-color: $scrollbarHover;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-corner {
|
||||
background-color: $secondaryBackgroundColour;
|
||||
}
|
||||
|
||||
// Highlighters
|
||||
.hl1, { background-color: $hl1; }
|
||||
.hl2, { background-color: $hl2; }
|
||||
.hl3, { background-color: $hl3; } /* Half-Life 3 confirmed :O */
|
||||
.hl4, { background-color: $hl4; }
|
||||
.hl5, { background-color: $hl5; }
|
Loading…
Add table
Add a link
Reference in a new issue