Skip to content

Commit 32aff4a

Browse files
tabunatabuna
committed
WIP
1 parent 3a042e3 commit 32aff4a

14 files changed

+669
-411
lines changed

‎resources/css/app.scss

+36-373
Large diffs are not rendered by default.

‎resources/css/back-to-top.scss

+22
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
.back-to-top-container {
2+
position: absolute;
3+
top: 0;
4+
right: 0;
5+
height: 100vh;
6+
width: 1x; // MS Edge requires a nominal dimension
7+
z-index: 20;
8+
}
9+
10+
.back-to-top__button {
11+
position: fixed;
12+
bottom: 1rem;
13+
right: 2rem;
14+
opacity: 1;
15+
visibility: visible;
16+
transition: all 0.2s ease;
17+
}
18+
19+
.back-to-top-container--intersecting .back-to-top__button {
20+
opacity: 0;
21+
visibility: hidden;
22+
}

‎resources/css/clipboard.scss

+17
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
.clipboard {
2+
.copy-action {
3+
display: inline;
4+
}
5+
.copy-done {
6+
display: none;
7+
}
8+
9+
&.done {
10+
.copy-action {
11+
display: none;
12+
}
13+
.copy-done {
14+
display: inline;
15+
}
16+
}
17+
}

‎resources/css/docs.scss

+265
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,265 @@
1+
// Usage in markdown files
2+
3+
4+
#collection-method-list > ul {
5+
column-count: 3; -moz-column-count: 3; -webkit-column-count: 3; // Я думаю мы можем увеличь на больших экранах
6+
column-gap: 2em; -moz-column-gap: 2em; -webkit-column-gap: 2em;
7+
padding-left: 0;
8+
list-style: none;
9+
li{
10+
padding-bottom: 0;
11+
}
12+
}
13+
14+
#collection-method-list a {
15+
display: block;
16+
}
17+
18+
19+
// PORT FROM ORCHID NEED CHANGED (AND REMOVED)
20+
21+
.anchors {
22+
ul{
23+
list-style: none;
24+
padding: 0;
25+
li {
26+
margin: 0;
27+
padding: 0;
28+
}
29+
li.anchor-h3 {
30+
margin-left: 1.5em;
31+
//list-style: inside;
32+
}
33+
34+
li.anchor-h4 {
35+
margin-left: 2.5em;
36+
//list-style: inside;
37+
}
38+
}
39+
a {
40+
opacity: 0.50;
41+
@extend .link-body-emphasis;
42+
transition: all 340ms ease;
43+
text-decoration: none;
44+
&:hover {
45+
opacity: 1;
46+
}
47+
&:before{
48+
content: "# ";
49+
}
50+
}
51+
}
52+
53+
main,
54+
main div {
55+
line-height: 1.8em;
56+
57+
58+
*:last-child {
59+
margin-bottom: 0!important;
60+
}
61+
62+
63+
ol {
64+
padding: 0 1.5rem;
65+
}
66+
67+
table{
68+
@extend .table;
69+
@extend .table-bordered;
70+
}
71+
72+
.h2,
73+
.h3,
74+
h2,
75+
h3 {
76+
margin-top: 1.5em;
77+
margin-bottom: 15px;
78+
}
79+
80+
p {
81+
font-size: 1em;
82+
line-height: 1.6em;
83+
margin-bottom: 1.5rem;
84+
@extend .text-wrap;
85+
@extend .text-break;
86+
87+
> a {
88+
text-decoration: underline;
89+
}
90+
91+
:empty {
92+
display: none;
93+
}
94+
}
95+
96+
code {
97+
color: rgb(235, 68, 50);
98+
}
99+
}
100+
101+
main {
102+
line-height: 1.5em;
103+
overflow: initial;
104+
105+
img {
106+
display: block;
107+
max-width: 100%;
108+
object-fit: cover;
109+
border-radius: 0.5em;
110+
margin: 0 auto;
111+
}
112+
113+
picture {
114+
&:after {
115+
content: attr(alt);
116+
text-align: center;
117+
display: block;
118+
@extend .text-muted;
119+
font-size: 0.775em;
120+
max-width: calc(66% - 48px);
121+
margin: 1em auto 2em auto;
122+
line-height: 1.5em;
123+
}
124+
}
125+
126+
h1,
127+
h2,
128+
h3,
129+
h4,
130+
h5,
131+
h6 {
132+
a {
133+
@extend .link-body-emphasis;
134+
text-decoration: none;
135+
position: relative;
136+
}
137+
}
138+
139+
h2 {
140+
margin-bottom: 1em !important;
141+
142+
a:target {
143+
&:before {
144+
transform: rotate(200deg);
145+
}
146+
}
147+
148+
a {
149+
padding-left: 1em;
150+
transition: all 340ms;
151+
&:before {
152+
transition: all 340ms;
153+
content: '#';
154+
margin-left: -1em;
155+
position: absolute;
156+
font-size: 1em;
157+
color: $primary;
158+
opacity: 0.5;
159+
}
160+
161+
&:hover {
162+
&:before {
163+
opacity: 1;
164+
}
165+
}
166+
}
167+
}
168+
169+
/*
170+
p {
171+
margin: 0 0 1em;
172+
}
173+
174+
*/
175+
176+
li {
177+
padding-bottom: 0.33em;
178+
}
179+
180+
pre {
181+
border-radius: 0.8rem;
182+
margin-bottom: 2em !important;
183+
}
184+
185+
/*
186+
.docs-blockquote-tip, .docs-blockquote-note {
187+
display: flex;
188+
align-items: center;
189+
190+
&:before {
191+
color: #fff;
192+
content: '!';
193+
width: 1.5em;
194+
height: 1.5em;
195+
border-radius: 100%;
196+
text-align: center;
197+
font-weight: 600;
198+
font-size: 1.5em;
199+
display: flex;
200+
align-self: center;
201+
justify-content: center;
202+
align-items: center;
203+
margin-right: 3em;
204+
}
205+
}
206+
207+
*/
208+
209+
.docs-blockquote-tip {
210+
background: transparentize($info, 0.85) !important;
211+
//border: 1px solid transparentize($info, 0.5);
212+
&:before {
213+
background-color: transparentize($info, 0.65);
214+
content: '💡️';
215+
}
216+
}
217+
218+
.docs-blockquote-note {
219+
//border: 1px solid transparentize($danger, 0.5);
220+
background: transparentize($danger, 0.90) !important;
221+
&:before {
222+
background-color: transparentize($danger, 0.65);
223+
content: '⚠️';
224+
}
225+
}
226+
227+
blockquote {
228+
//background: #F9F9FE;
229+
@extend .bg-body;
230+
@extend .shadow;
231+
border-radius: 0.8rem;
232+
padding: 1.5em;
233+
position: relative;
234+
margin: 2em 0;
235+
@extend .text-wrap;
236+
@extend .text-break;
237+
238+
&:before {
239+
position: absolute;
240+
top: -0.5em;
241+
left: -0.3em;
242+
background-color: $gray-500;
243+
color: #fff;
244+
content: '!';
245+
width: 1.5em;
246+
height: 1.5em;
247+
border-radius: 100%;
248+
text-align: center;
249+
font-weight: 600;
250+
font-size: 1.5em;
251+
display: flex;
252+
align-self: center;
253+
justify-content: center;
254+
align-items: center;
255+
box-shadow: 5px 5px 13px rgba(63, 26, 60, 0.29);
256+
}
257+
> p {
258+
margin-bottom: 0;
259+
}
260+
261+
p:last-child {
262+
margin-bottom: 0;
263+
}
264+
}
265+
}

