From 34f602704cf14fafa6ef3cb6f800553a837dfaaf Mon Sep 17 00:00:00 2001 From: Harald Wolff-Thobaben Date: Tue, 23 Nov 2021 00:38:09 +0100 Subject: [PATCH] delete unused stylesheet mobile.css --- css/mobile.css | 221 ------------------------------------------------- 1 file changed, 221 deletions(-) delete mode 100755 css/mobile.css diff --git a/css/mobile.css b/css/mobile.css deleted file mode 100755 index 81c7843..0000000 --- a/css/mobile.css +++ /dev/null @@ -1,221 +0,0 @@ - -:root { - --contentWidth: 90%; -} - - -/**************************************************** - Header Area -****************************************************/ - - -/**************************************************** - Component Area -****************************************************/ - -main > .wrapper { - display: block; -} - -#component, #left, #right { - padding: 0 20px; -} - -#component { - order: 1; -} - -#left { - order: 2; -} - -#right { - order: 3; -} - -#left, #right { - float: none; - width: unset; -} - -#component:not(:last-child), #left:not(:last-child), #right:not(:last-child) { - border-bottom: 1px solid #C0C0C0; -} - -main > .wrapper > :last-child { - margin-bottom: 80px; -} - - -/**************************************************** - Navigation -****************************************************/ - -.burger-menu, .sub-menu { - display: inline-block; - line-height: 55px; - height: 60px; - text-align: right; - - appearance: none; -} -.burger-menu::after { - font-family: 'Font Awesome 5 Free'; - font-weight: 900; - font-size: 32px; - content: '\f0c9'; - - padding-right: 12px; -} -.burger-menu, .sub-menu { - color: white; -} -.burger-menu:checked, .sub-menu:checked { - color: black; -} - -.sub-menu::after { - padding-right: 12px; - font-size: 20px; -} - -.burger-menu + .nav { - display: none; -} - -.burger-menu:checked + .nav { - display: grid; - position: fixed; - top: 62px; - left: 0px; - right: 0px; - - background-color: darkgray; - - grid-template-rows: auto; - - box-sizing: border-box; - border: 1px solid gray; -} - -.nav li { - position: static; - display: grid; - grid-template-columns: auto; - grid-template-rows: auto auto; - padding: 0px; - overflow: hidden; -} - -#header .nav > li { - margin: 0px; - border-bottom: 1px solid gray; -} -#header .nav-child > li { - border-bottom: 1px solid #404040; -} - -.nav li.parent { - grid-template-columns: auto 40px; - grid-template-rows: auto auto; -} - -#header .nav > li, .nav-child > li { - text-decoration: none; - box-sizing: border-box; - - margin: 0px; - /*padding: 0px 20px;*/ - width: 100%; - - float: none; - line-height: 55px; -} - -.nav-child > li > a { - line-height: 55px; -} - -.nav > li > a::after { - text-align: right; - float: right; -} - -#header .nav li:hover > a { - border-bottom: none; -} -#header .nav li.active > a { - text-decoration: underline; - border-bottom: none; -} - -#header .nav li.parent > a::after { - display: none; - content: ''; -} - -#header .nav li > .sub-menu:checked~ul { - display: grid; - grid-template-rows: auto; -} - -.nav li > a { - position: static; - padding: 0px 20px; -} - -.parent > .nav-child { - display: none; - position: static; - width: unset; - background-color: gray; - list-style-type: none; - padding-inline-start: 0px; - border-top: 1px solid gray; - - visibility: visible; - opacity: 1; - - padding: 0px; - - grid-column: 1 / 3; -} - -.parent:hover > .nav-child { - visibility: unset; -} - - -/**************************************************** - Content -****************************************************/ - -.blog-items.columns-2 { - grid-template-columns: repeat(1, 1fr); -} - -.blog-item { - position: relative; - display: block; - clear: both; - margin-bottom: 24px; -} - -.blog-item img { - display: block; - float: unset; -} -.blog-item img + * { - clear: both; -} - -.item-image { - display: block; - margin: 0.5em; - top: 0px; -} - -.item-image.left, .item-image.right { - float: unset; -} -