improvement: use container-semifluid everywhere

This commit is contained in:
Kazhnuz 2019-11-18 13:16:22 +01:00
parent 68d053cfdf
commit 79520c3d38
7 changed files with 69 additions and 75 deletions

View file

@ -21,8 +21,8 @@
<body>
<div id="wrapper">
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
<div class="navhead navhead-primary">
<nav class="navbar navbar-expand-lg container-semifluid">
<a class="navbar-brand" href="#">kazhnuz.space</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
@ -49,16 +49,16 @@
</li>
</ul>
</div>
</nav>
</nav>
</div>
<header class="container">
<header class="container-semifluid">
<div class="row">
<h1> Test des couleurs</h1>
</div>
</header>
<section class="container">
<section class="container-semifluid">
<div class="row">
@ -304,7 +304,7 @@ In id suscipit elit.</code></pre>
</div>
<footer class="container">
<footer class="container-semifluid">
<ul class="social">
<li class="social-li"><a class="social-link" href="https://twitter.com/kazhnuz" alt="Twitter"><i class="fa fa-fw fa-twitter"></i></a></li>

View file

@ -22,7 +22,7 @@
<body>
<div id="wrapper">
<header id="page-header">
<header id="page-header" class="container-semifluid">
<nav class="navbar navbar-expand-lg navbar-dark navbar-transparent">
<a class="navbar-brand" href="#">Blue Sky</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
@ -58,7 +58,7 @@
</header>
<div id="global-area" class="index-layout">
<div id="global-area" class="index-layout container-semifluid">
<main id="page-main">
<nav aria-label="breadcrumb">
@ -257,7 +257,7 @@
</div>
<footer id="page-footer">
<footer id="page-footer" class="container-semifluid">
<ul class="social">
<li class="social-li"><a class="social-link" href="https://twitter.com/kazhnuz" alt="Twitter"><i class="fa fa-fw fa-twitter"></i></a></li>

View file

@ -22,7 +22,7 @@
<body>
<div id="wrapper">
<header id="page-header">
<header id="page-header" class="container-semifluid">
<nav class="navbar navbar-expand-lg navbar-dark navbar-transparent">
<a class="navbar-brand" href="#">Blue Sky</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
@ -64,7 +64,7 @@
</div>
<footer id="page-footer">
<footer id="page-footer" class="container-semifluid">
<ul class="social">
<li class="social-li"><a class="social-link" href="https://twitter.com/kazhnuz" alt="Twitter"><i class="fa fa-fw fa-twitter"></i></a></li>

View file

@ -22,7 +22,8 @@
<body>
<div id="wrapper">
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
<div class="navhead navhead-primary">
<nav class="navbar navbar-expand-lg container-semifluid">
<a class="navbar-brand" href="#">kazhnuz.space</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
@ -49,16 +50,17 @@
</li>
</ul>
</div>
</nav>
</nav>
</div>
<header class="container">
<header class="container-semifluid">
<div class="row">
<h1 style="margin:auto;text-align:center;">Previews</h1>
</div>
</header>
<section class="container">
<section class="container-semifluid">
<div class="row">
<aside class="sidebar col-lg-3">
@ -237,7 +239,7 @@
</div>
<footer class="container">
<footer class="container-semifluid">
<ul class="social">
<li class="social-li"><a class="social-link" href="https://twitter.com/kazhnuz" alt="Twitter"><i class="fa fa-fw fa-twitter"></i></a></li>

View file

@ -30,7 +30,6 @@ $wrapper-padding: $baselinerem * 3;
}
@mixin row() {
max-width: $max-size;
margin: auto;
}
@ -106,8 +105,6 @@ header h1 {
margin-top: $baselinerem;
padding-bottom: $baselinerem;
@include row();
padding-left:$wrapper-padding;
padding-right:$wrapper-padding;
}
/* social media */

View file

@ -494,7 +494,6 @@ body {
}
#global-area {
max-width: 1600px;
margin: auto;
}
@media (min-width: 1200px) {
@ -512,7 +511,6 @@ body {
/* 02.1 - Header */
#page-header {
max-width: 1600px;
margin: auto;
}
@ -538,10 +536,7 @@ header h1 {
#page-footer {
margin-top: 1.5rem;
padding-bottom: 1.5rem;
max-width: 1600px;
margin: auto;
padding-left: 4.5rem;
padding-right: 4.5rem;
}
/* social media */

File diff suppressed because one or more lines are too long