Skip to content

Commit 1049b12

Browse files
sneakers-the-ratlwasser
sneakers-the-rat
authored and
lwasser
committed
split index file into separate files
1 parent 679ace2 commit 1049b12

File tree

12 files changed

+274
-275
lines changed

12 files changed

+274
-275
lines changed

‎src/pyos_sphinx_theme/assets/styles/abstract/_variables.scss‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -42,13 +42,26 @@ html[data-theme="light"] {
4242
--sd-color-success-bg-text: #14181e;
4343
--pst-color-info: #a66c98; /* general admonition */
4444
--pst-color-info-bg: #eac8e2;
45+
--pst-color-tbl-row: #f5f1ff;
4546
--pst-heading-color: var(--pyos-color-dark);
4647
--pyos-h1-color: var(--pyos-color-dark);
4748
}
4849

4950
html[data-theme="dark"] {
51+
--pst-color-info-bg: #400f59;
5052
--pst-color-primary: var(--pyos-dm-color-primary);
5153
--pst-color-link: var(--pyos-color-light);
5254
--pst-color-link-hover: var(--pyos-dm-color-primary);
55+
--pst-color-tbl-row: #2e2e2e;
5356
--pyos-h1-color: var(--pyos-color-light);
5457
}
58+
59+
// Layout
60+
// Mimicking Bootstrap 5.0
61+
$breakpoint-sm: 576px;
62+
$breakpoint-md: 768px;
63+
$breakpoint-md-lg: 960px;
64+
$breakpoint-lg: 992px;
65+
$breakpoint-xl: 1200px;
66+
$breakpoint-xxl: 1400px;
67+
$breakpoint-xxxl: 1600px;

‎src/pyos_sphinx_theme/assets/styles/components/_card.scss‎

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
.sd-card-title {
2+
margin-bottom: 0.5rem;
3+
background-color: var(--pst-color-info-bg) !important;
4+
padding: 0.5rem;
5+
border-bottom: 2px solid #999;
6+
font-size: 1.2rem;
7+
font-weight: 600 !important;
8+
}
9+
10+
.sd-card-header {
11+
font-size: 1.2em;
12+
font-weight: 600;
13+
}
14+
15+
.sd-card-body {
16+
padding: 0 0 !important;
17+
18+
.left-aligned & ul li {
19+
text-align: left;
20+
}
21+
}
22+
23+
.sd-card {
24+
padding-bottom: 1.5em;
25+
}
26+
27+
.sd-card-text {
28+
text-align: left;
29+
padding-right: 1.5em;
30+
padding-left: 1.5em;
31+
}

‎src/pyos_sphinx_theme/assets/styles/components/_icons.scss‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
.fa-circle-check {
2+
color: #7bcdba;
3+
}

‎src/pyos_sphinx_theme/assets/styles/components/_navbar.scss‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
/* Make sure the header nav is centered - not sure why it's not overriding*/
2+
.navbar-header-items .me-auto,
3+
.me-auto .navbar-header-items__center {
4+
margin-left: auto !important;
5+
margin-right: auto !important;
6+
}
7+
8+
.bd-header .navbar-nav li a.nav-link:hover {
9+
text-decoration: none;
10+
text-decoration-thickness: none;
11+
border-bottom: max(3px, 0.1875rem, 0.12em) solid var(--pst-color-link-hover);
12+
text-underline-offset: none;
13+
}

‎src/pyos_sphinx_theme/assets/styles/components/_sidebar.scss‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
/*
2+
Don't fill all vertical space beneath TOC, which causes
3+
readthedocs version selector to fall off the page and the
4+
ugly scrollbar to show all the time
5+
*/
6+
.bd-sidebar-primary .sidebar-primary-items__end {
7+
margin-bottom: unset;
8+
margin-top: unset;
9+
}

‎src/pyos_sphinx_theme/assets/styles/contents/_footnotes.scss‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
#footnotes {
2+
font-size: 0.8em;
3+
line-height: 1.1;
4+
&span.label {
5+
font-weight: 400;
6+
}
7+
}
8+
9+
aside.footnote {
10+
margin-bottom: 0.5rem;
11+
&:last-child {
12+
margin-bottom: 1rem;
13+
}
14+
span.label,
15+
span.backrefs {
16+
font-weight: 400 !important;
17+
}
18+
19+
&:target {
20+
background-color: var(--pst-color-target);
21+
}
22+
}

