Skip to content

Commit

Permalink
switch to plain css so we can get rid of gulp-sass / node-sass
Browse files Browse the repository at this point in the history
  • Loading branch information
dannyvankooten committed Oct 31, 2018
1 parent acd1826 commit cd1392f
Show file tree
Hide file tree
Showing 12 changed files with 593 additions and 566 deletions.
78 changes: 78 additions & 0 deletions assets/src/css/chart.css
@@ -0,0 +1,78 @@
.box-graph {
background: white;
margin-left: 0 !important;
}

#chart * {
box-sizing: content-box;
}

#chart .muted {
fill: #98a0a6;
}

#chart {
height: 240px;
}

.bar-pageviews {
fill: #88ffc6;
}

.bar-visitors {
fill: #533feb;
}

.axis .domain{
stroke: none;
}

.axis line {
stroke: rgba(218, 218, 218, 0.5);
}

.axis text {
font-size: 12px;
fill: #98a0a6;
}

.d3-tip {
font-size: 12px;
color: #959da5;
text-align: left;
background: rgba(0,0,0,.8);
border-radius: 3px;
}

.tip-heading {
font-weight: 600;
padding: 10px;
line-height: 1;
}

.tip-content {
display: flex;

}

.tip-content > div {
padding: 5px 10px;
width: 50%;
display: block;
flex: 1;
min-width: 90px;
}


.tip-pageviews {
border-top: 3px solid rgb(136, 255, 198);
}

.tip-visitors {
border-top: 3px solid rgb(83, 63, 235);
}

.tip-number {
color: #dfe2e5;
font-weight: 600;
}
189 changes: 189 additions & 0 deletions assets/src/css/fonts-overpass.css
@@ -0,0 +1,189 @@
@font-face {
font-family: 'overpass';
src: url('../fonts/overpass-thin.eot'); /* IE9 Compat Modes */
src: url('../fonts/overpass-thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/overpass-thin.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/overpass-thin.woff') format('woff'), /* Pretty Modern Browsers */
url('../fonts/overpass-thin.ttf') format('truetype'); /* Safari, Android, iOS */
font-weight: 200;
font-style: normal;
}

@font-face {
font-family: 'overpass';
src: url('../fonts/overpass-thin-italic.eot');
src: url('../fonts/overpass-thin-italic.eot?#iefix') format('embedded-opentype'),
url('../fonts/overpass-thin-italic.woff2') format('woff2'),
url('../fonts/overpass-thin-italic.woff') format('woff'),
url('../fonts/overpass-thin-italic.ttf') format('truetype');
font-weight: 200;
font-style: italic;
}


