Skip to content

Commit 2126c86

Browse files
committed
Improve styles
1 parent c4560d3 commit 2126c86

File tree

7 files changed

+45
-10
lines changed

7 files changed

+45
-10
lines changed

public/build/assets/app-Dq9x9Vhz.css renamed to public/build/assets/app-D-h4X_Cb.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

public/build/manifest.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@
1616
"src": "public/img/ui/blockquote/warning.svg"
1717
},
1818
"resources/css/app.scss": {
19-
"file": "assets/app-Dq9x9Vhz.css",
19+
"file": "assets/app-D-h4X_Cb.css",
2020
"src": "resources/css/app.scss",
2121
"isEntry": true
2222
},

resources/css/app.scss

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -88,6 +88,19 @@ $utilities: (
8888
5: 5,
8989
),
9090
),
91+
'ratio': (
92+
property: aspect-ratio,
93+
class: ratio,
94+
responsive: true,
95+
values: (
96+
'1x1': 1,
97+
'16x9': 16 / 9,
98+
'4x3': 4 / 3,
99+
'3x2': 3 / 2,
100+
'21x9': 21 / 9,
101+
'auto': auto,
102+
),
103+
),
91104
);
92105

93106
%heading {

resources/css/docs.scss

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -384,6 +384,24 @@ main,
384384
}
385385
}
386386

387+
@include media-breakpoint-down(md) {
388+
main,
389+
.main,
390+
.post {
391+
blockquote {
392+
&:before {
393+
width: 1em;
394+
border: none;
395+
background-image: none;
396+
margin: 0;
397+
padding: 0;
398+
min-width: 1em;
399+
}
400+
}
401+
}
402+
}
403+
404+
387405
.doc-navigation {
388406
-ms-overflow-style: none; /* IE and Edge */
389407
scrollbar-width: none; /* Firefox */

resources/css/highlight.scss

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -62,10 +62,14 @@ pre {
6262
color: #d2cdea;
6363
}
6464

65+
.hl-addition, .hl-deletion {
66+
display: inline-block;
67+
}
68+
6569
.hl-deletion {
6670
color: #d2cdea;
6771
min-width: 100%;
68-
background-color: #ff000033;
72+
background-color: #ef535033;
6973
}
7074

7175
.hl-addition {

resources/views/library/index.blade.php

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@
1919
<div class="row g-4">
2020
<div class="col-md-6 col-lg-8">
2121

22-
<div class="bg-primary bg-opacity-10 rounded p-4 p-xl-5 position-relative overflow-hidden mb-4">
22+
<div class="bg-primary bg-opacity-10 rounded p-4 p-xl-5 position-relative overflow-hidden mb-4 ratio-1x1 ratio-md-auto">
2323
<img src="/img/bird.svg" class="position-absolute w-50 bottom-0 end-0">
2424
<div class="row">
2525
<div class="col-sm-7">
@@ -38,7 +38,7 @@ class="link-body-emphasis text-decoration-none icon-link icon-link-hover stretch
3838
</div>
3939

4040
<div class="row">
41-
<div class="col-lg-6 mb-4 mb-lg-0">
41+
<div class="col-lg-6 mb-4 mb-lg-0 ratio-1x1">
4242
<div class="bg-primary bg-opacity-10 rounded p-5 h-100 position-relative overflow-hidden">
4343
<div class="d-flex flex-column position-relative h-100">
4444
<h3 class="mb-3 fw-bold">Советы по безопасности</h3>
@@ -54,7 +54,7 @@ class="link-body-emphasis text-decoration-none icon-link icon-link-hover stretch
5454
</div>
5555
</div>
5656
</div>
57-
<div class="col-lg-6">
57+
<div class="col-lg-6 ratio-1x1">
5858

5959
<div class="bg-secondary bg-opacity-10 rounded p-5 h-100 position-relative overflow-hidden">
6060
<div class="d-flex flex-column position-relative h-100">
@@ -98,7 +98,7 @@ class="link-body-emphasis text-decoration-none icon-link icon-link-hover stretch
9898

9999

100100
<div class="col-md-6 col-lg-4">
101-
<div class="bg-secondary bg-opacity-10 rounded p-5 h-100 position-relative overflow-hidden">
101+
<div class="bg-secondary bg-opacity-10 rounded p-5 h-100 position-relative overflow-hidden ratio-1x1">
102102
<div class="d-flex flex-column position-relative h-100">
103103
<h3 class="mb-3 fw-bold">Действия</h3>
104104
<p class="mb-auto fw-light">

resources/views/particles/sponsors.blade.php

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@ class="link-body-emphasis fw-semibold text-decoration-none icon-link icon-link-h
2323

2424
<div class="row row-cols-lg-3 row-cols-1 g-4 sponsors">
2525
<div class="col">
26-
<div class="p-4 p-xl-5 bg-body-tertiary rounded d-flex flex-column h-100 position-relative">
26+
<div class="p-4 p-xl-5 bg-body-tertiary rounded d-flex flex-column h-100 position-relative ratio-xl-1x1">
2727
<img src="/img/sponsors/am.svg" class="d-block mb-4 me-auto" height="64">
2828
<p class="fw-normal">
2929
Инструменты для управления эмоциями, которые помогают людям контролировать свою жизнь и лучше понимать себя.
@@ -37,7 +37,7 @@ class="link-body-emphasis fw-semibold text-decoration-none icon-link icon-link-h
3737

3838
</div>
3939
<div class="col">
40-
<div class="p-4 p-xl-5 bg-body-tertiary rounded d-flex flex-column h-100 position-relative">
40+
<div class="p-4 p-xl-5 bg-body-tertiary rounded d-flex flex-column h-100 position-relative ratio-xl-1x1">
4141
<img src="/img/sponsors/soidet.svg" class="d-block mb-4 me-auto" height="64">
4242
<p class="fw-normal">
4343
Подкасты c зажигательными эпизодами, которые заставят
@@ -51,7 +51,7 @@ class="link-body-emphasis fw-semibold text-decoration-none icon-link icon-link-h
5151
</div>
5252
</div>
5353
<div class="col d-none d-lg-block">
54-
<div class="p-4 p-xl-5 bg-body-tertiary rounded d-flex flex-column h-100 position-relative d-flex bg-opacity-75 opacity-50 align-items-center">
54+
<div class="p-4 p-xl-5 bg-body-tertiary rounded d-flex flex-column h-100 position-relative d-flex bg-opacity-75 opacity-50 align-items-center ratio-xl-1x1">
5555
<a class="icon-link icon-link-hover stretched-link link-body-emphasis text-decoration-none d-block text-center my-auto" href="{{ route('advertising') }}">
5656

5757
<span class="d-block mb-3">

0 commit comments

Comments
 (0)