Verified Commit e3b8005e authored by Aral Balkan's avatar Aral Balkan
Browse files

Improve platform tabs display on narrower viewports

parent f1121091
......@@ -31,7 +31,6 @@
body, h1, h2, h3, h4, h5, h6, p, ol, ul { margin: 0; padding: 0; font-weight: normal; }
ol, ul { list-style: none; }
img { max-width: 100%; height: auto; }
span { white-space: pre; }
/********************************************************************************
......@@ -219,6 +218,10 @@ pre, code[class*="language-"], pre[class*="language-"], pre code span {
margin-left: 0.25em;
}
#platform-tabs li:first-of-type {
margin-left: 0;
}
#platform-tabs li button.active {
background-color: lightblue;
}
......@@ -742,3 +745,20 @@ footer {
margin-bottom: 1em;
}
}
/* The tab bar splits into two lines */
@media(max-width: 472px) {
#platform-tabs li button {
font-size: 1.25em;
padding-left: 1rem;
padding-right: 1rem;
}
}
/* The tab bar split into two lines again */
@media(max-width: 337px) {
#platform-tabs li button {
font-size: 1em;
font-weight: 500;
}
}
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment