LumeWeb
/
skynet-webportal
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

prettier .scss

This commit is contained in:
Karol Wypchlo 2020-02-24 15:58:14 +01:00
parent 0101dcc290
commit 8f6736156e
16 changed files with 26 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
package.json
View File

@ -47,7 +47,7 @@
"scripts": { "scripts": {
"build": "gatsby build", "build": "gatsby build",
"develop": "gatsby develop", "develop": "gatsby develop",
"format": "prettier --write \"**/*.{js,jsx,ts,tsx,md,html,css}\"", "format": "prettier --write \"**/*.{js,jsx,ts,tsx,md,html,css,scss}\"",
"start": "yarn run develop", "start": "yarn run develop",
"serve": "gatsby serve", "serve": "gatsby serve",
"clean": "gatsby clean" "clean": "gatsby clean"
@ -58,7 +58,7 @@
} }
}, },
"lint-staged": { "lint-staged": {
"*.{js,jsx,ts,tsx,md,html,css}": "prettier --write" "*.{js,jsx,ts,tsx,md,html,css,scss}": "prettier --write"
}, },
"repository": { "repository": {
"type": "git", "type": "git",

2
src/components/App/App.scss
View File

@ -1,4 +1,4 @@
@import '../../variables.scss'; @import "../../variables.scss";
.app { .app {
position: relative; position: relative;

2
src/components/CodeExamples/CodeExamples.scss
View File

@ -1,4 +1,4 @@
@import '../../variables.scss'; @import "../../variables.scss";
.code-examples-tabs { .code-examples-tabs {
border-top-left-radius: 12px; border-top-left-radius: 12px;

2
src/components/FAQ/FAQ.scss
View File

@ -1,4 +1,4 @@
@import '../../variables.scss'; @import "../../variables.scss";
.faq { .faq {
display: flex; display: flex;

2
src/components/Footer/Footer.scss
View File

@ -1,4 +1,4 @@
@import '../../variables.scss'; @import "../../variables.scss";
.footer { .footer {
background-color: #171917; background-color: #171917;

2
src/components/HomeBuilt/HomeBuilt.scss
View File

@ -1,4 +1,4 @@
@import '../../variables.scss'; @import "../../variables.scss";
.home-built { .home-built {
padding-top: 80px; padding-top: 80px;

2
src/components/HomeNetwork/HomeNetwork.scss
View File

@ -1,4 +1,4 @@
@import '../../variables.scss'; @import "../../variables.scss";
.home-network { .home-network {
padding: 80px 0; padding: 80px 0;

2
src/components/HomeSamples/HomeSamples.scss
View File

@ -1,4 +1,4 @@
@import '../../variables.scss'; @import "../../variables.scss";
.home-samples { .home-samples {
text-align: center; text-align: center;

2
src/components/HomeStay/HomeStay.scss
View File

@ -1,4 +1,4 @@
@import '../../variables.scss'; @import "../../variables.scss";
.home-stay-header { .home-stay-header {
h2 { h2 {

6
src/components/HomeTop/HomeTop.scss
View File

@ -20,13 +20,15 @@
margin: 0 auto 35px; margin: 0 auto 35px;
} }
.wordmark, .logo { .wordmark,
.logo {
transform: translateY(40px); transform: translateY(40px);
opacity: 0; opacity: 0;
transition: 1s transform, 1s opacity; transition: 1s transform, 1s opacity;
} }
&.active .wordmark, &.active .logo { &.active .wordmark,
&.active .logo {
transform: none; transform: none;
opacity: 1; opacity: 1;
} }

3
src/components/HomeUpload/HomeUpload.scss
View File

@ -20,8 +20,7 @@
transition: 0.2s background-color, 0.2s border, 0.2s color; transition: 0.2s background-color, 0.2s border, 0.2s color;
background: $white; background: $white;
border-radius: 12px; border-radius: 12px;
box-shadow: 0 8px 24px 0 rgba(90, 94, 91, 0.15), box-shadow: 0 8px 24px 0 rgba(90, 94, 91, 0.15), 0 2px 4px 0 rgba(0, 0, 0, 0.05);
0 2px 4px 0 rgba(0, 0, 0, 0.05);
padding: 16px; padding: 16px;
opacity: 0; opacity: 0;
transform: translateY(40px); transform: translateY(40px);

2
src/components/LoadingSpinner/LoadingSpinner.scss
View File

@ -1,4 +1,4 @@
@import '../../variables.scss'; @import "../../variables.scss";
@-webkit-keyframes spin { @-webkit-keyframes spin {
100% { 100% {

12
src/components/Mailing/Mailing.scss
View File

@ -1,4 +1,4 @@
@import '../../variables.scss'; @import "../../variables.scss";
.home-stay-form { .home-stay-form {
max-width: 342px; max-width: 342px;
@ -18,7 +18,7 @@
} }
} }
input[type='email'] { input[type="email"] {
border-radius: 4px; border-radius: 4px;
box-shadow: 0 2px 4px 0 rgba(90, 94, 91, 0.1); box-shadow: 0 2px 4px 0 rgba(90, 94, 91, 0.1);
border: solid 1px #cbd3cd; border: solid 1px #cbd3cd;
@ -34,7 +34,7 @@
} }
} }
input[type='checkbox'] { input[type="checkbox"] {
width: 20px; width: 20px;
height: 20px; height: 20px;
border-radius: 3px; border-radius: 3px;
@ -43,7 +43,7 @@
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
margin: -2px 8px 0 0; margin: -2px 8px 0 0;
background-image: url('../../images/green-check.svg'); background-image: url("../../images/green-check.svg");
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 28px; background-size: 28px;
background-position: top -300px center; background-position: top -300px center;
@ -69,7 +69,7 @@
} }
.home-stay-form.light { .home-stay-form.light {
input[type='email'] { input[type="email"] {
box-shadow: 0 2px 4px 0 rgba(90, 94, 91, 0.1); box-shadow: 0 2px 4px 0 rgba(90, 94, 91, 0.1);
border-color: $white50; border-color: $white50;
color: $white; color: $white;
@ -83,7 +83,7 @@
} }
} }
input[type='checkbox'] { input[type="checkbox"] {
border-color: $white50; border-color: $white50;
} }

2
src/components/Sample/Sample.scss
View File

@ -1,4 +1,4 @@
@import '../../variables.scss'; @import "../../variables.scss";
.sample { .sample {
display: block; display: block;

2
src/components/SocialLink/SocialLink.scss
View File

@ -1,4 +1,4 @@
@import '../../variables.scss'; @import "../../variables.scss";
.social-link { .social-link {
display: flex; display: flex;

4
src/variables.scss
View File

@ -31,8 +31,8 @@ $lightGray: #969a97;
$red: #e65c5c; $red: #e65c5c;
// fonts // fonts
$font: 'Haas Grot Text', Helvetica, Arial, Sans-Serif; $font: "Haas Grot Text", Helvetica, Arial, Sans-Serif;
$font2: 'Haas Grot Disp', Helvetica, Arial, Sans-Serif; $font2: "Haas Grot Disp", Helvetica, Arial, Sans-Serif;
// Breakpoints // Breakpoints
$tinybp: 374px; $tinybp: 374px;