steffo/bluelib
steffo/bluelib
1
Fork 0
mirror of https://github.com/Steffo99/bluelib.git synced 2024-12-22 11:34:21 +00:00
Code Activity

Use the proper way to override CSS specificity in Bluelib

Browse source
This commit is contained in:
Steffo 2022-10-14 14:54:02 +00:00 committed by GitHub
parent d6add6bbb3
commit 1c87ca955f
Signed by: github
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 21 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

40
examples/index.css
View file

@ -1,34 +1,34 @@
body { #body {
background-image: url("Space_Default.jpg"); background-image: url("Space_Default.jpg");
background-attachment: fixed; background-attachment: fixed;
background-size: cover; background-size: cover;
} }
.chapter-1 > .panel, #body .chapter-1 > .panel,
.chapter-2 > .panel, #body .chapter-2 > .panel,
.chapter-3 > .panel, #body .chapter-3 > .panel,
.chapter-4 > .panel, #body .chapter-4 > .panel,
.chapter-5 > .panel, #body .chapter-5 > .panel,
.chapter-6 > .panel, #body .chapter-6 > .panel,
.chapter-7 > .panel, #body .chapter-7 > .panel,
.chapter-8 > .panel, #body .chapter-8 > .panel,
.chapter-9 > .panel { #body .chapter-9 > .panel {
min-width: 200px; min-width: 200px;
} }
.panel .chapter-1 > .panel, #body .panel .chapter-1 > .panel,
.panel .chapter-2 > .panel, #body .panel .chapter-2 > .panel,
.panel .chapter-3 > .panel, #body .panel .chapter-3 > .panel,
.panel .chapter-4 > .panel, #body .panel .chapter-4 > .panel,
.panel .chapter-5 > .panel, #body .panel .chapter-5 > .panel,
.panel .chapter-6 > .panel, #body .panel .chapter-6 > .panel,
.panel .chapter-7 > .panel, #body .panel .chapter-7 > .panel,
.panel .chapter-8 > .panel, #body .panel .chapter-8 > .panel,
.panel .chapter-9 > .panel { #body .panel .chapter-9 > .panel {
min-width: unset; min-width: unset;
} }
article { #body article {
margin: 0 auto; margin: 0 auto;
max-width: 1600px; max-width: 1600px;

2
examples/index.html
View file

@ -20,7 +20,7 @@
<script src="./index.js"></script> <script src="./index.js"></script>
<title>Bluelib</title> <title>Bluelib</title>
</head> </head>
<body class="theme-bluelib"> <body id="body" class="theme-bluelib">
<hgroup> <hgroup>
</hgroup> </hgroup>
<div class="layout layout-threecol"> <div class="layout layout-threecol">