Mirroring/tailblocks
1
0
Fork 0
mirror of https://github.com/mertJF/tailblocks.git synced 2025-12-08 17:03:24 +00:00
Code Issues Projects Releases Wiki Activity

App :: making responsive II

Browse Source
This commit is contained in:
mertJF
2020-05-23 11:59:31 +03:00
parent 146d19522b
commit 5576e236df
1 changed files with 24 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/index.css
View File

@@ -559,12 +559,17 @@ pre, code {
right: 20px; right: 20px;
bottom: 20px; bottom: 20px;
background-color: var(--solid-900); background-color: var(--solid-900);
color: var(--main-100); color: #fff;
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.dark-mode .github {
color: #1a202c;
background-color: #fff;
}
.clipboard-wrapper { .clipboard-wrapper {
display: flex; display: flex;
flex-direction: row-reverse; flex-direction: row-reverse;
@@ -608,7 +613,7 @@ pre, code {
@media (max-width: 760px) { @media (max-width: 760px) {
.copy-the-block, .switcher { .copy-the-block {
display: none; display: none;
} }
@@ -628,4 +633,21 @@ pre, code {
.mode { .mode {
margin-left: auto; margin-left: auto;
} }
.sidebar {
z-index: 2;
}
.switcher {
position: fixed;
bottom: 24px;
z-index: 1;
background-color: #fff;
border: 1px solid var(--base-200);
left: 20px;
}
.dark-mode .switcher {
background-color: #1a202c;
}
} }