zer.ooo/web
1
0
Fork 1
Code Issues Pull requests Releases Wiki Activity

Set up an actual structure for the Sass files

Browse source
This commit is contained in:
Nienke 2016-06-23 14:59:42 +02:00
parent 7338b3c421
commit bb95546a3c
29 changed files with 255 additions and 4612 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
css Normal file
View file

File diff suppressed because one or more lines are too long

22
public/css/forms.css
View file

@ -1,22 +0,0 @@
input {
padding: 10px;
box-sizing: border-box;
border: 1px solid #cedadf;
border-radius: 4px;
font-size: 1.5em;
font-family: "Montserrat"; }
input:focus {
border: 1px solid #000; }
button {
background-color: #aca4bc;
border: none;
color: white;
padding: 16px 32px;
text-decoration: none;
margin: 4px 2px;
font-size: 1.5em;
font-family: "Montserrat"; }
/*# sourceMappingURL=forms.css.map */

7
public/css/forms.css.map
View file

@ -1,7 +0,0 @@
{
"version": 3,
"mappings": "AAAA,KAAK;EACH,OAAO,EAAE,IAAI;EACb,UAAU,EAAE,UAAU;EACtB,MAAM,EAAE,iBAAiB;EACzB,aAAa,EAAE,GAAG;EAClB,SAAS,EAAE,KAAK;EAChB,WAAW,EAAE,YAAY;;AAE3B,WAAW;EACT,MAAM,EAAE,cAAc;;AAExB,MAAM;EACJ,gBAAgB,EAAE,OAAO;EACzB,MAAM,EAAE,IAAI;EACZ,KAAK,EAAE,KAAK;EACZ,OAAO,EAAE,SAAS;EAClB,eAAe,EAAE,IAAI;EACrB,MAAM,EAAE,OAAO;EACf,SAAS,EAAE,KAAK;EAChB,WAAW,EAAE,YAAY",
"sources": ["forms.sass"],
"names": [],
"file": "forms.css"
}

162
public/css/main.css
View file

@ -1,12 +1,90 @@
/* The main style sheet, containing all base elements.
/* Primary Sass file.
========================================================================== */
/**
* 1. Import partials and Google fonts.
* 2. Set up the first layer of flexbox.
* 1. Import modules (functions, mixins and variables -- everything that doesn't actually cause Sass to output CSS).
* 2. Import partials (breakdown by element type)
* 3. Import vendors (all third-party CSS)
*/
@import url(normalize.css);
@import url(flaticon.css);
/**
* 1. The page base.
*/
@import url(vendors/normalize.css);
@import url(vendors/flaticon.css);
@import url(https://fonts.googleapis.com/css?family=Karla|Montserrat|Inconsolata|Rubik);
body {
background-color: #7aa2cb; }
.flexcontainer {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column; }
.flexpage, .intro-page, .info-page, .footer-page, .login-page {
display: flex;
display: -webkit-flex;
justify-content: center;
align-items: center; }
/**
* 1. First section of the main page, containing the logo, login/registration buttons, and a down arrow.
*/
.intro-page {
background: linear-gradient(#070a15, #252b46);
height: 100vh;
flex-direction: column;
-webkit-flex-direction: column; }
@media (max-width: 1200px) {
.intro-page {
min-height: 100vh; } }
/**
* 1. Second section of the main page, containing the three descriptive column and flaticons (http://www.flaticon.com/authors/madebyoliver).
*/
.info-page {
background: linear-gradient(#F1D4AF, #eee9d9);
flex-direction: row;
-webkit-flex-direction: row;
min-height: 80vh; }
@media (max-width: 1200px) {
.info-page {
flex-direction: column;
-webkit-flex-direction: column;
min-height: 80vh; } }
.info-page-item {
margin: 50px; }
/**
* 1. Third section of the main page, containing the link to the Github page.
*/
.footer-page {
flex: 1;
background-color: #e2f2f0;
flex-direction: column;
-webkit-flex-direction: column;
min-height: 20vh; }
@media (max-width: 1200px) {
.footer-page {
height: 100%; } }
/**
* 1. Login and register pages.
*/
.login-page {
background: linear-gradient(#070a15, #252b46);
flex-direction: column;
-webkit-flex-direction: column; }
.login-page-form {
background-color: #fff;
box-sizing: border-box;
border-radius: 5px;
border-top: 0;
border-bottom: 3px solid #d2d5e7;
border-right: 3px solid #d2d5e7;
border-left: 0; }
ul.topnav {
list-style-type: none;
margin: 0;
@ -134,78 +212,4 @@ body {
color: #E08E79;
text-shadow: 0px 0px 0px #e9bd84, 1px 1px 0px #e9bd84, 2px 2px 0px #e9bd84, 3px 3px 0px #e9bd84, 4px 4px 0px #e9bd84, 5px 5px 0px #e9bd84, 6px 6px 0px #e9bd84, 7px 7px 0px #e9bd84, 8px 8px 0px #e9bd84, 9px 9px 0px #e9bd84, 10px 10px 0px #e9bd84; }
body {
background-color: #7aa2cb; }
.flexcontainer {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column; }
.flexpage, .intro-page, .info-page, .footer-page, .login-page {
display: flex;
display: -webkit-flex;
justify-content: center;
align-items: center; }
/**
* 1. First section of the main page, containing the logo, login/registration buttons, and a down arrow.
*/
.intro-page {
background: linear-gradient(#070a15, #252b46);
height: 100vh;
flex-direction: column;
-webkit-flex-direction: column; }
@media (max-width: 1200px) {
.intro-page {
min-height: 100vh; } }
/**
* 1. Second section of the main page, containing the three descriptive column and flaticons (http://www.flaticon.com/authors/madebyoliver).
*/
.info-page {
background: linear-gradient(#F1D4AF, #eee9d9);
flex-direction: row;
-webkit-flex-direction: row;
min-height: 80vh; }
@media (max-width: 1200px) {
.info-page {
flex-direction: column;
-webkit-flex-direction: column;
min-height: 80vh; } }
.info-page-item {
margin: 50px; }
/**
* 1. Third section of the main page, containing the link to the Github page.
*/
.footer-page {
flex: 1;
background-color: #e2f2f0;
flex-direction: column;
-webkit-flex-direction: column;
min-height: 20vh; }
@media (max-width: 1200px) {
.footer-page {
height: 100%; } }
/**
* 1. Login and register pages.
*/
.login-page {
background: linear-gradient(#070a15, #252b46);
flex-direction: column;
-webkit-flex-direction: column; }
.login-page-form {
background-color: #fff;
box-sizing: border-box;
border-radius: 5px;
border-top: 0;
border-bottom: 3px solid #d2d5e7;
border-right: 3px solid #d2d5e7;
border-left: 0; }
/*# sourceMappingURL=main.css.map */

4
public/css/main.css.map
View file

@ -1,7 +1,7 @@
{
"version": 3,
"mappings": "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",
"sources": ["main.scss","navigation.sass","forms.sass","typography.scss","responsive.scss"],
"mappings": "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",
"sources": ["main.scss","partials/_base.scss","modules/_modules.scss","partials/_navigation.sass","partials/_forms.sass","partials/_typography.scss"],
"names": [],
"file": "main.css"
}

117
public/css/main.scss
View file

@ -1,107 +1,22 @@
/* The main style sheet, containing all base elements.
/* Primary Sass file.
========================================================================== */
/**
* 1. Import partials and Google fonts.
* 2. Set up the first layer of flexbox.
* 1. Import modules (functions, mixins and variables -- everything that doesn't actually cause Sass to output CSS).
* 2. Import partials (breakdown by element type)
* 3. Import vendors (all third-party CSS)
*/
@import "normalize.css";
@import "responsive";
@import "flaticon.css";
@import "navigation";
@import "forms";
@import "typography";
//@import "panel.scss";
// modules
@import "modules/_modules";
// partials
@import "partials/_base";
@import "partials/_navigation";
@import "partials/_forms";
@import "partials/_typography";
// vendors
@import "vendors/normalize.css";
@import "vendors/flaticon.css";
@import url(https://fonts.googleapis.com/css?family=Karla|Montserrat|Inconsolata|Rubik);
body {
background-color: #7aa2cb;
}
.flexcontainer {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
}
.flexpage {
display: flex;
display: -webkit-flex;
justify-content: center;
align-items: center;
}
/**
* 1. First section of the main page, containing the logo, login/registration buttons, and a down arrow.
*/
.intro-page {
@extend .flexpage;
background: linear-gradient(#070a15, #252b46);
height: 100vh;
flex-direction: column;
-webkit-flex-direction: column;
@include break-small {
min-height: 100vh;
}
}
/**
* 1. Second section of the main page, containing the three descriptive column and flaticons (http://www.flaticon.com/authors/madebyoliver).
*/
.info-page {
@extend .flexpage;
background: linear-gradient(#F1D4AF, #eee9d9);
flex-direction: row;
-webkit-flex-direction: row;
min-height: 80vh;
@include break-small {
flex-direction: column;
-webkit-flex-direction: column;
min-height: 80vh;
}
}
.info-page-item {
margin: 50px;
}
/**
* 1. Third section of the main page, containing the link to the Github page.
*/
.footer-page {
@extend .flexpage;
flex: 1;
background-color: #e2f2f0;
flex-direction: column;
-webkit-flex-direction: column;
min-height: 20vh;
@include break-small {
height: 100%;
}
}
/**
* 1. Login and register pages.
*/
.login-page {
@extend .flexpage;
background: linear-gradient(#070a15, #252b46);
flex-direction: column;
-webkit-flex-direction: column;
}
.login-page-form {
background-color: #fff;
box-sizing: border-box;
border-radius: 5px;
border-top: 0;
border-bottom: 3px solid #d2d5e7;
border-right: 3px solid #d2d5e7;
border-left: 0;
}

18
public/css/modules/_modules.scss Normal file
View file

@ -0,0 +1,18 @@
@mixin long-shadow-text ($distance, $blur, $color) {
$shadows: null;
$color: darken($color, 10);
$blur: $blur + px;
@for$i from 0 through $distance {
$dist: $i + px;
$shadows: append($shadows, ($dist $dist $blur $color), comma);
}
text-shadow: $shadows;
}
$break-small: 1200px;
@mixin break-small {
@media (max-width: #{$break-small}) {
@content;
}
}

27
public/css/navigation.css
View file

@ -1,27 +0,0 @@
ul.topnav {
list-style-type: none;
margin: 0;
padding: 20px;
overflow: hidden; }
ul.topnav li {
float: left; }
ul.topnav li a {
display: inline-block;
padding: 15px 26px;
text-decoration: none;
font-size: 15px;
background-color: #fff;
margin: 0 10px 0px 10px;
border-radius: 5px;
color: #2f3472; }
ul.topnav li a:hover {
background-color: #dee2ea;
text-decoration: none; }
ul.topnav li.icon {
display: none; }
/*# sourceMappingURL=navigation.css.map */

7
public/css/navigation.css.map
View file

@ -1,7 +0,0 @@
{
"version": 3,
"mappings": "AAAA,SAAS;EACP,eAAe,EAAE,IAAI;EACrB,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,IAAI;EACb,QAAQ,EAAE,MAAM;;AAElB,YAAY;EACV,KAAK,EAAE,IAAI;;AAEb,cAAc;EACZ,OAAO,EAAE,YAAY;EACrB,OAAO,EAAE,SAAS;EAClB,eAAe,EAAE,IAAI;EACrB,SAAS,EAAE,IAAI;EACf,gBAAgB,EAAE,IAAI;EACtB,MAAM,EAAE,eAAe;EACvB,aAAa,EAAE,GAAG;EAClB,KAAK,EAAE,OAAO;;AAEhB,oBAAoB;EAClB,gBAAgB,EAAE,OAAO;EACzB,eAAe,EAAE,IAAI;;AAEvB,iBAAiB;EACf,OAAO,EAAE,IAAI",
"sources": ["navigation.sass"],
"names": [],
"file": "navigation.css"
}

94
public/css/partials/_base.scss Normal file
View file

@ -0,0 +1,94 @@
/**
* 1. The page base.
*/
body {
background-color: #7aa2cb;
}
.flexcontainer {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
}
.flexpage {
display: flex;
display: -webkit-flex;
justify-content: center;
align-items: center;
}
/**
* 1. First section of the main page, containing the logo, login/registration buttons, and a down arrow.
*/
.intro-page {
@extend .flexpage;
background: linear-gradient(#070a15, #252b46);
height: 100vh;
flex-direction: column;
-webkit-flex-direction: column;
@include break-small {
min-height: 100vh;
}
}
/**
* 1. Second section of the main page, containing the three descriptive column and flaticons (http://www.flaticon.com/authors/madebyoliver).
*/
.info-page {
@extend .flexpage;
background: linear-gradient(#F1D4AF, #eee9d9);
flex-direction: row;
-webkit-flex-direction: row;
min-height: 80vh;
@include break-small {
flex-direction: column;
-webkit-flex-direction: column;
min-height: 80vh;
}
}
.info-page-item {
margin: 50px;
}
/**
* 1. Third section of the main page, containing the link to the Github page.
*/
.footer-page {
@extend .flexpage;
flex: 1;
background-color: #e2f2f0;
flex-direction: column;
-webkit-flex-direction: column;
min-height: 20vh;
@include break-small {
height: 100%;
}
}
/**
* 1. Login and register pages.
*/
.login-page {
@extend .flexpage;
background: linear-gradient(#070a15, #252b46);
flex-direction: column;
-webkit-flex-direction: column;
}
.login-page-form {
background-color: #fff;
box-sizing: border-box;
border-radius: 5px;
border-top: 0;
border-bottom: 3px solid #d2d5e7;
border-right: 3px solid #d2d5e7;
border-left: 0;
}

0
public/css/forms.sass → public/css/partials/_forms.sass
View file

0
public/css/navigation.sass → public/css/partials/_navigation.sass
View file

11
public/css/typography.scss → public/css/partials/_typography.scss
View file

@ -4,17 +4,6 @@ body {
font-size:100%;
}
@mixin long-shadow-text ($distance, $blur, $color) {
$shadows: null;
$color: darken($color, 10);
$blur: $blur + px;
@for$i from 0 through $distance {
$dist: $i + px;
$shadows: append($shadows, ($dist $dist $blur $color), comma);
}
text-shadow: $shadows;
}
// first section with logo and navigation
.intro-page-logo {
font-family: 'Montserrat', serif;

3
public/css/responsive.css
View file

@ -1,3 +0,0 @@
/*# sourceMappingURL=responsive.css.map */

7
public/css/responsive.css.map
View file

@ -1,7 +0,0 @@
{
"version": 3,
"mappings": "",
"sources": [],
"names": [],
"file": "responsive.css"
}

7
public/css/responsive.scss
View file

@ -1,7 +0,0 @@
$break-small: 1200px;
@mixin break-small {
@media (max-width: #{$break-small}) {
@content;
}
}

4251
public/css/tables.css
View file

File diff suppressed because it is too large Load diff

75
public/css/typography.css
View file

@ -1,75 +0,0 @@
/*
Error: Undefined mixin 'break-small'.
on line 25 of css/typography.scss, in `break-small'
from line 25 of css/typography.scss
20: font-family: 'Montserrat', serif;
21: font-size: 12em;
22: text-transform: uppercase;
23: color: #E08E79;
24: @include long-shadow-text(30, 0, #F1D4AF);
25: @include break-small {
26: font-size: 3.5em;
27: padding: 20px;
28: @include long-shadow-text(20, 0, #F1D4AF);
29: }
30: }
Backtrace:
css/typography.scss:25:in `break-small'
css/typography.scss:25
/Users/nienke/.rvm/gems/ruby-2.2.1/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:351:in `block in visit_mixin'
/Users/nienke/.rvm/gems/ruby-2.2.1/gems/sass-3.4.22/lib/sass/stack.rb:98:in `block in with_mixin'
/Users/nienke/.rvm/gems/ruby-2.2.1/gems/sass-3.4.22/lib/sass/stack.rb:115:in `with_frame'
/Users/nienke/.rvm/gems/ruby-2.2.1/gems/sass-3.4.22/lib/sass/stack.rb:98:in `with_mixin'
/Users/nienke/.rvm/gems/ruby-2.2.1/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:349:in `visit_mixin'
/Users/nienke/.rvm/gems/ruby-2.2.1/gems/sass-3.4.22/lib/sass/tree/visitors/base.rb:36:in `visit'
/Users/nienke/.rvm/gems/ruby-2.2.1/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:160:in `block in visit'
/Users/nienke/.rvm/gems/ruby-2.2.1/gems/sass-3.4.22/lib/sass/stack.rb:79:in `block in with_base'
/Users/nienke/.rvm/gems/ruby-2.2.1/gems/sass-3.4.22/lib/sass/stack.rb:115:in `with_frame'
/Users/nienke/.rvm/gems/ruby-2.2.1/gems/sass-3.4.22/lib/sass/stack.rb:79:in `with_base'
/Users/nienke/.rvm/gems/ruby-2.2.1/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:160:in `visit'
/Users/nienke/.rvm/gems/ruby-2.2.1/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:433:in `block (2 levels) in visit_rule'
/Users/nienke/.rvm/gems/ruby-2.2.1/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:433:in `map'
/Users/nienke/.rvm/gems/ruby-2.2.1/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:433:in `block in visit_rule'
/Users/nienke/.rvm/gems/ruby-2.2.1/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:181:in `with_environment'
/Users/nienke/.rvm/gems/ruby-2.2.1/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:431:in `visit_rule'
/Users/nienke/.rvm/gems/ruby-2.2.1/gems/sass-3.4.22/lib/sass/tree/visitors/base.rb:36:in `visit'
/Users/nienke/.rvm/gems/ruby-2.2.1/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:160:in `block in visit'
/Users/nienke/.rvm/gems/ruby-2.2.1/gems/sass-3.4.22/lib/sass/stack.rb:79:in `block in with_base'
/Users/nienke/.rvm/gems/ruby-2.2.1/gems/sass-3.4.22/lib/sass/stack.rb:115:in `with_frame'
/Users/nienke/.rvm/gems/ruby-2.2.1/gems/sass-3.4.22/lib/sass/stack.rb:79:in `with_base'
/Users/nienke/.rvm/gems/ruby-2.2.1/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:160:in `visit'
/Users/nienke/.rvm/gems/ruby-2.2.1/gems/sass-3.4.22/lib/sass/tree/visitors/base.rb:52:in `block in visit_children'
/Users/nienke/.rvm/gems/ruby-2.2.1/gems/sass-3.4.22/lib/sass/tree/visitors/base.rb:52:in `map'
/Users/nienke/.rvm/gems/ruby-2.2.1/gems/sass-3.4.22/lib/sass/tree/visitors/base.rb:52:in `visit_children'
/Users/nienke/.rvm/gems/ruby-2.2.1/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:169:in `block in visit_children'
/Users/nienke/.rvm/gems/ruby-2.2.1/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:181:in `with_environment'
/Users/nienke/.rvm/gems/ruby-2.2.1/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:168:in `visit_children'
/Users/nienke/.rvm/gems/ruby-2.2.1/gems/sass-3.4.22/lib/sass/tree/visitors/base.rb:36:in `block in visit'
/Users/nienke/.rvm/gems/ruby-2.2.1/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:188:in `visit_root'
/Users/nienke/.rvm/gems/ruby-2.2.1/gems/sass-3.4.22/lib/sass/tree/visitors/base.rb:36:in `visit'
/Users/nienke/.rvm/gems/ruby-2.2.1/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:159:in `visit'
/Users/nienke/.rvm/gems/ruby-2.2.1/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:8:in `visit'
/Users/nienke/.rvm/gems/ruby-2.2.1/gems/sass-3.4.22/lib/sass/tree/root_node.rb:36:in `css_tree'
/Users/nienke/.rvm/gems/ruby-2.2.1/gems/sass-3.4.22/lib/sass/tree/root_node.rb:29:in `render_with_sourcemap'
/Users/nienke/.rvm/gems/ruby-2.2.1/gems/sass-3.4.22/lib/sass/engine.rb:381:in `_render_with_sourcemap'
/Users/nienke/.rvm/gems/ruby-2.2.1/gems/sass-3.4.22/lib/sass/engine.rb:298:in `render_with_sourcemap'
/Users/nienke/.rvm/gems/ruby-2.2.1/gems/sass-3.4.22/lib/sass/plugin/compiler.rb:492:in `update_stylesheet'
/Users/nienke/.rvm/gems/ruby-2.2.1/gems/sass-3.4.22/lib/sass/plugin/compiler.rb:215:in `block in update_stylesheets'
/Users/nienke/.rvm/gems/ruby-2.2.1/gems/sass-3.4.22/lib/sass/plugin/compiler.rb:209:in `each'
/Users/nienke/.rvm/gems/ruby-2.2.1/gems/sass-3.4.22/lib/sass/plugin/compiler.rb:209:in `update_stylesheets'
/Users/nienke/.rvm/gems/ruby-2.2.1/gems/sass-3.4.22/lib/sass/plugin/compiler.rb:473:in `on_file_changed'
/Users/nienke/.rvm/gems/ruby-2.2.1/gems/sass-3.4.22/lib/sass/plugin/compiler.rb:331:in `block in watch'
/Users/nienke/.rvm/gems/ruby-2.2.1/gems/sass-3.4.22/vendor/listen/lib/listen/listener.rb:252:in `call'
/Users/nienke/.rvm/gems/ruby-2.2.1/gems/sass-3.4.22/vendor/listen/lib/listen/listener.rb:252:in `on_change'
/Users/nienke/.rvm/gems/ruby-2.2.1/gems/sass-3.4.22/vendor/listen/lib/listen/listener.rb:290:in `block in initialize_adapter'
/Users/nienke/.rvm/gems/ruby-2.2.1/gems/sass-3.4.22/vendor/listen/lib/listen/adapter.rb:254:in `call'
/Users/nienke/.rvm/gems/ruby-2.2.1/gems/sass-3.4.22/vendor/listen/lib/listen/adapter.rb:254:in `report_changes'
/Users/nienke/.rvm/gems/ruby-2.2.1/gems/sass-3.4.22/vendor/listen/lib/listen/adapter.rb:323:in `poll_changed_directories'
/Users/nienke/.rvm/gems/ruby-2.2.1/gems/sass-3.4.22/vendor/listen/lib/listen/adapter.rb:299:in `block in start_poller'
*/
body:before {
white-space: pre;
font-family: monospace;
content: "Error: Undefined mixin 'break-small'.\A on line 25 of css/typography.scss, in `break-small'\A from line 25 of css/typography.scss\A \A 20: font-family: 'Montserrat', serif;\A 21: font-size: 12em;\A 22: text-transform: uppercase;\A 23: color: #E08E79;\A 24: @include long-shadow-text(30, 0, #F1D4AF);\A 25: @include break-small {\A 26: font-size: 3.5em;\A 27: padding: 20px;\A 28: @include long-shadow-text(20, 0, #F1D4AF);\A 29: }\A 30: }"; }

7
public/css/typography.css.map
View file

@ -1,7 +0,0 @@
{
"version": 3,
"mappings": "AASA,IAAK;EACH,WAAW,EAAE,mBAAmB;EAChC,SAAS,EAAC,IAAI;;AAehB,gBAAiB;EACf,WAAW,EAAE,mBAAmB;EAChC,SAAS,EAAE,IAAI;EACf,cAAc,EAAE,SAAS;EACzB,KAAK,EAAE,OAAO;EARd,WAAW,EAFC,mrBAAmD;EAjB/D,0BAAoC;IAuBtC,gBAAiB;MAOd,SAAS,EAAE,KAAK;MAChB,OAAO,EAAE,IAAI;MAZd,WAAW,EAFC,6cAAmD;;AAmBjE,wBAAyB;EACvB,WAAW,EAAE,oBAAoB;EACjC,SAAS,EAAE,GAAG;EACd,cAAc,EAAE,SAAS;EACzB,KAAK,EAAE,IAAI;EAxCX,0BAAoC;IAoCtC,wBAAyB;MAMtB,SAAS,EAAE,GAAG;MACd,WAAW,EAAE,IAAI;;AAIpB,qBAAsB;EACpB,KAAK,EAAE,OAAO;;AAGhB,aAAc;EACZ,WAAW,EAAE,OAAO;EACpB,KAAK,EAAE,OAAO;EACd,UAAU,EAAE,MAAM;EAClB,SAAS,EAAE,GAAG;EACd,cAAc,EAAE,SAAS;EACzB,WAAW,EAAE,GAAG;EAzDhB,0BAAoC;IAmDtC,aAAc;MAQX,WAAW,EAAE,GAAG;;AAGnB,eAAgB;EACd,SAAS,EAAE,GAAG;EACd,WAAW,EAAE,KAAK;EAClB,KAAK,EAAE,OAAO",
"sources": ["typography.scss"],
"names": [],
"file": "typography.css"
}

0
public/css/Flaticon.eot → public/css/vendors/Flaticon.eot vendored
View file

0
public/css/Flaticon.svg → public/css/vendors/Flaticon.svg vendored
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 MiB

After

Width:  |  Height:  |  Size: 1.1 MiB

0
public/css/Flaticon.ttf → public/css/vendors/Flaticon.ttf vendored
View file

0
public/css/Flaticon.woff → public/css/vendors/Flaticon.woff vendored
View file

0
public/css/_flaticon.scss → public/css/vendors/_flaticon.scss vendored
View file

0
public/css/bootstrap.min.css → public/css/vendors/bootstrap.min.css vendored
View file

0
public/css/flaticon.css → public/css/vendors/flaticon.css vendored
View file

0
public/css/flaticon.html → public/css/vendors/flaticon.html vendored
View file

0
public/css/normalize.css → public/css/vendors/normalize.css vendored
View file

6
public/panel.scss
View file

@ -1,6 +0,0 @@
.panel-page {
@extend .flexpage;
background: linear-gradient(#F1D4AF, #eee9d9);
flex-direction: column;
-webkit-flex-direction: column;
}