From 4483b14c87c0d1721ca54bf98184d43391b24ce3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ferit=20Yi=C4=9Fit=20BALABAN?= Date: Sat, 23 Jul 2022 00:42:38 +0300 Subject: [PATCH] Rescale fonts and rework hr in brands --- index.html | 12 ++++---- resources/css/views/index.scss | 51 +++++++++++++++++++--------------- 2 files changed, 34 insertions(+), 29 deletions(-) diff --git a/index.html b/index.html index dc3a104..34d4bd6 100644 --- a/index.html +++ b/index.html @@ -52,23 +52,23 @@

Güvenilir alışverişin
merkezine
hoşgeldiniz!

+
Uğur Galeri U logosu -
-
+

Şirketimiz 4 Nisan 2001 tarihinde Karacabey, Bursa'da ikinci el ticari araç ve ağır vasıta satışına başlamıştır. Köklü galericilik deneyimini, satış politikalarını ve zamana ayak uyduran yenilikçi bakış açısını bünyesinde harmanlayan, sektöre yön veren ve yapmış olduğu işler ile sektördeki varlığını kanıtlamış bir firmadır. Satın alma için tıklayınız.

Uğur Koçak Treyler logosu -
-
+

Uğur Koçak Treyler, müşteri gereksinimlerine istinaden 21 Eylül 2012 tarihinde sıfır araç satışı yapmak için kurulmuştur. Firma Uğur Galeri yerleşkesi içerisinde distribütörlük/bayilik anlaşması yapmış olduğu ağır vasıta sektörünün treyler grubunda öncü firmalar ile çalışmakta olup müşterilerin ihtiyaçlarına en hızlı, en doğru ve en kullanışlı biçimde cevap verebilecek niteliktedir.
Satış yelpazesinde Krone, Makinsan ve Otokar firmaları yer almaktadır. Satın alma için tıklayınız.

galericilerden.com logosu -
-
+

2018 yılında interaktif satışın müşterilerin talepleri doğrultusunda mevcut ürünlerin tanıtımı ve pazarlanması amacıyla Uğur Galeri bünyesinde e-ticaret alışveriş sitesi olarak kurulmuştur. Hedefimiz, galeri sahiplerinin güvenilir bir platformda araçlarını detaylı biçimde sunabilmeleri; müşterilerin de ihtiyaçlarına göre güvenilir ve uygun şekilde ulaşmalarını sağlamaktır.

diff --git a/resources/css/views/index.scss b/resources/css/views/index.scss index e31df76..9f1e8c2 100644 --- a/resources/css/views/index.scss +++ b/resources/css/views/index.scss @@ -38,6 +38,11 @@ $social-button_inner_margin: 10px; } } +.araclar { + text-align: center; + font: 600 32px "Montserrat", sans-serif; +} + .table { display: flex; flex-direction: column; @@ -46,7 +51,6 @@ $social-button_inner_margin: 10px; margin-top: $table-item_margin_between_items; display: inline-flex; flex-direction: row; - align-items: center; p { font: x-large sans-serif; @@ -56,11 +60,16 @@ $social-button_inner_margin: 10px; } @include mixins.mx_index_brands_fix2 { - font-size: xx-small; + font-size: 18px; + } + + @include mixins.mx_mobile { + font-size: 16px; } } img { + align-self: center; margin-right: math.div(variables.$px_horizontalPadding, 10); width: $table-item_img_width_l; @@ -80,34 +89,25 @@ $social-button_inner_margin: 10px; } } - .vertical-separator { - // vertical-separator makes an empty div behave as a separator which aligned vertically - height: $table-item_img_width + 20px; - border: solid 1px variables.$clr_brand; - margin-right: 9 * math.div(variables.$px_horizontalPadding, 10); + hr { + min-height: 100%; + max-height: 100vh; + width: 5px; + background: variables.$clr_brand; + margin-right: 9 * math.div(variables.$px_horizontalPadding, 10) - 5; @include mixins.mx_index_brands_fix { - margin-right: 9 * math.div(variables.$px_horizontalPadding2, 10); + margin-right: 9 * math.div(variables.$px_horizontalPadding2, 10) - 5; } @include mixins.mx_index_brands_fix2 { - margin-right: 9 * math.div(variables.$px_horizontalPadding3, 10); + margin-right: 9 * math.div(variables.$px_horizontalPadding3, 10) - 5; } @include mixins.mx_mobile { - display: none; - } - } - - .horizontal-separator { - // horizontal-separator makes an empty div behave as a separator which aligned horizontally - display: none; - width: $table-item_img_width + 20px; - border: solid 1px variables.$clr_brand; - margin: 0 0 18px 0; - - @include mixins.mx_mobile { - display: block; + width: $table-item_img_width + 20px; + border: solid 1px variables.$clr_brand; + margin: 0 0 18px 0; } } @@ -117,6 +117,7 @@ $social-button_inner_margin: 10px; @include mixins.mx_mobile { flex-direction: column; + align-items: center; } } @@ -139,7 +140,7 @@ $social-button_inner_margin: 10px; } } - .vertical-separator { + hr { margin-right: 0; margin-left: 9 * math.div(variables.$px_horizontalPadding, 10);; @@ -150,6 +151,10 @@ $social-button_inner_margin: 10px; @include mixins.mx_index_brands_fix2 { margin-left: 9 * math.div(variables.$px_horizontalPadding3, 10); } + + @include mixins.mx_mobile { + margin: 0 0 18px 0; + } } @include mixins.mx_mobile {