Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 8 additions & 0 deletions timeline/assets/css/base/_body-element.sass
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
body
background-color: $black
font-size: 14px
line-height: 1.6
font-family: "Montserrat", sans-serif
color: $white
-webkit-font-smoothing: antialiased
-webkit-text-size-adjust: 100%
33 changes: 33 additions & 0 deletions timeline/assets/css/base/_fonts.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,33 @@
// https://www.fontsquirrel.com/fonts/montserrat

@font-face {
font-family: 'Montserrat';
src: url('fonts/Montserrat-Black.eot');
src: local('☺'), url('fonts/Montserrat-Black.woff') format('woff'), url('fonts/Montserrat-Black.ttf') format('truetype'), url('fonts/Montserrat-Black.svg') format('svg');
font-weight: 900;
font-style: normal;
}

@font-face {
font-family: 'Montserrat';
src: url('fonts/Montserrat-Bold.eot');
src: local('☺'), url('fonts/Montserrat-Bold.woff') format('woff'), url('fonts/Montserrat-Bold.ttf') format('truetype'), url('fonts/Montserrat-Bold.svg') format('svg');
font-weight: 700;
font-style: normal;
}

@font-face {
font-family: 'Montserrat';
src: url('fonts/Montserrat-Regular.eot');
src: local('☺'), url('fonts/Montserrat-Regular.woff') format('woff'), url('fonts/Montserrat-Regular.ttf') format('truetype'), url('fonts/Montserrat-Regular.svg') format('svg');
font-weight: 400;
font-style: normal;
}

@font-face {
font-family: 'Montserrat';
src: url('fonts/Montserrat-Light.eot');
src: local('☺'), url('fonts/Montserrat-Light.woff') format('woff'), url('fonts/Montserrat-Light.ttf') format('truetype'), url('fonts/Montserrat-Light.svg') format('svg');
font-weight: 300;
font-style: normal;
}
221 changes: 221 additions & 0 deletions timeline/assets/css/base/_normalize.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,221 @@
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}

body {
margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}

audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}

audio:not([controls]) {
display: none;
height: 0;
}

[hidden],
template {
display: none;
}

a {
background-color: transparent;
}

a:active,
a:hover {
outline: 0;
}

abbr[title] {
border-bottom: 1px dotted;
}

b,
strong {
font-weight: bold;
}

dfn {
font-style: italic;
}

h1 {
font-size: 2em;
margin: 0.67em 0;
}

mark {
background: #ff0;
color: #000;
}

small {
font-size: 80%;
}

sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}

sup {
top: -0.5em;
}

sub {
bottom: -0.25em;
}

img {
border: 0;
}

svg:not(:root) {
overflow: hidden;
}

figure {
margin: 1em 40px;
}

hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}

pre {
overflow: auto;
}

code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}

button {
overflow: visible;
}

button,
select {
text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}

button[disabled],
html input[disabled] {
cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}

input {
line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}

input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}

fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}

legend {
border: 0;
padding: 0;
}

textarea {
overflow: auto;
}

optgroup {
font-weight: bold;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

td,
th {
padding: 0;
}
14 changes: 14 additions & 0 deletions timeline/assets/css/base/_selection-colors.sass
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
::selection
background: #FFF498

::-moz-selection
background: #FFF498

img::selection
background: transparent

img::-moz-selection
background: transparent

body
-webkit-tap-highlight-color: #FFF498
5 changes: 5 additions & 0 deletions timeline/assets/css/base/_vars.sass
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
// Colors
$white: #fff
$black: #0c0c0c
$highlight: #0f33ff
$muted-gray: #282828
Binary file added timeline/assets/css/fonts/Montserrat-Black.eot
Binary file not shown.
Binary file added timeline/assets/css/fonts/Montserrat-Black.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added timeline/assets/css/fonts/Montserrat-Black.ttf
Binary file not shown.
Binary file added timeline/assets/css/fonts/Montserrat-Black.woff
Binary file not shown.
Binary file added timeline/assets/css/fonts/Montserrat-Bold.eot
Binary file not shown.
Binary file added timeline/assets/css/fonts/Montserrat-Bold.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added timeline/assets/css/fonts/Montserrat-Bold.ttf
Binary file not shown.
Binary file added timeline/assets/css/fonts/Montserrat-Bold.woff
Binary file not shown.
Binary file added timeline/assets/css/fonts/Montserrat-Light.eot
Binary file not shown.
Binary file added timeline/assets/css/fonts/Montserrat-Light.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added timeline/assets/css/fonts/Montserrat-Light.ttf
Binary file not shown.
Binary file not shown.
Binary file added timeline/assets/css/fonts/Montserrat-Regular.eot
Binary file not shown.
Binary file added timeline/assets/css/fonts/Montserrat-Regular.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added timeline/assets/css/fonts/Montserrat-Regular.ttf
Binary file not shown.
Binary file added timeline/assets/css/fonts/Montserrat-Regular.woff
Binary file not shown.
50 changes: 50 additions & 0 deletions timeline/assets/css/layouts/_grid.sass
Original file line number Diff line number Diff line change
@@ -0,0 +1,50 @@
.l-viewport
position: relative
width: 100%
height: 100vh
box-shadow: 0 0 45px 5px rgba(0,0,0,.85)
overflow: hidden

.l-wrapper
position: relative
width: 1440px
max-width: 90%
height: 100%
margin: 0 auto

.l-side-nav
position: absolute
left: 0
display: flex
height: 100%
align-items: center

// placed on layout class due to firefox bug
&::before
content: ""
position: absolute
top: 50%
left: 0
transform: translateY(-50%)
width: 2px
height: 70%
max-height: 750px
background-color: #555
opacity: .35
z-index: 10

@media (max-width: 1180px)
display: none

.l-main-content
position: relative
width: 100%
height: 100%
margin: 0
padding: 0
list-style: none

.l-section
position: absolute
width: 100%
height: 100%
Loading