Add PostCSS processor;

main
Bruno Carrión 6 months ago
parent 7b6bdb52c2
commit fc255faf1f
  1. 7
      .browserslistrc
  2. 1
      .gitignore
  3. 2
      Gemfile
  4. 2
      Gemfile.lock
  5. 1
      _config.yml
  6. 7
      assets/css/components/header.scss
  7. 3
      assets/css/pages/home.scss
  8. 4
      assets/css/pages/projects.scss
  9. 1064
      package-lock.json
  10. 9
      postcss.config.js

@ -0,0 +1,7 @@
defaults
maintained node versions
not ie < 11
last 2 versions
> 1%
iOS 7
last 3 iOS versions

1
.gitignore vendored

@ -4,4 +4,5 @@ _site/
.jekyll-cache/
.jekyll-metadata
dist.zip
node_modules/

@ -6,10 +6,12 @@ git_source(:github) { |repo_name| "https://github.com/#{repo_name}" }
gem "jekyll"
gem "webrick"
gem 'jekyll-postcss'
group :jekyll_plugins do
gem 'jekyll-sitemap'
gem 'jekyll-feed'
gem 'jekyll-seo-tag'
gem 'jekyll-paginate'
# gem 'jekyll-postcss'
end

@ -32,6 +32,7 @@ GEM
jekyll-feed (0.16.0)
jekyll (>= 3.7, < 5.0)
jekyll-paginate (1.1.0)
jekyll-postcss (0.5.0)
jekyll-sass-converter (2.1.0)
sassc (> 2.0.1, < 3.0)
jekyll-seo-tag (2.7.1)
@ -72,6 +73,7 @@ DEPENDENCIES
jekyll
jekyll-feed
jekyll-paginate
jekyll-postcss
jekyll-seo-tag
jekyll-sitemap
webrick

@ -39,6 +39,7 @@ plugins:
- jekyll-sitemap
- jekyll-seo-tag
- jekyll-paginate
- jekyll-postcss
sass:
sourcemap: never

@ -17,11 +17,11 @@ header {
.navbar {
background-color: transparent;
padding: 0 #{$site-paddings};
padding: 0 $site-paddings;
@media screen and (max-width: 1024px) {
.navbar-menu {
width: calc(100% + 20vw);
width: calc(100% + 20vw);
margin-left: -10vw;
.navbar-item {
@ -36,8 +36,7 @@ header {
font-weight: bold;
text-decoration: none !important;
width: 90px;
@include m-background-image('/assets/images/logo-codec.png');
@include m-background-image("/assets/images/logo-codec.png");
}
.navbar-item.is-active,

@ -99,7 +99,6 @@
display: flex;
flex-direction: column;
background-color: #43437a;
// background-color: $deep-cove;
padding: 0 $site-paddings;
margin: 0 calc(#{$site-paddings} * -1);
border-bottom: 10px solid $orange-peel;
@ -457,7 +456,7 @@
.scroll-span {
width: 100%;
margin-top: -#{$header-height};
margin-top: calc(#{$header-height} * -1);
background: transparent;
}

@ -1,8 +1,8 @@
---
---
@import 'reset';
@import 'breakpoints';
@import "reset";
@import "breakpoints";
main.archive {
padding: $header-height $site-paddings 175px;

1064
package-lock.json generated

File diff suppressed because it is too large Load Diff

@ -0,0 +1,9 @@
module.exports = {
parser: "postcss-scss",
plugins: [
require("autoprefixer"),
...(process.env.JEKYLL_ENV == "production"
? [require("cssnano")({ preset: "default" })]
: [])
]
}
Loading…
Cancel
Save