kazhnuz/bluesky-bootstrap-theme
Archived
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

improvement: use container-semifluid everywhere

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

14
color-test.html
View file

@ -21,8 +21,8 @@
<body> <body>
<div id="wrapper"> <div id="wrapper">
<div class="navhead navhead-primary">
<nav class="navbar navbar-expand-lg navbar-dark bg-primary"> <nav class="navbar navbar-expand-lg container-semifluid">
<a class="navbar-brand" href="#">kazhnuz.space</a> <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"> <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> <span class="navbar-toggler-icon"></span>
@ -49,16 +49,16 @@
</li> </li>
</ul> </ul>
</div> </div>
</nav> </nav>
</div>
<header class="container-semifluid">
<header class="container">
<div class="row"> <div class="row">
<h1> Test des couleurs</h1> <h1> Test des couleurs</h1>
</div> </div>
</header> </header>
<section class="container"> <section class="container-semifluid">
<div class="row"> <div class="row">
@ -304,7 +304,7 @@ In id suscipit elit.</code></pre>
</div> </div>
<footer class="container"> <footer class="container-semifluid">
<ul class="social"> <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> <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>

6
index.html
View file

@ -22,7 +22,7 @@
<body> <body>
<div id="wrapper"> <div id="wrapper">
<header id="page-header"> <header id="page-header" class="container-semifluid">
<nav class="navbar navbar-expand-lg navbar-dark navbar-transparent"> <nav class="navbar navbar-expand-lg navbar-dark navbar-transparent">
<a class="navbar-brand" href="#">Blue Sky</a> <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"> <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> </header>
<div id="global-area" class="index-layout"> <div id="global-area" class="index-layout container-semifluid">
<main id="page-main"> <main id="page-main">
<nav aria-label="breadcrumb"> <nav aria-label="breadcrumb">
@ -257,7 +257,7 @@
</div> </div>
<footer id="page-footer"> <footer id="page-footer" class="container-semifluid">
<ul class="social"> <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> <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>

4
minimal.html
View file

@ -22,7 +22,7 @@
<body> <body>
<div id="wrapper"> <div id="wrapper">
<header id="page-header"> <header id="page-header" class="container-semifluid">
<nav class="navbar navbar-expand-lg navbar-dark navbar-transparent"> <nav class="navbar navbar-expand-lg navbar-dark navbar-transparent">
<a class="navbar-brand" href="#">Blue Sky</a> <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"> <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> </div>
<footer id="page-footer"> <footer id="page-footer" class="container-semifluid">
<ul class="social"> <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> <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
View file

@ -22,7 +22,8 @@
<body> <body>
<div id="wrapper"> <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> <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"> <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> <span class="navbar-toggler-icon"></span>
@ -49,16 +50,17 @@
</li> </li>
</ul> </ul>
</div> </div>
</nav> </nav>
</div>
<header class="container"> <header class="container-semifluid">
<div class="row"> <div class="row">
<h1 style="margin:auto;text-align:center;">Previews</h1> <h1 style="margin:auto;text-align:center;">Previews</h1>
</div> </div>
</header> </header>
<section class="container"> <section class="container-semifluid">
<div class="row"> <div class="row">
<aside class="sidebar col-lg-3"> <aside class="sidebar col-lg-3">
@ -237,7 +239,7 @@
</div> </div>
<footer class="container"> <footer class="container-semifluid">
<ul class="social"> <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> <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>

3
scss/_global.scss
View file

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

5
style.css
View file

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

2
style.css.map
View file

File diff suppressed because one or more lines are too long