Responsively scale aside
This commit is contained in:
parent
94e4ad21b8
commit
47e5c8eb94
|
@ -1,6 +1,6 @@
|
||||||
{
|
{
|
||||||
"name": "about",
|
"name": "about",
|
||||||
"version": "1.3.7",
|
"version": "1.3.8",
|
||||||
"description": "All about Florine",
|
"description": "All about Florine",
|
||||||
"author": "Florine W. Dekker",
|
"author": "Florine W. Dekker",
|
||||||
"browser": "dist/bundle.js",
|
"browser": "dist/bundle.js",
|
||||||
|
|
|
@ -1,6 +1,26 @@
|
||||||
|
@media (max-width: 768px) {
|
||||||
:root {
|
:root {
|
||||||
--aside-width: 215px !important;
|
--aside-width: 215px !important;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 768px) and (max-width: 992px) {
|
||||||
|
:root {
|
||||||
|
--aside-width: 230px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) and (max-width: 1200px) {
|
||||||
|
:root {
|
||||||
|
--aside-width: 240px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1200px) {
|
||||||
|
:root {
|
||||||
|
--aside-width: 255px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
#socials-span a {
|
#socials-span a {
|
||||||
text-decoration: none !important;
|
text-decoration: none !important;
|
||||||
|
|
Loading…
Reference in New Issue