2020-02-25 05:41:02 +13:00
|
|
|
|
2019-07-13 21:35:57 +12:00
|
|
|
:root {
|
2020-05-23 20:49:25 +12:00
|
|
|
|
|
|
|
--white: #FFFFFF;
|
|
|
|
|
|
|
|
--blue: #0055ff;
|
|
|
|
--blue-light: #F1F4FC;
|
|
|
|
--blue-dark: #2F4C9B;
|
|
|
|
|
|
|
|
--ink: #393C44;
|
|
|
|
--ink-light: #808192;
|
|
|
|
--ink-lighter: #ADAEC4;
|
|
|
|
|
|
|
|
--grey: #F2F2F2;
|
|
|
|
--grey-light: #FBFBFB;
|
2020-05-27 02:25:37 +12:00
|
|
|
--grey-medium: #e8e8ef;
|
2020-05-23 20:49:25 +12:00
|
|
|
--grey-dark: #E6E6E6;
|
|
|
|
|
2020-03-24 23:56:48 +13:00
|
|
|
--primary100: #0055ff;
|
|
|
|
--primary80: rgba(0, 85, 255, 0.8);
|
|
|
|
--primary60: #rgba(0, 85, 255, 0.6);
|
|
|
|
--primary40: #rgba(0, 85, 255, 0.4);
|
|
|
|
--primary20: #rgba(0, 85, 255, 0.2);
|
|
|
|
--primary10: #rgba(0, 85, 255, 0.1);
|
|
|
|
--primary5: #rgba(0, 85, 255, 0.05);
|
|
|
|
--primarydark: #0044cc;
|
|
|
|
|
2020-05-23 20:49:25 +12:00
|
|
|
--secondary100:#393C44;
|
2020-03-24 23:56:48 +13:00
|
|
|
--secondary80: rgba(0, 3, 51, 0.8);
|
|
|
|
--secondary60: rgba(0, 3, 51, 0.6);
|
|
|
|
--secondary40: rgba(0, 3, 51, 0.4);
|
|
|
|
--secondary20: rgba(0, 3, 51, 0.2);
|
|
|
|
--secondary10: rgba(0, 3, 51, 0.1);
|
|
|
|
--secondary5: rgba(0, 3, 51, 0.05);
|
|
|
|
--secondarydark: #00021a;
|
2019-07-13 21:35:57 +12:00
|
|
|
|
|
|
|
--tertiary: #F2F5F7;
|
2020-01-21 02:45:00 +13:00
|
|
|
|
2019-07-13 21:35:57 +12:00
|
|
|
--success100: #49C39EFF;
|
|
|
|
--success75: #49C39EBF;
|
2019-08-03 01:54:10 +12:00
|
|
|
--success50: #49C39E80;
|
2019-07-13 21:35:57 +12:00
|
|
|
--success25: #49C39E40;
|
|
|
|
--success10: #49C39E1A;
|
|
|
|
--successdark: #44B492;
|
2020-01-21 02:45:00 +13:00
|
|
|
|
2019-07-13 21:35:57 +12:00
|
|
|
--deletion100: #F2545BFF;
|
|
|
|
--deletion75: #F2545BBF;
|
2019-08-03 01:54:10 +12:00
|
|
|
--deletion50: #F2545B80;
|
2019-07-13 21:35:57 +12:00
|
|
|
--deletion25: #F2545B40;
|
|
|
|
--deletion10: #F2545B1A;
|
|
|
|
--deletiondark: #CF4046;
|
|
|
|
|
2020-05-23 20:49:25 +12:00
|
|
|
|
2019-09-19 06:16:11 +12:00
|
|
|
--darkslate: #1a202c;
|
2020-03-24 23:56:48 +13:00
|
|
|
--slate: #d8d8d8;
|
|
|
|
--lightslate: #f9f9f9;
|
2019-07-13 21:35:57 +12:00
|
|
|
|
|
|
|
--borderradius: 2px;
|
|
|
|
--borderradiusall: 2px 2px 2px 2px;
|
|
|
|
|
2019-09-19 06:16:11 +12:00
|
|
|
--fontblack: "Roboto Black";
|
|
|
|
--fontbold: "Roboto Bold";
|
|
|
|
--fontsemibold: "Roboto Medium";
|
|
|
|
--fontnormal: "Roboto";
|
|
|
|
--fontlight: "Roboto Light";
|
2019-07-13 21:35:57 +12:00
|
|
|
|
|
|
|
--bodytext: var(--fontnormal) "regular" var(--secondary100) 16pt;
|
|
|
|
--bigbodytext: var(--fontnormal) "regular" var(--secondary100) 20pt;
|
|
|
|
--smallbodytext: var(--fontnormal) "regular" var(--secondary100) 12pt;
|
2019-08-07 20:03:49 +12:00
|
|
|
--lightbodytext: "regular" "normal" 16pt var(--fontnormal);
|
2019-07-13 21:35:57 +12:00
|
|
|
--heavybodytext: var(--fontbold) "regular" var(--secondary100) 16pt;
|
|
|
|
--quotation: var(--fontnormal) "italics" var(--darkslate) 16pt;
|
|
|
|
--smallheavybodytext: var(--fontbold) "regular" var(--secondary100) 14pt;
|
2020-01-21 05:47:35 +13:00
|
|
|
|
2020-03-24 23:56:48 +13:00
|
|
|
--background-button: #f9f9f9;
|
2020-01-21 05:47:35 +13:00
|
|
|
--button-text: #0055ff;
|
2020-05-22 08:40:16 +12:00
|
|
|
|
|
|
|
/* Budibase Styleguide Colors */
|
|
|
|
--primary: #0055ff;
|
|
|
|
--secondary: #f1f4fc;
|
|
|
|
--color: #393c44;
|
2020-05-29 07:20:03 +12:00
|
|
|
--light-grey: #fbfbfb;
|
2020-05-22 08:40:16 +12:00
|
|
|
--dark-grey: #808192;
|
|
|
|
--medium-grey: #e8e8ef;
|
|
|
|
--background: rgb(251, 251, 251);
|
|
|
|
--font: #393c44;
|
|
|
|
--coral: #eb5757;
|
2019-07-13 21:35:57 +12:00
|
|
|
}
|
|
|
|
|
|
|
|
html, body {
|
2020-04-07 03:12:11 +12:00
|
|
|
display: grid;
|
2019-07-13 21:35:57 +12:00
|
|
|
font-family: var(--fontnormal);
|
2020-03-24 23:56:48 +13:00
|
|
|
color: var(--secondary80);
|
2019-07-13 21:35:57 +12:00
|
|
|
padding: 0;
|
|
|
|
margin: 0;
|
2019-08-20 18:24:02 +12:00
|
|
|
height:100%;
|
|
|
|
width:100%;
|
2019-07-13 21:35:57 +12:00
|
|
|
}
|
|
|
|
|
2020-05-03 02:29:10 +12:00
|
|
|
#app {
|
|
|
|
height: 100%;
|
2020-06-02 09:04:32 +12:00
|
|
|
box-sizing: border-box;
|
|
|
|
overflow-y: hidden;
|
2020-05-03 02:29:10 +12:00
|
|
|
}
|
|
|
|
|
2019-07-13 21:35:57 +12:00
|
|
|
h1 {
|
|
|
|
font-family: var(--fontblack);
|
|
|
|
font-size: 36pt;
|
|
|
|
color: var(--secondary100);
|
|
|
|
}
|
|
|
|
|
|
|
|
h2 {
|
|
|
|
font-family: var(--fontbold);
|
|
|
|
font-size: 30pt;
|
|
|
|
color: var(--secondary100);
|
|
|
|
}
|
|
|
|
|
|
|
|
h3 {
|
|
|
|
font-family: var(--fontbold);
|
|
|
|
font-size: 24pt;
|
2020-03-24 23:56:48 +13:00
|
|
|
color: var(--secondary60);
|
2019-07-13 21:35:57 +12:00
|
|
|
}
|
|
|
|
|
|
|
|
h4 {
|
2019-09-19 06:16:11 +12:00
|
|
|
font-family: var(--fontbold);
|
2019-07-13 21:35:57 +12:00
|
|
|
font-size: 18pt;
|
2020-05-24 00:00:38 +12:00
|
|
|
color: var(--ink);
|
2019-07-13 21:35:57 +12:00
|
|
|
}
|
|
|
|
|
|
|
|
h5 {
|
|
|
|
font-family: var(--fontblack);
|
|
|
|
font-size: 14pt;
|
|
|
|
color: var(--secondary100);
|
|
|
|
}
|
|
|
|
|
|
|
|
h5 {
|
|
|
|
font-family: var(--fontblack);
|
|
|
|
font-size: 12pt;
|
|
|
|
color: var(--darkslate);
|
2020-03-13 03:23:29 +13:00
|
|
|
}
|
|
|
|
|
2020-05-27 02:25:37 +12:00
|
|
|
textarea {
|
|
|
|
font-family: var(--fontnormal);
|
|
|
|
}
|
|
|
|
|
2020-03-13 03:23:29 +13:00
|
|
|
.hoverable:hover {
|
|
|
|
cursor: pointer;
|
2020-02-25 04:00:48 +13:00
|
|
|
}
|