diff --git a/public/style.css b/public/style.css index 2eabf94..ea97616 100644 --- a/public/style.css +++ b/public/style.css @@ -11,10 +11,7 @@ body { color: var(--dark-2); } - -/* Bootstrap overides ------------------------------------------------ */ - +/* Bootstrap overides */ .bg-dark { background-color: var(--dark) !important; } @@ -42,41 +39,10 @@ body { margin: auto; } - .main { background: linear-gradient(180deg, var(--dark-2) 0%, var(--dark-2) 420px, var(--white) 420px); } -@media screen and (min-width: 768px) { - .main { - background: linear-gradient(180deg, var(--dark-2) 0%, var(--dark-2) 360px, var(--white) 360px); - } -} - -@media screen and (min-width: 992px) { - .main { - background: linear-gradient(180deg, var(--dark-2) 0%, var(--dark-2) 420px, var(--white) 420px); - } - - .home-page .main::before { - display: block; - content: ''; - position: absolute; - right: 0; - height: 90vh; - width: 50vw; - background-image: url(./img/home-image.png); - background-repeat: no-repeat; - } -} - -@media screen and (min-width: 768px) { - .friends-graph-page #profileGen, - .timeline-graph-page #profileGen { - margin-top: -84px - } -} - .card .actions { position: absolute; right: 16px; @@ -114,3 +80,30 @@ body { fill: var(--primary); opacity: 1; } + +@media screen and (min-width: 768px) { + .main { + background: linear-gradient(180deg, var(--dark-2) 0%, var(--dark-2) 360px, var(--white) 360px); + } + .friends-graph-page #profileGen, + .timeline-graph-page #profileGen { + margin-top: -84px + } +} + +@media screen and (min-width: 992px) { + .main { + background: linear-gradient(180deg, var(--dark-2) 0%, var(--dark-2) 420px, var(--white) 420px); + } + + .home-page .main::before { + display: block; + content: ''; + position: absolute; + right: 0; + height: 90vh; + width: 50vw; + background-image: url(./img/home-image.png); + background-repeat: no-repeat; + } +} \ No newline at end of file