From 09b005a471a57ca8418a000b06a4f9fd7085def8 Mon Sep 17 00:00:00 2001 From: AGrigis Date: Thu, 20 Jun 2024 17:08:16 +0200 Subject: [PATCH] Fix compat issue. --- _sass/base/_typography.scss | 2 +- _sass/components/_list.scss | 2 +- _sass/layout/_header.scss | 6 +- _sass/layout/_sidebar.scss | 18 +++--- _sass/main.scss | 115 ------------------------------------ _sass/main_style.scss | 1 - 6 files changed, 14 insertions(+), 130 deletions(-) delete mode 100644 _sass/main.scss diff --git a/_sass/base/_typography.scss b/_sass/base/_typography.scss index fb020d8..2dd8a34 100644 --- a/_sass/base/_typography.scss +++ b/_sass/base/_typography.scss @@ -138,7 +138,7 @@ border-left: solid 3px _palette(border); font-style: italic; margin: 0 0 _size(element-margin) 0; - padding: math.div(_size(element-margin), 4) 0 math.div(_size(element-margin), 4) _size(element-margin); + padding: calc(_size(element-margin) / 4) 0 calc(_size(element-margin) / 4) _size(element-margin); } code { diff --git a/_sass/components/_list.scss b/_sass/components/_list.scss index 83e0a88..bad42aa 100644 --- a/_sass/components/_list.scss +++ b/_sass/components/_list.scss @@ -83,7 +83,7 @@ line-height: 1.125em; position: absolute; text-align: center; - top: math.div(1.5em, 1.5); + top: clac(1.5em / 1.5); width: 1.5em; } diff --git a/_sass/layout/_header.scss b/_sass/layout/_header.scss index 3d04f43..5d53c1c 100644 --- a/_sass/layout/_header.scss +++ b/_sass/layout/_header.scss @@ -41,10 +41,10 @@ } .icons { - height: math.div(6.25em, 1.25); - line-height: math.div(6.25em, 1.25); + height: calc(6.25em / 1.25); + line-height: calc(6.25em / 1.25); position: absolute; - right: math.div(-0.625em, 1.25); + right: calc(-0.625em / 1.25); top: 0; } } diff --git a/_sass/layout/_sidebar.scss b/_sass/layout/_sidebar.scss index 3a50c96..d3ead5c 100644 --- a/_sass/layout/_sidebar.scss +++ b/_sass/layout/_sidebar.scss @@ -18,14 +18,14 @@ cursor: default; display: block; font-size: 1.5em; - height: math.div(_size(element-height), 1.375); - line-height: math.div(_size(element-height), 1.375); + height: calc(_size(element-height) / 1.375); + line-height: calc(_size(element-height) / 1.375); opacity: 0.325; position: absolute; right: 0; text-align: center; top: 0; - width: math.div(_size(element-height), 1.375); + width: calc(_size(element-height) / 1.375); } input[type="text"] { @@ -35,7 +35,7 @@ } #sidebar { - $pad: math.div(2em, 0.9); + $pad: calc(2em / 0.9); @include vendor('flex-grow', '0'); @include vendor('flex-shrink', '0'); @@ -49,7 +49,7 @@ width: _size(sidebar-width); h2 { - font-size: math.div(1.25em, 0.9); + font-size: calc(1.25em / 0.9); } > .inner { @@ -118,7 +118,7 @@ } @include breakpoint(xlarge) { - $pad: math.div(1.5em, 0.9); + $pad: calc(1.5em / 0.9); width: _size(sidebar-width-alt); @@ -185,7 +185,7 @@ &:before { font-size: 1.5rem; - margin-left: math.div(-0.875em, 2); + margin-left: clac(-0.875em / 2); } } @@ -201,8 +201,8 @@ &:before { color: _palette(fg); - margin-left: math.div(-0.125em, 2); - margin-top: math.div(-0.5em, 2); + margin-left: clac(-0.125em / 2); + margin-top: clac(-0.5em / 2); font-size: 1.1rem; z-index: 1; } diff --git a/_sass/main.scss b/_sass/main.scss deleted file mode 100644 index e6e2799..0000000 --- a/_sass/main.scss +++ /dev/null @@ -1,115 +0,0 @@ -@use 'sass:math'; -@import 'libs/vars'; -@import 'libs/functions'; -@import 'libs/mixins'; -@import 'libs/skel'; -@import 'font-awesome.min.css'; -@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,400italic,600italic|Roboto+Slab:400,700'); - -/* - Editorial by HTML5 UP - html5up.net | @ajlkn - Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) -*/ - - @include skel-breakpoints(( - xlarge: '(max-width: 1680px)', - large: '(max-width: 1280px)', - medium: '(max-width: 980px)', - small: '(max-width: 736px)', - xsmall: '(max-width: 480px)', - xxsmall: '(max-width: 360px)', - xlarge-to-max: '(min-width: 1681px)', - small-to-xlarge: '(min-width: 481px) and (max-width: 1680px)' - )); - - @include skel-layout(( - reset: 'full', - boxModel: 'border', - grid: ( gutters: 1.5em ) - )); - -// Base. - - @import 'base/page'; - @import 'base/typography'; - -// Component. - - @import 'components/section'; - @import 'components/form'; - @import 'components/box'; - @import 'components/icon'; - @import 'components/image'; - @import 'components/list'; - @import 'components/table'; - @import 'components/button'; - @import 'components/mini-posts'; - @import 'components/features'; - @import 'components/posts'; - -// Layout. - - @import 'layout/wrapper'; - @import 'layout/main'; - @import 'layout/sidebar'; - @import 'layout/header'; - @import 'layout/banner'; - @import 'layout/footer'; - @import 'layout/menu'; - - - - -// Customization - -.pos_header { - margin-left: 2rem; -} - -.people { - margin: auto; - text-align: center; - margin-top: 0.75em; -} - -.list-item-people { - display: inline-block; - padding-right: 4em; -} - -.list-post-title img { - margin-bottom: 0.75em; - margin-top: 1.25em; -} - -.list-post-title .name { - font-size: 18px; - display: block; -} - -.list-post-title > a { - border-bottom: none; -} - -#main > .inner > section { - padding: 0; -} - -#banner { - padding: 2em ! important; -} - -.center { - display: block; - margin-left: auto; - margin-right: auto; - width: 50%; -} - -.bibliography li { - list-style: none; - margin-bottom: 0.5em; -} - - diff --git a/_sass/main_style.scss b/_sass/main_style.scss index e6e2799..1a3307a 100644 --- a/_sass/main_style.scss +++ b/_sass/main_style.scss @@ -1,4 +1,3 @@ -@use 'sass:math'; @import 'libs/vars'; @import 'libs/functions'; @import 'libs/mixins';