diff --git a/resources/assets/less/app.less b/resources/assets/less/app.less index 09eea44..a164d34 100644 --- a/resources/assets/less/app.less +++ b/resources/assets/less/app.less @@ -1,5 +1,6 @@ @import "bootstrap"; @import "var"; +@import "nav"; /* | @@ -13,25 +14,39 @@ html, body { } body { + min-width: 300px; margin: 0; padding: 0; line-height: 1.5; + font-weight: 100; color: @c_text; } body.index { - display: table; - font-weight: 100; - .container { - text-align: center; - display: table-cell; - vertical-align: middle; - .content { text-align: center; - display: inline-block; - .title { font-size: 96px; } + + .title { + position: relative; + top: ~"calc(50vh - 131px)"; + font-size: 96px; + + @media (max-width: 1225px) { + top: ~"calc(50vh - 119px)"; + font-size: 82px; + } + + @media (max-width: 1025px) { + top: ~"calc(50vh - 97px)"; + font-size: 58px; + } + + @media (max-width: (@screen-sm - 1)) { + top: ~"calc(50vh - 83px)"; + font-size: 42px; + } + } } } } diff --git a/resources/assets/less/nav.less b/resources/assets/less/nav.less new file mode 100644 index 0000000..9ba693f --- /dev/null +++ b/resources/assets/less/nav.less @@ -0,0 +1,3 @@ +nav { + z-index: 1; +} diff --git a/resources/views/elements/nav.blade.php b/resources/views/elements/nav.blade.php new file mode 100644 index 0000000..a333a2d --- /dev/null +++ b/resources/views/elements/nav.blade.php @@ -0,0 +1,33 @@ + diff --git a/resources/views/main.blade.php b/resources/views/main.blade.php index 555ae93..9b4b307 100644 --- a/resources/views/main.blade.php +++ b/resources/views/main.blade.php @@ -15,6 +15,7 @@ + @include('elements.nav') @yield('page')