From 72155864de9d2276a6f0ea7eb87b87a766b7906a Mon Sep 17 00:00:00 2001 From: wagurano Date: Wed, 17 Feb 2021 22:11:49 +0900 Subject: [PATCH] =?UTF-8?q?=EC=8A=AC=EB=9D=BC=EC=9D=B4=EB=8D=94=20?= =?UTF-8?q?=EC=96=91=EC=AA=BD=20=EB=B2=84=ED=8A=BC=EC=97=90=20=EA=B7=B8?= =?UTF-8?q?=EB=A6=BC=EC=9E=90=EB=A5=BC=20=EB=84=A3=EC=8A=B5=EB=8B=88?= =?UTF-8?q?=EB=8B=A4.#45=20(#58)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app/assets/stylesheets/parti.scss | 14 ++++++++++++++ app/views/pages/home.html.haml | 7 +++++-- 2 files changed, 19 insertions(+), 2 deletions(-) diff --git a/app/assets/stylesheets/parti.scss b/app/assets/stylesheets/parti.scss index 86f3c16..b2825c2 100644 --- a/app/assets/stylesheets/parti.scss +++ b/app/assets/stylesheets/parti.scss @@ -382,6 +382,20 @@ footer{ border-color: #7d7d7d; } +.icon-shadow-top{ + margin-top: -3px; +} + +.prev-icon-shadow{ + margin-right: -24px; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23f' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e"); +} + +.next-icon-shadow{ + margin-right: -16px; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23f' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e"); +} + @media (min-width: 768px){ .navbar{ padding: 1rem 1.5rem; diff --git a/app/views/pages/home.html.haml b/app/views/pages/home.html.haml index ed79db2..9f59bb7 100644 --- a/app/views/pages/home.html.haml +++ b/app/views/pages/home.html.haml @@ -24,9 +24,12 @@ %h2.badge-primary = Post.find(2).title %a.carousel-control-prev{"data-bs-slide" => "prev", :href => "#introSlide", :role => "button"} - %span.carousel-control-prev-icon{"aria-hidden" => "true"} + %span.carousel-control-prev-icon.prev-icon-shadow{"aria-hidden" => "true"} + %span.carousel-control-prev-icon.icon-shadow-top{"aria-hidden" => "true"} + %a.carousel-control-next{"data-bs-slide" => "next", :href => "#introSlide", :role => "button"} - %span.carousel-control-next-icon{"aria-hidden" => "true"} + %span.carousel-control-next-icon.next-icon-shadow{"aria-hidden" => "true"} + %span.carousel-control-next-icon.icon-shadow-top{"aria-hidden" => "true"} %section.my-5