Files
ptp/themes/hugo-theme-massively/assets/scss/main.scss
T
Kirik da5b40d168 Mobile: center pinned post, pagination fixes, minor layout tweaks
- First (pinned) post on mobile: title and image centered
- Pagination: restored page counter on mobile, buttons above footer
- Typography and layout minor improvements

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-24 00:50:35 +01:00

77 lines
1.8 KiB
SCSS
Executable File

@import 'libs/vars';
@import 'libs/functions';
@import 'libs/mixins';
@import 'libs/vendor';
@import 'libs/breakpoints';
@import 'libs/html-grid';
@import 'libs/fixed-grid';
@import 'font-awesome.min.css';
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,700;1,300;1,700&family=Source+Sans+Pro:wght@900&display=swap');
/*
Massively by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/
// Variables - Seasonal Background
$backgroundPath: "{{ partial "seasonal-background.html" . }}";
// Breakpoints.
@include breakpoints((default: (1681px, null),
xlarge: (1281px, 1680px),
large: (981px, 1280px),
medium: (737px, 980px),
small: (481px, 736px),
xsmall: (361px, 480px),
xxsmall: (null, 360px)));
// Mixins.
@mixin color($p) {
@include color-typography($p);
@include color-box($p);
@include color-button($p);
@include color-form($p);
@include color-list($p);
@include color-section($p);
@include color-table($p);
@include color-pagination($p);
}
// Base.
@import 'base/reset';
@import 'base/page';
@import 'base/typography';
// Component.
@import 'components/row';
@import 'components/box';
@import 'components/button';
@import 'components/form';
@import 'components/icon';
@import 'components/image';
@import 'components/actions';
@import 'components/icons';
@import 'components/list';
@import 'components/section';
@import 'components/table';
@import 'components/pagination';
// Layout.
@import 'layout/wrapper';
@import 'layout/intro';
@import 'layout/header';
@import 'layout/nav';
@import 'layout/main';
@import 'layout/footer';
@import 'layout/navPanel';
// Hugo Theme specific
@import 'hugotheme/main.scss';