From: Michael Tremer Date: Wed, 19 Oct 2022 00:53:19 +0000 (+0000) Subject: CSS: Convert base template to Bulma X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=dc8f834d69c1eee94f9c7680e2b26175f9a34601;p=pbs.git CSS: Convert base template to Bulma Signed-off-by: Michael Tremer --- diff --git a/src/static/css/site.scss b/src/static/css/site.scss index 642b83a5..d688e8ef 100644 --- a/src/static/css/site.scss +++ b/src/static/css/site.scss @@ -1,16 +1,25 @@ /* Global Settings */ -$body-font-family: Prompt, sans-serif; +$family-sans-serif: Prompt, sans-serif; // Colour Palette -$foundation-palette: ( - primary: #ff2e53, - secondary: #767676, - success: #3adb76, - warning: #e7e247, - alert: #cc4b37, -); +$primary: #ff2e53; +$green: #3adb76; +$yellow: #e7e247; +$red: #cc4b47; + +/* + Import Bulma +*/ +@import "../../third-party/bulma/sass/base/_all"; +@import "../../third-party/bulma/sass/components/_all"; +@import "../../third-party/bulma/sass/elements/_all"; +@import "../../third-party/bulma/sass/form/_all"; +@import "../../third-party/bulma/sass/grid/_all"; +@import "../../third-party/bulma/sass/helpers/_all"; +@import "../../third-party/bulma/sass/layout/_all"; +@import "../../third-party/bulma/sass/utilities/_all"; // Import fonts @import "fonts"; @@ -18,70 +27,6 @@ $foundation-palette: ( // Import icons @import "icons"; -/* - Import Foundation Sites -*/ -@import "../../third-party/foundation-sites/scss/foundation"; - -// Global styles -@include foundation-global-styles; -@include foundation-forms; -@include foundation-typography; - -// Enable the XY Grid -@include foundation-xy-grid-classes; - -// Generic components -@include foundation-button; -@include foundation-button-group; -@include foundation-close-button; -@include foundation-label; -@include foundation-progress-bar; -@include foundation-slider; -@include foundation-switch; -@include foundation-table; - -// Basic components -@include foundation-badge; -@include foundation-breadcrumbs; -@include foundation-callout; -@include foundation-card; -@include foundation-dropdown; -@include foundation-pagination; -@include foundation-tooltip; - -// Containers -@include foundation-accordion; -@include foundation-media-object; -@include foundation-orbit; -@include foundation-responsive-embed; -@include foundation-tabs; -@include foundation-thumbnail; - -// Menu-based containers -@include foundation-menu; -@include foundation-menu-icon; -@include foundation-accordion-menu; -@include foundation-drilldown-menu; -@include foundation-dropdown-menu; - -// Layout components -@include foundation-off-canvas; -@include foundation-reveal; -@include foundation-sticky; -@include foundation-title-bar; -@include foundation-top-bar; - -// Helpers -@include foundation-float-classes; -@include foundation-flex-classes; -@include foundation-visibility-classes; -// @include foundation-prototype-classes; - /* Custom CSS */ - -.top-bar { - margin-bottom: 1rem; -} diff --git a/src/templates/base.html b/src/templates/base.html index 06b23d67..97fba2bb 100644 --- a/src/templates/base.html +++ b/src/templates/base.html @@ -12,112 +12,120 @@ -

-

- -

-

+ - {# Footer #} + {# Main Stuff #} - +

+

+ {% block container %} +

+ {% block body %}EMPTY BODY{% end block %} +

+ {% end block %}

-

+ - - - - - + {# Footer #} + +