Skip to content

Commit 2227f8e

Browse files
linogalianagithub-actions[bot]
linogaliana
and
github-actions[bot]
authored
Fix problem s3 chapter (#335)
* replace spoiler * Automated changes * Automated changes * test * Automated changes * Automated changes * typo * improve style * tous en details * Automated changes * Automated changes * replace box * Automated changes * Automated changes Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
1 parent b0abd02 commit 2227f8e

File tree

4 files changed

+581
-198
lines changed

4 files changed

+581
-198
lines changed

‎assets/scss/custom.scss

Lines changed: 133 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,16 @@
1+
/* ---------------
2+
DETAILS
3+
----------------*/
4+
5+
details[open] > * {
6+
margin-left: .5rem !important;
7+
padding-left: .5rem;
8+
border-left: 1px solid rgba(0,0,0,.8);
9+
}
10+
11+
.dark details[open] > * {
12+
border-left: 1px solid rgba(255, 255, 255, 0.8);
13+
}
114

215
/* Size of space between badges */
316

@@ -598,6 +611,126 @@ div.chart {
598611
}
599612

600613

614+
/*-------------
615+
TABS SYSTEM
616+
---------*/
617+
618+
/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.23, autoprefixer: v9.7.3) */
619+
620+
.post-body {
621+
.panelset {
622+
/*
623+
@extend .mw-100, .relative, .pv3;
624+
--panel-tabs-border-bottom: currentColor;
625+
--panel-tab-foreground: currentColor;
626+
--panel-tab-background: unset;
627+
--panel-tab-active-foreground: currentColor;
628+
--panel-tab-active-background: unset;
629+
--panel-tab-hover-foreground: currentColor;
630+
--panel-tab-hover-background: unset;
631+
--panel-tab-active-border-color: currentColor;
632+
--panel-tab-hover-border-color: currentColor;
633+
--panel-tab-inactive-opacity: 0.5;
634+
--panel-tab-font-family: inherit;
635+
*/
636+
}
637+
638+
.panelset * {
639+
box-sizing: border-box;
640+
}
641+
642+
.panelset .panel-tabs {
643+
display: -webkit-box;
644+
display: flex;
645+
flex-wrap: wrap;
646+
-webkit-box-orient: horizontal;
647+
-webkit-box-direction: normal;
648+
flex-direction: row;
649+
-webkit-box-pack: start;
650+
justify-content: start;
651+
-webkit-box-align: center;
652+
align-items: center;
653+
overflow-y: visible;
654+
overflow-x: auto;
655+
-webkit-overflow-scrolling: touch;
656+
padding: 0 0 2px 0;
657+
box-shadow: inset 0 -1px 0px var(--panel-tabs-border-bottom);
658+
}
659+
660+
.panelset .panel-tabs * {
661+
-webkit-transition: opacity 0.5s ease;
662+
transition: opacity 0.5s ease;
663+
}
664+
665+
.panelset .panel-tabs .panel-tab {
666+
min-height: 50px;
667+
display: -webkit-box;
668+
display: flex;
669+
-webkit-box-pack: center;
670+
justify-content: center;
671+
-webkit-box-align: center;
672+
align-items: center;
673+
padding: 0.5em 1em;
674+
font-family: var(--panel-tab-font-family);
675+
opacity: var(--panel-tab-inactive-opacity);
676+
border-top: 1px solid transparent;
677+
border-bottom: 1px solid transparent;
678+
margin-bottom: -2px;
679+
color: var(--panel-tab-foreground);
680+
background-color: var(--panel-tab-background);
681+
list-style: none;
682+
z-index: 5;
683+
}
684+
685+
.panelset .panel-tabs .panel-tab > a {
686+
color: currentColor;
687+
text-decoration: none;
688+
border: none;
689+
}
690+
691+
.panelset .panel-tabs .panel-tab > a:focus {
692+
outline: none;
693+
text-decoration: none;
694+
border: none;
695+
}
696+
697+
.panelset .panel-tabs .panel-tab > a:hover {
698+
text-decoration: none;
699+
border: none;
700+
}
701+
702+
.panelset .panel-tabs .panel-tab:hover {
703+
border-bottom-color: var(--panel-tab-hover-border-color);
704+
color: var(--panel-tab-hover-foreground);
705+
background-color: var(--panel-tab-hover-background);
706+
opacity: 1;
707+
cursor: pointer;
708+
z-index: 10;
709+
}
710+
711+
.panelset .panel-tabs .panel-tab:focus {
712+
outline: none;
713+
color: var(--panel-tab-hover-foreground);
714+
border-bottom-color: var(--panel-tab-hover-border-color);
715+
background-color: var(--panel-tab-hover-background);
716+
}
717+
718+
.panelset .panel-tabs .panel-tab.panel-tab-active {
719+
border-top-color: var(--panel-tab-active-border-color);
720+
color: var(--panel-tab-active-foreground);
721+
background-color: var(--panel-tab-active-background);
722+
opacity: 1;
723+
}
724+
725+
.panelset .panel {
726+
display: none;
727+
}
728+
729+
.panelset .panel-active {
730+
display: block;
731+
}
732+
}
733+
601734
/*----
602735
.post-body {
603736
.panelset {

‎assets/scss/panelset.scss

Lines changed: 109 additions & 109 deletions
Original file line numberDiff line numberDiff line change
@@ -1,113 +1,113 @@
11
/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.23, autoprefixer: v9.7.3) */
22

