You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
102 lines
2.5 KiB
102 lines
2.5 KiB
:root {
|
|
--primary: #c03e24;
|
|
--primary-txt: #fff;
|
|
|
|
--accent: grey;
|
|
--accent-txt: #fff;
|
|
|
|
--base: #FFF;
|
|
--base-text: #424242;
|
|
--base-secondary-text: #636363;
|
|
--link-secondary-text: #424242;
|
|
|
|
--darken-1: rgba(0, 0, 0, .125);
|
|
--darken-2: rgba(0, 0, 0, .25);
|
|
--darken-3: rgba(0, 0, 0, .5);
|
|
|
|
--lighten-1: hsla(0, 100%, 100%, .125);
|
|
--lighten-2: hsla(0, 100%, 100%, .25);
|
|
--lighten-3: hsla(0, 100%, 100%, .5);
|
|
|
|
--color-hero: ghostwhite;
|
|
|
|
--color-main-sponsors: #73737a;
|
|
--color-sponsors: #b7935b;
|
|
--color-error: firebrick;
|
|
|
|
--space-1: .125rem;
|
|
--space-2: .25rem;
|
|
--space-3: .5rem;
|
|
--space-4: 1rem;
|
|
|
|
--theJdrSize: 1100px;
|
|
--block-text-max-width: 60rem;
|
|
|
|
--breakpoint-sm: 34.375rem; // 540px
|
|
--breakpoint-md: 45rem; // 720px
|
|
--breakpoint-lg: 60rem; // 960px
|
|
--breakpoint-xl: 71.25rem; // 1140px
|
|
|
|
--container-margin: 10vw;
|
|
--container-margin-mobile: 3vw;
|
|
--toolbar-height: 3.25rem;
|
|
|
|
--font-family: 'Roboto', sans-serif;
|
|
|
|
/* Tags */
|
|
/*from https://github.com/d3/d3-scale-chromatic#schemePastel2*/
|
|
--tag1: #b3e2cd;
|
|
--tag2: #fdcdac;
|
|
--tag3: #cbd5e8;
|
|
--tag4: #f4cae4;
|
|
--tag5: #e6f5c9;
|
|
--tag6: #fff2ae;
|
|
--tag7: #f1e2cc;
|
|
--tag8: #cccccc;
|
|
|
|
--native-mobile-apps: var(--tag2);
|
|
--web: var(--tag6);
|
|
--method-tools: var(--tag5);
|
|
--big-data-ml-ai: var(--tag3);
|
|
--iot: var(--tag8);
|
|
--cloud: var(--tag4);
|
|
--languages: var(--tag1);
|
|
--wtf: var(--tag7);
|
|
--general: var(--tag8);
|
|
|
|
--office-hours: floralwhite;
|
|
--keynote: paleturquoise;
|
|
|
|
/* Jumbo section */
|
|
--jumbo-logo-width: 400px;
|
|
--jumbo-overlay-opacity: 0.6;
|
|
--jumbo-overlay-transition: 0.5s;
|
|
|
|
/* Partners */
|
|
--partner-support-height: 60px;
|
|
--partner-organisation-height: calc(var(--partner-support-height) * 2);
|
|
--partner-partner-height: calc(var(--partner-support-height)*1.5);
|
|
--partner-main-sponsors-height: calc(var(--partner-support-height) * 3);
|
|
--partner-sponsors-height: calc(var(--partner-support-height) * 2);
|
|
|
|
--animation: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
|
|
|
--extruded-dark: 1px 0 0 var(--darken-3);
|
|
--extruded-light: 1px 0 0 var(--lighten-3);
|
|
|
|
--box-shadow-1: 0 0 2px 0 rgba(0, 0, 0, 0.07), 0 2px 2px 0 rgba(0, 0, 0, 0.15);
|
|
--box-shadow-2: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
|
|
|
|
/* Mark */
|
|
--fg-mark-a: white;
|
|
--bg-mark-a: #fb2c17;
|
|
|
|
--fg-mark-b: black;
|
|
--bg-mark-b: #ffcc00;
|
|
|
|
--fg-mark-t2: white;
|
|
--bg-mark-t2: #11a7e0;
|
|
|
|
/* Schedule */
|
|
--base-grid-height: 4.5em;
|
|
}
|
|
|