Use Jekyll native Sass/SCSS preprocessor
- Move .scss files to default `_sass` folder - Configure Sass/SCSS in `_config.yml` - Run .scss files through Autoprefixer - Remove unnecessary npm scripts for building CSS - Close #333
This commit is contained in:
_config.yml
_sass
_animations.scss_archive.scss_base.scss_buttons.scss_footer.scss_forms.scss_masthead.scss_mixins.scss_navigation.scss_notices.scss_page.scss_print.scss_reset.scss_sidebar.scss_syntax.scss_tables.scss_utilities.scss_variables.scss
vendor
breakpoint
_breakpoint.scss_context.scss_helpers.scss_legacy-settings.scss_no-query.scss_parsers.scss_respond-to.scss_settings.scss
parsers
font-awesome
_animated.scss_bordered-pulled.scss_core.scss_fixed-width.scss_font-awesome.scss_icons.scss_larger.scss_list.scss_mixins.scss_path.scss_rotated-flipped.scss_screen-reader.scss_stacked.scss_variables.scss
magnific-popup
susy
_su.scss_susy.scss_susyone.scss
susy
_su.scss
language
_susy.scss_susyone.scss
susy
_background.scss_bleed.scss_box-sizing.scss_breakpoint-plugin.scss_container.scss_context.scss_gallery.scss_grids.scss_gutters.scss_isolate.scss_margins.scss_padding.scss_rows.scss_settings.scss_span.scss_validation.scss
susyone
output
su
assets/css
package.json
80
_sass/_footer.scss
Normal file
80
_sass/_footer.scss
Normal file
@ -0,0 +1,80 @@
|
||||
/* ==========================================================================
|
||||
FOOTER
|
||||
========================================================================== */
|
||||
|
||||
.page__footer {
|
||||
@include full();
|
||||
@include clearfix;
|
||||
/* sticky footer fix start */
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
clear: both;
|
||||
height: auto;
|
||||
/* sticky footer fix end */
|
||||
margin-top: 3em;
|
||||
color: mix(#fff, $gray, 25%);
|
||||
-webkit-animation: intro 0.3s both;
|
||||
animation: intro 0.3s both;
|
||||
-webkit-animation-delay: 0.45s;
|
||||
animation-delay: 0.45s;
|
||||
background-color: $lighter-gray;
|
||||
border-top: 1px solid $light-gray;
|
||||
|
||||
footer {
|
||||
@include container;
|
||||
@include clearfix;
|
||||
margin-top: 2em;
|
||||
padding: 0 1em 2em;
|
||||
|
||||
@include breakpoint($x-large) {
|
||||
max-width: $x-large;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
.fa {
|
||||
color: mix(#fff, $gray, 25%);
|
||||
}
|
||||
}
|
||||
|
||||
.page__footer-copyright {
|
||||
font-family: $global-font-family;
|
||||
font-size: $type-size-7;
|
||||
}
|
||||
|
||||
.page__footer-follow {
|
||||
|
||||
ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
li {
|
||||
display: inline-block;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
font-family: $sans-serif-narrow;
|
||||
font-size: $type-size-6;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
li + li:before {
|
||||
content: "";
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
a {
|
||||
padding-right: 10px;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user