rc/aircox
13
1
Fork 1
Code Issues 15 Pull Requests Projects Releases Wiki Activity

rendering

Browse Source
This commit is contained in:
bkfox 2024-01-26 22:28:08 +01:00
parent d53cb3e935
commit 20aa3aba9d
7 changed files with 27 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
aircox/static/aircox/css/admin.css
View File

@ -26,7 +26,7 @@
--a-carousel-ml: calc(1.2rem - 0.5rem);
--a-carousel-gap: 1.2rem;
--a-carousel-nav-x: -0.6em;
--a-carousel-bg: var(--hg-color-alpha);
--a-carousel-bg: var(--secondary-color-light);
--a-progress-bg: transparent;
--a-progress-bar-bg: var(--hg-color-2);
--a-progress-bar-color: var(--hg-color);
@ -206,12 +206,14 @@
.list-item .headings .heading {
padding: 0rem;
}
.list-item .headings .title {
.list-item .title {
flex-grow: 1;
}
.list-item .subtitle {
font-size: var(--preview-title-sz);
text-align: right;
min-width: 8rem;
text-decoration: underline;
}
.list-item .media {
flex-grow: 1;
@ -313,7 +315,7 @@ preview-header:not(.no-cover) .card-headings .heading, preview-header:not(.no-co
}
}
.a-carousel .a-carousel-viewport {
background-color: var(--a-carousel-bg);
box-shadow: inset 0em 0em 20rem var(--a-carousel-bg);
margin-bottom: var(--a-carousel-p);
padding: var(--a-carousel-p) 0;
padding-left: var(--a-carousel-ml);

4
aircox/static/aircox/css/chunk-common.css
View File

@ -6977,7 +6977,7 @@ input.half-field:not(:active):not(:hover) {
--main-color-dark: #F49F0A;
--secondary-color: #00A6A6;
--secondary-color-light: #00A6A6B3;
--secondary-color-dark: #057ba8;
--secondary-color-dark: #007ba8;
--disabled-color: #aaa;
--disabled-bg: #eee;
--link-fg: #00A6A6;
@ -6992,7 +6992,7 @@ input.half-field:not(:active):not(:hover) {
--nav-secondary-height: 2.5rem;
--nav-bg: var(--main-color);
--nav-fg: var(--text-color);
--nav-active-bg: var(--main-color-dark);
--nav-active-bg: var(--secondary-color);
--nav-active-fg: var(--text-color);
--nav-fs: 1rem;
--nav-2-fs: 0.8rem;

2
aircox/static/aircox/css/chunk-vendors.css
View File

@ -1211,7 +1211,7 @@
background-color: var(--vc-bg);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-tap-hg-color: transparent;
-webkit-tap-highlight-color: transparent;
}
.vc-container,

18
aircox/static/aircox/css/public.css
View File

@ -26,7 +26,7 @@
--a-carousel-ml: calc(1.2rem - 0.5rem);
--a-carousel-gap: 1.2rem;
--a-carousel-nav-x: -0.6em;
--a-carousel-bg: var(--hg-color-alpha);
--a-carousel-bg: var(--secondary-color-light);
--a-progress-bg: transparent;
--a-progress-bar-bg: var(--hg-color-2);
--a-progress-bar-color: var(--hg-color);
@ -206,12 +206,14 @@
.list-item .headings .heading {
padding: 0rem;
}
.list-item .headings .title {
.list-item .title {
flex-grow: 1;
}
.list-item .subtitle {
font-size: var(--preview-title-sz);
text-align: right;
min-width: 8rem;
text-decoration: underline;
}
.list-item .media {
flex-grow: 1;
@ -313,7 +315,7 @@ preview-header:not(.no-cover) .card-headings .heading, preview-header:not(.no-co
}
}
.a-carousel .a-carousel-viewport {
background-color: var(--a-carousel-bg);
box-shadow: inset 0em 0em 20rem var(--a-carousel-bg);
margin-bottom: var(--a-carousel-p);
padding: var(--a-carousel-p) 0;
padding-left: var(--a-carousel-ml);
@ -7477,11 +7479,7 @@ a.tag:hover {
text-align: center;
font-family: var(--heading-font-family);
text-transform: uppercase;
}
.nav .nav-item a, .nav .nav-item .button {
color: var(--nav-fg);
display: block;
width: 100%;
color: var(--nav-fg) !important;
}
.nav .nav-item .icon:first-child, .nav .nav-item .icon + span {
text-align: center;
@ -7680,12 +7678,12 @@ nav li a, nav li .button {
.list-item.logs .track .icon {
color: var(--secondary-color-dark);
}
.list-item:nth-child(3n) {
.list-item:nth-child(3n):not(.wide) {
padding: 0.6rem;
border-radius: 0.4rem;
border: 1px solid var(--main-color-dark) !important;
}
.list-item:nth-child(3n+1) {
.list-item:nth-child(3n+1):not(.wide) {
border-radius: 0.4rem;
border: 1px solid var(--secondary-color-dark) !important;
}

4
assets/src/assets/common.scss
View File

@ -21,7 +21,7 @@ input.half-field:not(:active):not(:hover) {
--main-color-dark: #F49F0A;
--secondary-color: #00A6A6;
--secondary-color-light: #00A6A6B3;
--secondary-color-dark: #057ba8;
--secondary-color-dark: #007ba8;
--disabled-color: #aaa;
--disabled-bg: #eee;
@ -39,7 +39,7 @@ input.half-field:not(:active):not(:hover) {
--nav-secondary-height: 2.5rem;
--nav-bg: var(--main-color);
--nav-fg: var(--text-color);
--nav-active-bg: var(--main-color-dark);
--nav-active-bg: var(--secondary-color);
--nav-active-fg: var(--text-color);
--nav-fs: 1rem;
--nav-2-fs: 0.8rem;

11
assets/src/assets/components.scss
View File

@ -28,7 +28,7 @@
--a-carousel-ml: calc(#{v.$mp-4} - 0.5rem);
--a-carousel-gap: #{v.$mp-4};
--a-carousel-nav-x: -#{v.$mp-3e};
--a-carousel-bg: var(--hg-color-alpha);
--a-carousel-bg: var(--secondary-color-light);
--a-progress-bg: transparent;
--a-progress-bar-bg: var(--hg-color-2);
@ -322,15 +322,15 @@
padding: 0rem;
}
.title {
flex-grow: 1;
}
}
.title { flex-grow: 1; }
.subtitle {
font-size: var(--preview-title-sz);
// background-color: var(--preview-heading-bg-color);
text-align: right;
min-width: 8rem;
text-decoration: underline;
}
.media {
@ -467,7 +467,8 @@
// ---- ---- Carousel
.a-carousel {
.a-carousel-viewport {
background-color: var(--a-carousel-bg);
box-shadow: inset 0em 0em 20rem var(--a-carousel-bg);
// background-color: var(--a-carousel-bg);
margin-bottom: var(--a-carousel-p);
padding: var(--a-carousel-p) 0;
padding-left: var(--a-carousel-ml);

11
assets/src/assets/public.scss
View File

@ -153,12 +153,7 @@
font-family: var(--heading-font-family);
text-transform: uppercase;
a, .button {
color: var(--nav-fg);
display: block;
width: 100%;
}
color: var(--nav-fg) !important;
.icon:first-child, .icon + span {
text-align: center;
@ -417,13 +412,13 @@ nav li {
}
}
&:nth-child(3n) {
&:nth-child(3n):not(.wide) {
padding: v.$mp-3;
border-radius: v.$mp-2;
border: 1px solid var(--main-color-dark) !important;
}
&:nth-child(3n+1) {
&:nth-child(3n+1):not(.wide) {
border-radius: v.$mp-2;
border: 1px solid var(--secondary-color-dark) !important;
}