5
0
Fork 0
mirror of https://0xacab.org/sutty/sutty synced 2024-06-26 15:06:08 +00:00

pie + sass

This commit is contained in:
f 2017-09-26 13:05:00 -03:00
parent 7121f84ec5
commit 0c05a8123b
No known key found for this signature in database
GPG key ID: F3FDAB97B5F9F7E7
9 changed files with 54 additions and 12 deletions

1
.gitignore vendored
View file

@ -1,3 +1,4 @@
.bundle/
vendor/
node_modules/
.sass-cache/

View file

@ -4,6 +4,7 @@ gem 'email_address'
gem 'haml'
gem 'jekyll'
gem 'rack-flash3'
gem 'sass'
gem 'sinatra'
gem 'sinatra_warden'

View file

@ -99,6 +99,7 @@ DEPENDENCIES
pry
rack-flash3
rubocop
sass
sinatra
sinatra_warden

View file

@ -1,7 +1,12 @@
# frozen_string_literal: true
require 'sass/plugin/rack'
# require 'rack/protection'
require_relative 'sutty'
# use Rack::Protection
Sass::Plugin.options[:style] = :compressed
use Sass::Plugin::Rack
run Sutty::App

View file

@ -1,11 +0,0 @@
.background-cover {
background: url(/assets/img/background.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.full-height {
height: 100vh;
}

View file

@ -0,0 +1,31 @@
$footer-height: 60px;
.background-cover {
background: url(/assets/img/background.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.full-height {
height: calc(100vh - #{$footer-height});
}
html {
position: relative;
min-height: 100%;
}
body {
margin-bottom: $footer-height;
}
.footer {
position: absolute;
bottom: 0;
width: 100%;
height: $footer-height;
line-height: $footer-height;
text-align: center;
}

View file

@ -0,0 +1,2 @@
.background-cover{background:url(/assets/img/background.jpg) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.full-height{height:calc(100vh - 60px)}html{position:relative;min-height:100%}body{margin-bottom:60px}.footer{position:absolute;bottom:0;width:100%;height:60px;line-height:60px;text-align:center}
/*# sourceMappingURL=sutty.css.map */

View file

@ -0,0 +1,7 @@
{
"version": 3,
"mappings": "AAEA,iBAAkB,CAChB,UAAU,CAAE,6DAA6D,CACzE,uBAAuB,CAAE,KAAK,CAC9B,oBAAoB,CAAE,KAAK,CAC3B,kBAAkB,CAAE,KAAK,CACzB,eAAe,CAAE,KAAK,CAGxB,YAAa,CACX,MAAM,CAAE,kBAA+B,CAGzC,IAAK,CACH,QAAQ,CAAE,QAAQ,CAClB,UAAU,CAAE,IAAI,CAGlB,IAAK,CACH,aAAa,CApBC,IAAI,CAuBpB,OAAQ,CACN,QAAQ,CAAE,QAAQ,CAClB,MAAM,CAAE,CAAC,CACT,KAAK,CAAE,IAAI,CACX,MAAM,CA3BQ,IAAI,CA4BlB,WAAW,CA5BG,IAAI,CA6BlB,UAAU,CAAE,MAAM",
"sources": ["sass/sutty.scss"],
"names": [],
"file": "sutty.css"
}

View file

@ -4,7 +4,12 @@
%meta{content: "text/html; charset=UTF-8", 'http-equiv': "Content-Type"}/
%title Sutty
%link{rel: 'stylesheet', type: 'text/css', href: '/assets/css/bootstrap.min.css'}
%link{rel: 'stylesheet', type: 'text/css', href: '/assets/css/sutty.css'}
%link{rel: 'stylesheet', type: 'text/css', href: '/stylesheets/sutty.css'}
%body{class: @has_cover ? 'background-cover' : ''}
.container
= yield
%footer.footer
%p{style: @has_cover ? 'color: white' : ''}
%a{href: 'https://0xacab.org/itacate-kefir/sutty'} Sutty
es desarrollada por
%a{href: 'https://kefir.red'} Kéfir