33
.post-body {
4-
.panelset {
5-
@extend .mw-100, .relative, .pv3;
6-
--panel-tabs-border-bottom: currentColor;
7-
--panel-tab-foreground: currentColor;
8-
--panel-tab-background: unset;
9-
--panel-tab-active-foreground: currentColor;
10-
--panel-tab-active-background: unset;
11-
--panel-tab-hover-foreground: currentColor;
12-
--panel-tab-hover-background: unset;
13-
--panel-tab-active-border-color: currentColor;
14-
--panel-tab-hover-border-color: currentColor;
15-
--panel-tab-inactive-opacity: 0.5;
16-
--panel-tab-font-family: inherit;
17-
}
18-
19-
.panelset * {
20-
box-sizing: border-box;
21-
}
22-
23-
.panelset .panel-tabs {
24-
display: -webkit-box;
25-
display: flex;
26-
flex-wrap: wrap;
27-
-webkit-box-orient: horizontal;
28-
-webkit-box-direction: normal;
29-
flex-direction: row;
30-
-webkit-box-pack: start;
31-
justify-content: start;
32-
-webkit-box-align: center;
33-
align-items: center;
34-
overflow-y: visible;
35-
overflow-x: auto;
36-
-webkit-overflow-scrolling: touch;
37-
padding: 0 0 2px 0;
38-
box-shadow: inset 0 -1px 0px var(--panel-tabs-border-bottom);
39-
}
40-
41-
.panelset .panel-tabs * {
42-
-webkit-transition: opacity 0.5s ease;
43-
transition: opacity 0.5s ease;
44-
}
45-
46-
.panelset .panel-tabs .panel-tab {
47-
min-height: 50px;
48-
display: -webkit-box;
49-
display: flex;
50-
-webkit-box-pack: center;
51-
justify-content: center;
52-
-webkit-box-align: center;
53-
align-items: center;
54-
padding: 0.5em 1em;
55-
font-family: var(--panel-tab-font-family);
56-
opacity: var(--panel-tab-inactive-opacity);
57-
border-top: 1px solid transparent;
58-
border-bottom: 1px solid transparent;
59-
margin-bottom: -2px;
60-
color: var(--panel-tab-foreground);
61-
background-color: var(--panel-tab-background);
62-
list-style: none;
63-
z-index: 5;
64-
}
65-
66-
.panelset .panel-tabs .panel-tab > a {
67-
color: currentColor;
68-
text-decoration: none;
69-
border: none;
70-
}
71-
72-
.panelset .panel-tabs .panel-tab > a:focus {
73-
outline: none;
74-
text-decoration: none;
75-
border: none;
76-
}
77-
78-
.panelset .panel-tabs .panel-tab > a:hover {
79-
text-decoration: none;
80-
border: none;
81-
}
82-
83-
.panelset .panel-tabs .panel-tab:hover {
84-
border-bottom-color: var(--panel-tab-hover-border-color);
85-
color: var(--panel-tab-hover-foreground);
86-
background-color: var(--panel-tab-hover-background);
87-
opacity: 1;
88-
cursor: pointer;
89-
z-index: 10;
90-
}
91-
92-
.panelset .panel-tabs .panel-tab:focus {
93-
outline: none;
94-
color: var(--panel-tab-hover-foreground);
95-
border-bottom-color: var(--panel-tab-hover-border-color);
96-
background-color: var(--panel-tab-hover-background);
97-
}
98-
99-
.panelset .panel-tabs .panel-tab.panel-tab-active {
100-
border-top-color: var(--panel-tab-active-border-color);
101-
color: var(--panel-tab-active-foreground);
102-
background-color: var(--panel-tab-active-background);
103-
opacity: 1;
104-
}
105-
106-
.panelset .panel {
107-
display: none;
108-
}
109-
110-
.panelset .panel-active {
111-
display: block;
112-
}
4+
.panelset {
5+
@extend .mw-100, .relative, .pv3;
6+
--panel-tabs-border-bottom: currentColor;
7+
--panel-tab-foreground: currentColor;
8+
--panel-tab-background: unset;
9+
--panel-tab-active-foreground: currentColor;
10+
--panel-tab-active-background: unset;
11+
--panel-tab-hover-foreground: currentColor;
12+
--panel-tab-hover-background: unset;
13+
--panel-tab-active-border-color: currentColor;
14+
--panel-tab-hover-border-color: currentColor;
15+
--panel-tab-inactive-opacity: 0.5;
16+
--panel-tab-font-family: inherit;
17+
}
18+
19+
.panelset * {
20+
box-sizing: border-box;
21+
}
22+
23+
.panelset .panel-tabs {
24+
display: -webkit-box;
25+
display: flex;
26+
flex-wrap: wrap;
27+
-webkit-box-orient: horizontal;
28+
-webkit-box-direction: normal;
29+
flex-direction: row;
30+
-webkit-box-pack: start;
31+
justify-content: start;
32+
-webkit-box-align: center;
33+
align-items: center;
34+
overflow-y: visible;
35+
overflow-x: auto;
36+
-webkit-overflow-scrolling: touch;
37+
padding: 0 0 2px 0;
38+
box-shadow: inset 0 -1px 0px var(--panel-tabs-border-bottom);
39+
}
40+
41+
.panelset .panel-tabs * {
42+
-webkit-transition: opacity 0.5s ease;
43+
transition: opacity 0.5s ease;
44+
}
45+
46+
.panelset .panel-tabs .panel-tab {
47+
min-height: 50px;
48+
display: -webkit-box;
49+
display: flex;
50+
-webkit-box-pack: center;
51+
justify-content: center;
52+
-webkit-box-align: center;
53+
align-items: center;
54+
padding: 0.5em 1em;
55+
font-family: var(--panel-tab-font-family);
56+
opacity: var(--panel-tab-inactive-opacity);
57+
border-top: 1px solid transparent;
58+
border-bottom: 1px solid transparent;
59+
margin-bottom: -2px;
60+
color: var(--panel-tab-foreground);
61+
background-color: var(--panel-tab-background);
62+
list-style: none;
63+
z-index: 5;
64+
}
65+
66+
.panelset .panel-tabs .panel-tab > a {
67+
color: currentColor;
68+
text-decoration: none;
69+
border: none;
70+
}
71+
72+
.panelset .panel-tabs .panel-tab > a:focus {
73+
outline: none;
74+
text-decoration: none;
75+
border: none;
76+
}
77+
78+
.panelset .panel-tabs .panel-tab > a:hover {
79+
text-decoration: none;
80+
border: none;
81+
}
82+
83+
.panelset .panel-tabs .panel-tab:hover {
84+
border-bottom-color: var(--panel-tab-hover-border-color);
85+
color: var(--panel-tab-hover-foreground);
86+
background-color: var(--panel-tab-hover-background);
87+
opacity: 1;
88+
cursor: pointer;
89+
z-index: 10;
90+
}
91+
92+
.panelset .panel-tabs .panel-tab:focus {
93+
outline: none;
94+
color: var(--panel-tab-hover-foreground);
95+
border-bottom-color: var(--panel-tab-hover-border-color);
96+
background-color: var(--panel-tab-hover-background);
97+
}
98+
99+
.panelset .panel-tabs .panel-tab.panel-tab-active {
100+
border-top-color: var(--panel-tab-active-border-color);
101+
color: var(--panel-tab-active-foreground);
102+
background-color: var(--panel-tab-active-background);
103+
opacity: 1;
104+
}
105+
106+
.panelset .panel {
107+
display: none;
108+
}
109+
110+
.panelset .panel-active {
111+
display: block;
112+
}
113113
}

0 commit comments

Comments
 (0)