‎resources/css/ticket.scss

+29
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
2+
.ticket-border {
3+
border-left: 4px dashed var(--bs-body-bg);
4+
padding-left: 50px;
5+
position: relative;
6+
}
7+
8+
.ticket-border:before, .ticket-border:after {
9+
background: var(--bs-body-bg);
10+
}
11+
.ticket-border:before {
12+
width: 50px;
13+
height: 50px;
14+
border-radius: 50%;
15+
content: '';
16+
top: -50px;
17+
left: -25px;
18+
position: absolute;
19+
}
20+
21+
.ticket-border:after {
22+
width: 50px;
23+
height: 50px;
24+
border-radius: 50%;
25+
content: '';
26+
bottom: -50px;
27+
left: -25px;
28+
position: absolute;
29+
}

‎resources/views/pages/discussion.blade.php

+8-7
Original file line numberDiff line numberDiff line change
@@ -3,18 +3,19 @@
33
@section('content')
44
<div class="container my-5">
55
<div class="col-xl-8 col-md-12 mx-auto">
6-
<div class="p-5 mb-4 bg-body-secondary rounded-3 position-relative"
7-
style="background-image: url('/img/fire.svg'); background-repeat: no-repeat; background-position: right bottom">
6+
<div class="p-5 mb-4 bg-body-secondary rounded-3 position-relative">
7+
8+
<div class="position-absolute d-none d-xxl-block bottom-0 end-0 m-5"><img src="/img/fire.svg"></div>
89
<ul class="nav flex-column">
9-
<li class="nav-item mb-3"><a href="{{ route('post') }}" class="nav-link p-0 link-dark">Соблюдение принципов
10+
<li class="nav-item mb-3"><a href="{{ route('post') }}" class="nav-link p-0 link-body-emphasis">Соблюдение принципов
1011
SOLID при работе с фреймворком Laravel</a></li>
11-
<li class="nav-item mb-3"><a href="{{ route('post') }}" class="nav-link p-0 link-dark">Как начать работать
12+
<li class="nav-item mb-3"><a href="{{ route('post') }}" class="nav-link p-0 link-body-emphasis">Как начать работать
1213
с очередями в Laravel</a></li>
13-
<li class="nav-item mb-3"><a href="{{ route('post') }}" class="nav-link p-0 link-dark">Laravel и
14+
<li class="nav-item mb-3"><a href="{{ route('post') }}" class="nav-link p-0 link-body-emphasis">Laravel и
1415
ULID</a></li>
15-
<li class="nav-item mb-3"><a href="{{ route('post') }}" class="nav-link p-0 link-dark">Eloquent и Blade:
16+
<li class="nav-item mb-3"><a href="{{ route('post') }}" class="nav-link p-0 link-body-emphasis">Eloquent и Blade:
1617
советы по повышению производительности</a></li>
17-
<li class="nav-item mb-3"><a href="{{ route('post') }}" class="nav-link p-0 link-dark">About</a></li>
18+
<li class="nav-item mb-3"><a href="{{ route('post') }}" class="nav-link p-0 link-body-emphasis">About</a></li>
1819
</ul>
1920

2021
<a href="#" class="link-dark text-decoration-none">Показать ещё</a>

0 commit comments

Comments
 (0)