Set up an actual structure for the Sass files

master
Nienke 8 years ago
parent 7338b3c421
commit bb95546a3c

42
css

File diff suppressed because one or more lines are too long

@ -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 */

@ -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"
}

@ -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 */

@ -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"
}

@ -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";
@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).
*/
// modules
@import "modules/_modules";
.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;
}
}
// partials
@import "partials/_base";
@import "partials/_navigation";
@import "partials/_forms";
@import "partials/_typography";
.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;
}
// vendors
@import "vendors/normalize.css";
@import "vendors/flaticon.css";
@import url(https://fonts.googleapis.com/css?family=Karla|Montserrat|Inconsolata|Rubik);

@ -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;
}
}

@ -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 */

@ -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"
}

@ -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;
}

@ -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;

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

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

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

File diff suppressed because it is too large Load Diff

@ -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: }"; }

@ -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"
}

Before

Width:  |  Height:  |  Size: 1.1 MiB

After

Width:  |  Height:  |  Size: 1.1 MiB

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