‎src/pyos_sphinx_theme/assets/styles/contents/_tables.scss‎

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
.pyos-table {
2+
& th.head,
3+
.pyos-table th.head.stub {
4+
background-color: #33205c !important;
5+
6+
& p {
7+
color: #fff;
8+
}
9+
}
10+
& th.stub {
11+
background-color: var(--pst-color-tbl-row);
12+
font-weight: 500;
13+
}
14+
& td {
15+
vertical-align: middle;
16+
text-align: center;
17+
}
18+
}
19+
20+
td,
21+
th {
22+
border: 1px solid #ccc; /* Light gray border */
23+
padding: 8px; /* Add some padding for better readability */
24+
}
25+
26+
@media (prefers-color-scheme: dark) {
27+
td:not(.row-header):nth-child(1) {
28+
background-color: var(--pst-color-tbl-row); /* Adjust the dark mode color */
29+
color: #ffffff; /* Adjust the text color for better contrast */
30+
font-weight: 500;
31+
}
32+
}

‎src/pyos_sphinx_theme/assets/styles/fonts/_fonts.scss‎

Lines changed: 61 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,61 @@
1+
2+
@font-face {
3+
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
4+
font-family: "Poppins";
5+
font-style: normal;
6+
font-weight: 400;
7+
src: url("poppins-v20-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
8+
}
9+
10+
/* poppins-italic - latin */
11+
@font-face {
12+
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
13+
font-family: "Poppins";
14+
font-style: italic;
15+
font-weight: 400;
16+
src: url("poppins-v20-latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
17+
}
18+
19+
/* poppins-700 - latin */
20+
@font-face {
21+
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
22+
font-family: "Poppins";
23+
font-style: normal;
24+
font-weight: 700;
25+
src: url("poppins-v20-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
26+
}
27+
28+
/* poppins-700italic - latin */
29+
@font-face {
30+
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
31+
font-family: "Poppins";
32+
font-style: italic;
33+
font-weight: 700;
34+
src: url("poppins-v20-latin-700italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
35+
}
36+
37+
/* itim-regular - latin */
38+
@font-face {
39+
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
40+
font-family: "Itim";
41+
font-style: normal;
42+
font-weight: 400;
43+
src: url("itim-v14-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
44+
}
45+
46+
/* poppins-500 - latin */
47+
@font-face {
48+
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
49+
font-family: "Poppins";
50+
font-style: normal;
51+
font-weight: 500;
52+
src: url("poppins-v20-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
53+
}
54+
/* poppins-600 - latin */
55+
@font-face {
56+
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
57+
font-family: "Poppins";
58+
font-style: normal;
59+
font-weight: 600;
60+
src: url("poppins-v20-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
61+
}

‎src/pyos_sphinx_theme/assets/styles/pages/_lesson.scss‎

Lines changed: 54 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,54 @@
1+
.lesson-div {
2+
cursor: pointer;
3+
transition: background-color 0.3s;
4+
margin-bottom: 10px;
5+
padding: 10px;
6+
border-radius: 5px;
7+
text-align: center;
8+
color: #333;
9+
}
10+
11+
.lesson-div a {
12+
color: inherit;
13+
text-decoration: none;
14+
display: block;
15+
height: 100%;
16+
width: 100%;
17+
}
18+
19+
.lesson-div:hover {
20+
background-color: #ccc;
21+
}
22+
23+
/* Different colors and their shades */
24+
.lesson-div:nth-child(1) {
25+
background-color: #216a6b;
26+
color: #fff;
27+
}
28+
29+
.lesson-div:nth-child(2) {
30+
background-color: #6d597a;
31+
color: #fff;
32+
}
33+
34+
.lesson-div:nth-child(3) {
35+
background-color: #b56576;
36+
color: #fff;
37+
}
38+
39+
.lesson-div:nth-child(4) {
40+
background-color: #3a8c8e; /* Shade of #216A6B */
41+
}
42+
43+
.lesson-div:nth-child(5) {
44+
background-color: #8f7b8d; /* Shade of #6D597A */
45+
}
46+
47+
.lesson-div:nth-child(6) {
48+
background-color: #d78287; /* Shade of #B56576 */
49+
}
50+
51+
.lesson-div:nth-child(7) {
52+
background-color: #185355; /* Darker shade of #216A6B */
53+
color: #fff;
54+
}

‎src/pyos_sphinx_theme/assets/styles/pages/_tutorial.scss‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
/* Tutorial block page */
2+
.left-div {
3+
background-color: #3498db;
4+
color: #fff;
5+
text-align: center;
6+
padding: 20px;
7+
width: 35%;
8+
border-radius: 10px;
9+
}
10+
11+
.right-div {
12+
margin-top: 10px;
13+
}

0 commit comments

Comments
 (0)