a new start
This commit is contained in:
78
_sass/pooleparty/__inline__/_base.scss
Normal file
78
_sass/pooleparty/__inline__/_base.scss
Normal file
@@ -0,0 +1,78 @@
|
||||
// THIS FILE IS AUTOGENERATED, DO NOT MODIFY!
|
||||
//
|
||||
// To change the contents of this file,
|
||||
// edit `_sass/pooleparty/_base.pre.scss`
|
||||
// and run `npm run build:css`.
|
||||
//
|
||||
// During development you can run `npm run watch:css`
|
||||
// to continuosly rebuild this file.
|
||||
|
||||
// Copyright (c) 2017 Florian Klampfer <https://qwtel.com/>
|
||||
//
|
||||
// This program is free software: you can redistribute it and/or modify
|
||||
// it under the terms of the GNU General Public License as published by
|
||||
// the Free Software Foundation, either version 3 of the License, or
|
||||
// (at your option) any later version.
|
||||
//
|
||||
// This program is distributed in the hope that it will be useful,
|
||||
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
// GNU General Public License for more details.
|
||||
//
|
||||
// You should have received a copy of the GNU General Public License
|
||||
// along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
// // -webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
|
||||
|
||||
html,
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
html {
|
||||
font-family: var(--font-family);
|
||||
font-size: var(--root-font-size);
|
||||
line-height: var(--root-line-height);
|
||||
}
|
||||
|
||||
body {
|
||||
@extend .color-transition;
|
||||
color: var(--body-color);
|
||||
background-color: var(--body-bg);
|
||||
font-weight: var(--font-weight);
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
p {
|
||||
@extend .color-transition;
|
||||
}
|
||||
|
||||
.content img, .img,
|
||||
.content video, .video {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.lead {
|
||||
@extend .border-radius;
|
||||
margin-left: -1rem;
|
||||
margin-right: -1rem;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
img, video {
|
||||
&.lead {
|
||||
display: block;
|
||||
max-width: calc(100% + 2rem);
|
||||
width: calc(100% + 2rem);
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
25
_sass/pooleparty/__inline__/_code.scss
Normal file
25
_sass/pooleparty/__inline__/_code.scss
Normal file
@@ -0,0 +1,25 @@
|
||||
// THIS FILE IS AUTOGENERATED, DO NOT MODIFY!
|
||||
//
|
||||
// To change the contents of this file,
|
||||
// edit `_sass/pooleparty/_code.pre.scss`
|
||||
// and run `npm run build:css`.
|
||||
//
|
||||
// During development you can run `npm run watch:css`
|
||||
// to continuosly rebuild this file.
|
||||
|
||||
// Copyright (c) 2020 Florian Klampfer <https://qwtel.com/>
|
||||
//
|
||||
// This program is free software: you can redistribute it and/or modify
|
||||
// it under the terms of the GNU General Public License as published by
|
||||
// the Free Software Foundation, either version 3 of the License, or
|
||||
// (at your option) any later version.
|
||||
//
|
||||
// This program is distributed in the hope that it will be useful,
|
||||
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
// GNU General Public License for more details.
|
||||
//
|
||||
// You should have received a copy of the GNU General Public License
|
||||
// along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||||
|
||||
|
||||
25
_sass/pooleparty/__inline__/_footer.scss
Normal file
25
_sass/pooleparty/__inline__/_footer.scss
Normal file
@@ -0,0 +1,25 @@
|
||||
// THIS FILE IS AUTOGENERATED, DO NOT MODIFY!
|
||||
//
|
||||
// To change the contents of this file,
|
||||
// edit `_sass/pooleparty/_footer.pre.scss`
|
||||
// and run `npm run build:css`.
|
||||
//
|
||||
// During development you can run `npm run watch:css`
|
||||
// to continuosly rebuild this file.
|
||||
|
||||
// Copyright (c) 2017 Florian Klampfer <https://qwtel.com/>
|
||||
//
|
||||
// This program is free software: you can redistribute it and/or modify
|
||||
// it under the terms of the GNU General Public License as published by
|
||||
// the Free Software Foundation, either version 3 of the License, or
|
||||
// (at your option) any later version.
|
||||
//
|
||||
// This program is distributed in the hope that it will be useful,
|
||||
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
// GNU General Public License for more details.
|
||||
//
|
||||
// You should have received a copy of the GNU General Public License
|
||||
// along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||||
|
||||
// footer { margin-bottom: 2rem; }
|
||||
25
_sass/pooleparty/__inline__/_footnotes.scss
Normal file
25
_sass/pooleparty/__inline__/_footnotes.scss
Normal file
@@ -0,0 +1,25 @@
|
||||
// THIS FILE IS AUTOGENERATED, DO NOT MODIFY!
|
||||
//
|
||||
// To change the contents of this file,
|
||||
// edit `_sass/pooleparty/_footnotes.pre.scss`
|
||||
// and run `npm run build:css`.
|
||||
//
|
||||
// During development you can run `npm run watch:css`
|
||||
// to continuosly rebuild this file.
|
||||
|
||||
// Copyright (c) 2017 Florian Klampfer <https://qwtel.com/>
|
||||
//
|
||||
// This program is free software: you can redistribute it and/or modify
|
||||
// it under the terms of the GNU General Public License as published by
|
||||
// the Free Software Foundation, either version 3 of the License, or
|
||||
// (at your option) any later version.
|
||||
//
|
||||
// This program is distributed in the hope that it will be useful,
|
||||
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
// GNU General Public License for more details.
|
||||
//
|
||||
// You should have received a copy of the GNU General Public License
|
||||
// along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||||
|
||||
|
||||
66
_sass/pooleparty/__inline__/_message.scss
Normal file
66
_sass/pooleparty/__inline__/_message.scss
Normal file
@@ -0,0 +1,66 @@
|
||||
// THIS FILE IS AUTOGENERATED, DO NOT MODIFY!
|
||||
//
|
||||
// To change the contents of this file,
|
||||
// edit `_sass/pooleparty/_message.pre.scss`
|
||||
// and run `npm run build:css`.
|
||||
//
|
||||
// During development you can run `npm run watch:css`
|
||||
// to continuosly rebuild this file.
|
||||
|
||||
// Copyright (c) 2017 Florian Klampfer <https://qwtel.com/>
|
||||
//
|
||||
// This program is free software: you can redistribute it and/or modify
|
||||
// it under the terms of the GNU General Public License as published by
|
||||
// the Free Software Foundation, either version 3 of the License, or
|
||||
// (at your option) any later version.
|
||||
//
|
||||
// This program is distributed in the hope that it will be useful,
|
||||
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
// GNU General Public License for more details.
|
||||
//
|
||||
// You should have received a copy of the GNU General Public License
|
||||
// along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||||
|
||||
|
||||
.message {
|
||||
@extend .color-transition;
|
||||
margin-bottom: 1rem;
|
||||
padding: 1rem;
|
||||
color: var(--gray-text);
|
||||
background-color: var(--gray-bg);
|
||||
margin-left: -1rem;
|
||||
margin-right: -1rem;
|
||||
}
|
||||
|
||||
.note-sm {
|
||||
@extend .message;
|
||||
background: transparent;
|
||||
color: var(--body-color);
|
||||
font-size: smaller;
|
||||
border-left: 1px solid var(--border-color);
|
||||
padding: 1.2rem 1rem 0 1rem;
|
||||
margin: 1rem -1rem;
|
||||
position: relative;
|
||||
|
||||
&:before {
|
||||
font-size: 0.667rem;
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
letter-spacing: .025rem;
|
||||
text-transform: uppercase;
|
||||
color: var(--menu-text);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
&[title]:before {
|
||||
content: attr(title)!important;
|
||||
}
|
||||
}
|
||||
|
||||
.note {
|
||||
@extend .note-sm;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
25
_sass/pooleparty/__inline__/_pagination.scss
Normal file
25
_sass/pooleparty/__inline__/_pagination.scss
Normal file
@@ -0,0 +1,25 @@
|
||||
// THIS FILE IS AUTOGENERATED, DO NOT MODIFY!
|
||||
//
|
||||
// To change the contents of this file,
|
||||
// edit `_sass/pooleparty/_pagination.pre.scss`
|
||||
// and run `npm run build:css`.
|
||||
//
|
||||
// During development you can run `npm run watch:css`
|
||||
// to continuosly rebuild this file.
|
||||
|
||||
// Copyright (c) 2017 Florian Klampfer <https://qwtel.com/>
|
||||
//
|
||||
// This program is free software: you can redistribute it and/or modify
|
||||
// it under the terms of the GNU General Public License as published by
|
||||
// the Free Software Foundation, either version 3 of the License, or
|
||||
// (at your option) any later version.
|
||||
//
|
||||
// This program is distributed in the hope that it will be useful,
|
||||
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
// GNU General Public License for more details.
|
||||
//
|
||||
// You should have received a copy of the GNU General Public License
|
||||
// along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||||
|
||||
|
||||
91
_sass/pooleparty/__inline__/_posts.scss
Normal file
91
_sass/pooleparty/__inline__/_posts.scss
Normal file
@@ -0,0 +1,91 @@
|
||||
// THIS FILE IS AUTOGENERATED, DO NOT MODIFY!
|
||||
//
|
||||
// To change the contents of this file,
|
||||
// edit `_sass/pooleparty/_posts.pre.scss`
|
||||
// and run `npm run build:css`.
|
||||
//
|
||||
// During development you can run `npm run watch:css`
|
||||
// to continuosly rebuild this file.
|
||||
|
||||
// Copyright (c) 2017 Florian Klampfer <https://qwtel.com/>
|
||||
//
|
||||
// This program is free software: you can redistribute it and/or modify
|
||||
// it under the terms of the GNU General Public License as published by
|
||||
// the Free Software Foundation, either version 3 of the License, or
|
||||
// (at your option) any later version.
|
||||
//
|
||||
// This program is distributed in the hope that it will be useful,
|
||||
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
// GNU General Public License for more details.
|
||||
//
|
||||
// You should have received a copy of the GNU General Public License
|
||||
// along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||||
|
||||
|
||||
.page {
|
||||
margin-bottom: 3em;
|
||||
|
||||
li + li {
|
||||
margin-top: .25rem;
|
||||
}
|
||||
|
||||
> header {
|
||||
position: relative;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.aspect-ratio.sixteen-nine.lead {
|
||||
@extend .border-radius;
|
||||
}
|
||||
}
|
||||
|
||||
body:not(.no-third-column) {
|
||||
.page > header {
|
||||
> .lead + .note-sm,
|
||||
> a.no-hover + .note-sm {
|
||||
@media screen and (min-width: $break-point-dynamic) {
|
||||
position: absolute;
|
||||
right: -25rem;
|
||||
width: 21rem;
|
||||
bottom: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Blog post or page title
|
||||
.page-title, .post-title { margin-top: 0; }
|
||||
|
||||
// Meta data line below post title
|
||||
.post-date {
|
||||
@extend .h4;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: -.6rem;
|
||||
height: 2rem;
|
||||
margin-bottom: .85rem;
|
||||
color: var(--gray);
|
||||
|
||||
> .ellipsis {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
[class^="icon-"] {
|
||||
display: inline-block;
|
||||
font-size: smaller;
|
||||
margin-right: .25rem;
|
||||
}
|
||||
}
|
||||
|
||||
.img-wrapper > .hotfx-lightbox-slide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
hotfx-lightbox::part(slide) {
|
||||
display: inherit;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
|
||||
25
_sass/pooleparty/__inline__/_read-more.scss
Normal file
25
_sass/pooleparty/__inline__/_read-more.scss
Normal file
@@ -0,0 +1,25 @@
|
||||
// THIS FILE IS AUTOGENERATED, DO NOT MODIFY!
|
||||
//
|
||||
// To change the contents of this file,
|
||||
// edit `_sass/pooleparty/_read-more.pre.scss`
|
||||
// and run `npm run build:css`.
|
||||
//
|
||||
// During development you can run `npm run watch:css`
|
||||
// to continuosly rebuild this file.
|
||||
|
||||
// Copyright (c) 2017 Florian Klampfer <https://qwtel.com/>
|
||||
//
|
||||
// This program is free software: you can redistribute it and/or modify
|
||||
// it under the terms of the GNU General Public License as published by
|
||||
// the Free Software Foundation, either version 3 of the License, or
|
||||
// (at your option) any later version.
|
||||
//
|
||||
// This program is distributed in the hope that it will be useful,
|
||||
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
// GNU General Public License for more details.
|
||||
//
|
||||
// You should have received a copy of the GNU General Public License
|
||||
// along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||||
|
||||
|
||||
38
_sass/pooleparty/__inline__/_related.scss
Normal file
38
_sass/pooleparty/__inline__/_related.scss
Normal file
@@ -0,0 +1,38 @@
|
||||
// THIS FILE IS AUTOGENERATED, DO NOT MODIFY!
|
||||
//
|
||||
// To change the contents of this file,
|
||||
// edit `_sass/pooleparty/_related.pre.scss`
|
||||
// and run `npm run build:css`.
|
||||
//
|
||||
// During development you can run `npm run watch:css`
|
||||
// to continuosly rebuild this file.
|
||||
|
||||
// Copyright (c) 2017 Florian Klampfer <https://qwtel.com/>
|
||||
//
|
||||
// This program is free software: you can redistribute it and/or modify
|
||||
// it under the terms of the GNU General Public License as published by
|
||||
// the Free Software Foundation, either version 3 of the License, or
|
||||
// (at your option) any later version.
|
||||
//
|
||||
// This program is distributed in the hope that it will be useful,
|
||||
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
// GNU General Public License for more details.
|
||||
//
|
||||
// You should have received a copy of the GNU General Public License
|
||||
// along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||||
|
||||
|
||||
.related-posts {
|
||||
padding-left: 0;
|
||||
list-style: none;
|
||||
margin-bottom: 2rem;
|
||||
|
||||
> li,
|
||||
> li + li {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
25
_sass/pooleparty/__inline__/_table.scss
Normal file
25
_sass/pooleparty/__inline__/_table.scss
Normal file
@@ -0,0 +1,25 @@
|
||||
// THIS FILE IS AUTOGENERATED, DO NOT MODIFY!
|
||||
//
|
||||
// To change the contents of this file,
|
||||
// edit `_sass/pooleparty/_table.pre.scss`
|
||||
// and run `npm run build:css`.
|
||||
//
|
||||
// During development you can run `npm run watch:css`
|
||||
// to continuosly rebuild this file.
|
||||
|
||||
// Copyright (c) 2017 Florian Klampfer <https://qwtel.com/>
|
||||
//
|
||||
// This program is free software: you can redistribute it and/or modify
|
||||
// it under the terms of the GNU General Public License as published by
|
||||
// the Free Software Foundation, either version 3 of the License, or
|
||||
// (at your option) any later version.
|
||||
//
|
||||
// This program is distributed in the hope that it will be useful,
|
||||
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
// GNU General Public License for more details.
|
||||
//
|
||||
// You should have received a copy of the GNU General Public License
|
||||
// along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||||
|
||||
|
||||
156
_sass/pooleparty/__inline__/_type.scss
Normal file
156
_sass/pooleparty/__inline__/_type.scss
Normal file
@@ -0,0 +1,156 @@
|
||||
// THIS FILE IS AUTOGENERATED, DO NOT MODIFY!
|
||||
//
|
||||
// To change the contents of this file,
|
||||
// edit `_sass/pooleparty/_type.pre.scss`
|
||||
// and run `npm run build:css`.
|
||||
//
|
||||
// During development you can run `npm run watch:css`
|
||||
// to continuosly rebuild this file.
|
||||
|
||||
// Copyright (c) 2017 Florian Klampfer <https://qwtel.com/>
|
||||
//
|
||||
// This program is free software: you can redistribute it and/or modify
|
||||
// it under the terms of the GNU General Public License as published by
|
||||
// the Free Software Foundation, either version 3 of the License, or
|
||||
// (at your option) any later version.
|
||||
//
|
||||
// This program is distributed in the hope that it will be useful,
|
||||
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
// GNU General Public License for more details.
|
||||
//
|
||||
// You should have received a copy of the GNU General Public License
|
||||
// along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||||
|
||||
.heading {
|
||||
font-family: var(--font-family-heading);
|
||||
font-weight: var(--font-weight-heading);
|
||||
}
|
||||
|
||||
.f1 {
|
||||
@extend .heading;
|
||||
font-size: 2rem;
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
.f2 {
|
||||
@extend .heading;
|
||||
font-size: 1.5rem;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
.f3 {
|
||||
@extend .heading;
|
||||
font-size: 1.2em;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.f4 {
|
||||
@extend .heading;
|
||||
font-size: 1.08rem;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.f5 {
|
||||
@extend .heading;
|
||||
font-size: 1.04rem;
|
||||
line-height: 1.7;
|
||||
}
|
||||
|
||||
.f6 {
|
||||
@extend .heading;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
|
||||
h1, .h1 { @extend .f1; }
|
||||
h2, .h2 { @extend .f2; }
|
||||
h3, .h3 { @extend .f3; }
|
||||
h4, .h4 { @extend .f4; }
|
||||
h5, .h5 { @extend .f5; }
|
||||
h6, .h6 { @extend .f6; }
|
||||
|
||||
.content {
|
||||
h1, .h1 {
|
||||
> a { text-decoration: none; border-bottom: none; }
|
||||
@media screen and (max-width: $break-point-1) {
|
||||
font-size: 1.7rem;
|
||||
line-height: 1.35;
|
||||
}
|
||||
@media screen and (min-width: $break-point-5) {
|
||||
font-size: 2.4rem;
|
||||
line-height: 1.25;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
body:not(.no-large-headings) {
|
||||
.content {
|
||||
h1, .h1 {
|
||||
@media screen and (min-width: $break-point-dynamic) {
|
||||
width: calc(100% + 50vw - 32rem);
|
||||
font-size: 3rem;
|
||||
line-height: 1.2;
|
||||
}
|
||||
@media screen and (min-width: $break-point-font-large) {
|
||||
font-size: 4rem;
|
||||
line-height: 1.1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
h1, h2, h3, .h1, .h2, .h3 {
|
||||
margin: 4rem 0 1rem;
|
||||
}
|
||||
|
||||
h4, h5, h6, .h4, .h5, .h6 {
|
||||
margin: 3rem 0 .5rem;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
|
||||
&.lead {
|
||||
font-size: 1.2em;
|
||||
margin-top: 1.5rem;
|
||||
margin-bottom: 1.5rem;
|
||||
padding: 0 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
ul, ol, dl {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
ul, ol {
|
||||
padding-left: 1.25rem;
|
||||
}
|
||||
|
||||
hr, .hr {
|
||||
@extend .color-transition;
|
||||
border: 0;
|
||||
margin: 1rem 0;
|
||||
border-top: 1px solid var(--border-color);
|
||||
}
|
||||
|
||||
.hr-after::after {
|
||||
@extend .color-transition;
|
||||
content: "";
|
||||
display: block;
|
||||
margin: 1rem 0;
|
||||
border-top: 1px solid var(--border-color);
|
||||
}
|
||||
|
||||
.hr-bottom {
|
||||
@extend .color-transition;
|
||||
border-bottom: 1px solid var(--border-color);
|
||||
padding-bottom: .75rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user