@font-face {
font-family: 'overpass';
src: url('../fonts/overpass-extralight.eot');
src: url('../fonts/overpass-extralight.eot?#iefix') format('embedded-opentype'),
url('../fonts/overpass-extralight.woff2') format('woff2'),
url('../fonts/overpass-extralight.woff') format('woff'),
url('../fonts/overpass-extralight.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}

@font-face {
font-family: 'overpass';
src: url('../fonts/overpass-extralight-italic.eot');
src: url('../fonts/overpass-extralight-italic.eot?#iefix') format('embedded-opentype'),
url('../fonts/overpass-extralight-italic.woff2') format('woff2'),
url('../fonts/overpass-extralight-italic.woff') format('woff'),
url('../fonts/overpass-extralight-italic.ttf') format('truetype');
font-weight: 300;
font-style: italic;
}



@font-face {
font-family: 'overpass';
src: url('../fonts/overpass-light.eot');
src: url('../fonts/overpass-light.eot?#iefix') format('embedded-opentype'),
url('../fonts/overpass-light.woff2') format('woff2'),
url('../fonts/overpass-light.woff') format('woff'),
url('../fonts/overpass-light.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}

@font-face {
font-family: 'overpass';
src: url('../fonts/overpass-light-italic.eot');
src: url('../fonts/overpass-light-italic.eot?#iefix') format('embedded-opentype'),
url('../fonts/overpass-light-italic.woff2') format('woff2'),
url('../fonts/overpass-light-italic.woff') format('woff'),
url('../fonts/overpass-light-italic.ttf') format('truetype');
font-weight: 400;
font-style: italic;
}



@font-face {
font-family: 'overpass';
src: url('../fonts/overpass-regular.eot');
src: url('../fonts/overpass-regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/overpass-regular.woff2') format('woff2'),
url('../fonts/overpass-regular.woff') format('woff'),
url('../fonts/overpass-regular.ttf') format('truetype');
font-weight: 500;
font-style: normal;
}

@font-face {
font-family: 'overpass';
src: url('../fonts/overpass-italic.eot');
src: url('../fonts/overpass-italic.eot?#iefix') format('embedded-opentype'),
url('../fonts/overpass-italic.woff2') format('woff2'),
url('../fonts/overpass-italic.woff') format('woff'),
url('../fonts/overpass-italic.ttf') format('truetype');
font-weight: 500;
font-style: italic;
}




@font-face {
font-family: 'overpass';
src: url('../fonts/overpass-semibold.eot');
src: url('../fonts/overpass-semibold.eot?#iefix') format('embedded-opentype'),
url('../fonts/overpass-semibold.woff2') format('woff2'),
url('../fonts/overpass-semibold.woff') format('woff'),
url('../fonts/overpass-semibold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
}

@font-face {
font-family: 'overpass';
src: url('../fonts/overpass-semibold-italic.eot');
src: url('../fonts/overpass-semibold-italic.eot?#iefix') format('embedded-opentype'),
url('../fonts/overpass-semibold-italic.woff2') format('woff2'),
url('../fonts/overpass-semibold-italic.woff') format('woff'),
url('../fonts/overpass-semibold-italic.ttf') format('truetype');
font-weight: 600;
font-style: italic;
}




@font-face {
font-family: 'overpass';
src: url('../fonts/overpass-bold.eot');
src: url('../fonts/overpass-bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/overpass-bold.woff2') format('woff2'),
url('../fonts/overpass-bold.woff') format('woff'),
url('../fonts/overpass-bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
}

@font-face {
font-family: 'overpass';
src: url('../fonts/overpass-bold-italic.eot');
src: url('../fonts/overpass-bold-italic.eot?#iefix') format('embedded-opentype'),
url('../fonts/overpass-bold-italic.woff2') format('woff2'),
url('../fonts/overpass-bold-italic.woff') format('woff'),
url('../fonts/overpass-bold-italic.ttf') format('truetype');
font-weight: 700;
font-style: italic;
}



@font-face {
font-family: 'overpass';
src: url('../fonts/overpass-extrabold.eot');
src: url('../fonts/overpass-extrabold.eot?#iefix') format('embedded-opentype'),
url('../fonts/overpass-extrabold.woff2') format('woff2'),
url('../fonts/overpass-extrabold.woff') format('woff'),
url('../fonts/overpass-extrabold.ttf') format('truetype');
font-weight: 800;
font-style: normal;
}

@font-face {
font-family: 'overpass';
src: url('../fonts/overpass-extrabold-italic.eot');
src: url('../fonts/overpass-extrabold-italic.eot?#iefix') format('embedded-opentype'),
url('../fonts/overpass-extrabold-italic.woff2') format('woff2'),
url('../fonts/overpass-extrabold-italic.woff') format('woff'),
url('../fonts/overpass-extrabold-italic.ttf') format('truetype');
font-weight: 800;
font-style: italic;
}


@font-face {
font-family: 'overpass';
src: url('../fonts/overpass-heavy.eot');
src: url('../fonts/overpass-heavy.eot?#iefix') format('embedded-opentype'),
url('../fonts/overpass-heavy.woff2') format('woff2'),
url('../fonts/overpass-heavy.woff') format('woff'),
url('../fonts/overpass-heavy.ttf') format('truetype');
font-weight: 900;
font-style: normal;
}

@font-face {
font-family: 'overpass';
src: url('../fonts/overpass-heavy-italic.eot');
src: url('../fonts/overpass-heavy-italic.eot?#iefix') format('embedded-opentype'),
url('../fonts/overpass-heavy-italic.woff2') format('woff2'),
url('../fonts/overpass-heavy-italic.woff') format('woff'),
url('../fonts/overpass-heavy-italic.ttf') format('truetype');
font-weight: 900;
font-style: italic;
}
@@ -1,4 +1,3 @@

@charset "UTF-8";

/*!
Expand Down

0 comments on commit cd1392f

Please sign in to comment.