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

64
color-test.html
View file

@ -21,44 +21,44 @@
<body>
<div id="wrapper">
<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>
</button>
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
<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>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Accueil</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Ma philosophie</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Galleries
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#">Truc 1</a>
<a class="dropdown-item" href="#">Truc 2</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Voir gallerie entière</a>
</div>
</li>
</ul>
</div>
</nav>
</div>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Accueil</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Ma philosophie</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Galleries
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#">Truc 1</a>
<a class="dropdown-item" href="#">Truc 2</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Voir gallerie entière</a>
</div>
</li>
</ul>
</div>
</nav>
<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>

6
index.html
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>

4
minimal.html
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>

60
preview.html
View file

@ -22,43 +22,45 @@
<body>
<div id="wrapper">
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
<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>
</button>
<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>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Accueil</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Ma philosophie</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Galleries
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#">Truc 1</a>
<a class="dropdown-item" href="#">Truc 2</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Voir gallerie entière</a>
</div>
</li>
</ul>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Accueil</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Ma philosophie</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Galleries
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#">Truc 1</a>
<a class="dropdown-item" href="#">Truc 2</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Voir gallerie entière</a>
</div>
</li>
</ul>
</div>
</nav>
</div>
</nav>
<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>

3
scss/_global.scss
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 */

5
style.css
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 */

2
style.css.map
View file

File diff suppressed because one or more lines are too long