improvement: use container-semifluid everywhere
This commit is contained in:
parent
68d053cfdf
commit
79520c3d38
7 changed files with 69 additions and 75 deletions
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
12
preview.html
12
preview.html
|
@ -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>
|
||||
|
|
|
@ -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 */
|
||||
|
|
|
@ -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
Reference in a new issue