Update build stuff
This commit is contained in:
parent
9176595898
commit
27c1277600
|
@ -1,12 +1,4 @@
|
||||||
#!/usr/bin/env
|
#!/usr/bin/env
|
||||||
if [ ! -d ../neocities-ruby ]
|
|
||||||
then
|
|
||||||
git clone https://github.com/stefan-burke/neocities-ruby ../neocities-ruby
|
|
||||||
else
|
|
||||||
cd ../neocities-ruby
|
|
||||||
git pull
|
|
||||||
cd ../vegan-prestwich
|
|
||||||
fi
|
|
||||||
|
|
||||||
npm install
|
npm install
|
||||||
npm run build_pt1
|
npm run build_pt1
|
||||||
|
|
|
@ -2,11 +2,12 @@ with (import <nixpkgs> {});
|
||||||
mkShell {
|
mkShell {
|
||||||
buildInputs = [
|
buildInputs = [
|
||||||
bundler
|
bundler
|
||||||
|
html-minifier
|
||||||
lightningcss
|
lightningcss
|
||||||
ruby
|
ruby
|
||||||
|
neocities-cli
|
||||||
nodejs
|
nodejs
|
||||||
nodePackages_latest.npm
|
nodePackages_latest.npm
|
||||||
nodePackages_latest.html-minifier
|
|
||||||
];
|
];
|
||||||
shellHook = ''
|
shellHook = ''
|
||||||
mkdir -p .nix-gems
|
mkdir -p .nix-gems
|
||||||
|
|
|
@ -34,7 +34,7 @@ h1, h2, h3, h4, h5, h6,
|
||||||
p, blockquote, pre,
|
p, blockquote, pre,
|
||||||
ul, ol, dl, figure,
|
ul, ol, dl, figure,
|
||||||
%vertical-rhythm {
|
%vertical-rhythm {
|
||||||
margin-bottom: $spacing-unit / 2;
|
margin-bottom: $spacing-unit-half;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -112,7 +112,7 @@ a {
|
||||||
blockquote {
|
blockquote {
|
||||||
color: $grey-color;
|
color: $grey-color;
|
||||||
border-left: 4px solid $grey-color-light;
|
border-left: 4px solid $grey-color-light;
|
||||||
padding-left: $spacing-unit / 2;
|
padding-left: $spacing-unit-half;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
letter-spacing: -1px;
|
letter-spacing: -1px;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
|
@ -165,8 +165,8 @@ pre {
|
||||||
|
|
||||||
@include media-query($on-laptop) {
|
@include media-query($on-laptop) {
|
||||||
max-width: 1000px;
|
max-width: 1000px;
|
||||||
padding-right: $spacing-unit / 2;
|
padding-right: $spacing-unit-half;
|
||||||
padding-left: $spacing-unit / 2;
|
padding-left: $spacing-unit-half;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -49,7 +49,7 @@
|
||||||
@include media-query($on-palm) {
|
@include media-query($on-palm) {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 9px;
|
top: 9px;
|
||||||
right: $spacing-unit / 2;
|
right: $spacing-unit-half;
|
||||||
background-color: $background-color;
|
background-color: $background-color;
|
||||||
border: 1px solid $grey-color-light;
|
border: 1px solid $grey-color-light;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
|
@ -103,7 +103,7 @@
|
||||||
|
|
||||||
.footer-heading {
|
.footer-heading {
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
margin-bottom: $spacing-unit / 2;
|
margin-bottom: $spacing-unit-half;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contact-list,
|
.contact-list,
|
||||||
|
@ -115,14 +115,14 @@
|
||||||
.footer-col-wrapper {
|
.footer-col-wrapper {
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
color: $grey-color;
|
color: $grey-color;
|
||||||
margin-left: -$spacing-unit / 2;
|
margin-left: -$spacing-unit-half;
|
||||||
@extend %clearfix;
|
@extend %clearfix;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer-col {
|
.footer-col {
|
||||||
float: left;
|
float: left;
|
||||||
margin-bottom: $spacing-unit / 2;
|
margin-bottom: $spacing-unit-half;
|
||||||
padding-left: $spacing-unit / 2;
|
padding-left: $spacing-unit-half;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer-col-1 {
|
.footer-col-1 {
|
||||||
|
|
|
@ -7,6 +7,7 @@ $small-font-size: $base-font-size * 0.875 !default;
|
||||||
$base-line-height: 1.5 !default;
|
$base-line-height: 1.5 !default;
|
||||||
|
|
||||||
$spacing-unit: 30px !default;
|
$spacing-unit: 30px !default;
|
||||||
|
$spacing-unit-half: 15px !default;
|
||||||
|
|
||||||
$text-color: #111 !default;
|
$text-color: #111 !default;
|
||||||
$background-color: #fdfdfd !default;
|
$background-color: #fdfdfd !default;
|
||||||
|
@ -26,8 +27,8 @@ $on-laptop: 800px !default;
|
||||||
// Use media queries like this:
|
// Use media queries like this:
|
||||||
// @include media-query($on-palm) {
|
// @include media-query($on-palm) {
|
||||||
// .wrapper {
|
// .wrapper {
|
||||||
// padding-right: $spacing-unit / 2;
|
// padding-right: $spacing-unit-half;
|
||||||
// padding-left: $spacing-unit / 2;
|
// padding-left: $spacing-unit-half;
|
||||||
// }
|
// }
|
||||||
// }
|
// }
|
||||||
@mixin media-query($device) {
|
@mixin media-query($device) {
|
||||||
|
|
Loading…
Reference in a new issue