nick12
/
hmn
forked from hmn/hmn
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Compile .scss assets

This commit is contained in:
Jake Mason 2023-01-16 23:02:54 -05:00
parent df253d0a33
commit 1825e93b04
1 changed files with 111 additions and 86 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

197
public/style.css
View File

@ -540,7 +540,7 @@ input[type="url"],
height: 100%; height: 100%;
z-index: 100; } z-index: 100; }
@media screen and (min-width: 30em) { @media screen and (min-width: 35em) {
.aspect-ratio-ns { .aspect-ratio-ns {
height: 0; height: 0;
position: relative; } position: relative; }
@ -576,7 +576,7 @@ input[type="url"],
height: 100%; height: 100%;
z-index: 100; } } z-index: 100; } }
@media screen and (min-width: 30em) and (max-width: 60em) { @media screen and (min-width: 35em) and (max-width: 60em) {
.aspect-ratio-m { .aspect-ratio-m {
height: 0; height: 0;
position: relative; } position: relative; }
@ -679,13 +679,13 @@ img, video {
.contain { .contain {
background-size: contain !important; } background-size: contain !important; }
@media screen and (min-width: 30em) { @media screen and (min-width: 35em) {
.cover-ns { .cover-ns {
background-size: cover !important; } background-size: cover !important; }
.contain-ns { .contain-ns {
background-size: contain !important; } } background-size: contain !important; } }
@media screen and (min-width: 30em) and (max-width: 60em) { @media screen and (min-width: 35em) and (max-width: 60em) {
.cover-m { .cover-m {
background-size: cover !important; } background-size: cover !important; }
.contain-m { .contain-m {
@ -737,7 +737,7 @@ img, video {
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center left; } background-position: center left; }
@media screen and (min-width: 30em) { @media screen and (min-width: 35em) {
.bg-center-ns { .bg-center-ns {
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center center; } background-position: center center; }
@ -754,7 +754,7 @@ img, video {
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center left; } } background-position: center left; } }
@media screen and (min-width: 30em) and (max-width: 60em) { @media screen and (min-width: 35em) and (max-width: 60em) {
.bg-center-m { .bg-center-m {
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center center; } background-position: center center; }
@ -807,7 +807,7 @@ img, video {
.outline-0 { .outline-0 {
outline: 0; } outline: 0; }
@media screen and (min-width: 30em) { @media screen and (min-width: 35em) {
.outline-ns { .outline-ns {
outline: 1px solid; } outline: 1px solid; }
.outline-transparent-ns { .outline-transparent-ns {
@ -815,7 +815,7 @@ img, video {
.outline-0-ns { .outline-0-ns {
outline: 0; } } outline: 0; } }
@media screen and (min-width: 30em) and (max-width: 60em) { @media screen and (min-width: 35em) and (max-width: 60em) {
.outline-m { .outline-m {
outline: 1px solid; } outline: 1px solid; }
.outline-transparent-m { .outline-transparent-m {
@ -877,7 +877,7 @@ img, video {
border-style: none; border-style: none;
border-width: 0; } border-width: 0; }
@media screen and (min-width: 30em) { @media screen and (min-width: 35em) {
.ba-ns { .ba-ns {
border-style: solid; border-style: solid;
border-width: 1px; } border-width: 1px; }
@ -897,7 +897,7 @@ img, video {
border-style: none; border-style: none;
border-width: 0; } } border-width: 0; } }
@media screen and (min-width: 30em) and (max-width: 60em) { @media screen and (min-width: 35em) and (max-width: 60em) {
.ba-m { .ba-m {
border-style: solid; border-style: solid;
border-width: 1px; } border-width: 1px; }
@ -1204,7 +1204,7 @@ img, video {
border-top-right-radius: 0; border-top-right-radius: 0;
border-bottom-right-radius: 0; } border-bottom-right-radius: 0; }
@media screen and (min-width: 30em) { @media screen and (min-width: 35em) {
.br0-ns { .br0-ns {
border-radius: 0; } border-radius: 0; }
.br1-ns { .br1-ns {
@ -1232,7 +1232,7 @@ img, video {
border-top-right-radius: 0; border-top-right-radius: 0;
border-bottom-right-radius: 0; } } border-bottom-right-radius: 0; } }
@media screen and (min-width: 30em) and (max-width: 60em) { @media screen and (min-width: 35em) and (max-width: 60em) {
.br0-m { .br0-m {
border-radius: 0; } border-radius: 0; }
.br1-m { .br1-m {
@ -1322,7 +1322,7 @@ img, video {
.b--none { .b--none {
border-style: none; } border-style: none; }
@media screen and (min-width: 30em) { @media screen and (min-width: 35em) {
.b--dotted-ns { .b--dotted-ns {
border-style: dotted; } border-style: dotted; }
.b--dashed-ns { .b--dashed-ns {
@ -1332,7 +1332,7 @@ img, video {
.b--none-ns { .b--none-ns {
border-style: none; } } border-style: none; } }
@media screen and (min-width: 30em) and (max-width: 60em) { @media screen and (min-width: 35em) and (max-width: 60em) {
.b--dotted-m { .b--dotted-m {
border-style: dotted; } border-style: dotted; }
.b--dashed-m { .b--dashed-m {
@ -1405,7 +1405,7 @@ img, video {
.bl-0 { .bl-0 {
border-left-width: 0; } border-left-width: 0; }
@media screen and (min-width: 30em) { @media screen and (min-width: 35em) {
.bw0-ns { .bw0-ns {
border-width: 0; } border-width: 0; }
.bw1-ns { .bw1-ns {
@ -1427,7 +1427,7 @@ img, video {
.bl-0-ns { .bl-0-ns {
border-left-width: 0; } } border-left-width: 0; } }
@media screen and (min-width: 30em) and (max-width: 60em) { @media screen and (min-width: 35em) and (max-width: 60em) {
.bw0-m { .bw0-m {
border-width: 0; } border-width: 0; }
.bw1-m { .bw1-m {
@ -1497,7 +1497,7 @@ img, video {
.shadow-5 { .shadow-5 {
box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.2); } box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.2); }
@media screen and (min-width: 30em) { @media screen and (min-width: 35em) {
.shadow-1-ns { .shadow-1-ns {
box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2); } box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2); }
.shadow-2-ns { .shadow-2-ns {
@ -1509,7 +1509,7 @@ img, video {
.shadow-5-ns { .shadow-5-ns {
box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.2); } } box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.2); } }
@media screen and (min-width: 30em) and (max-width: 60em) { @media screen and (min-width: 35em) and (max-width: 60em) {
.shadow-1-m { .shadow-1-m {
box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2); } box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2); }
.shadow-2-m { .shadow-2-m {
@ -1635,7 +1635,7 @@ img, video {
bottom: 0; bottom: 0;
left: 0; } left: 0; }
@media screen and (min-width: 30em) { @media screen and (min-width: 35em) {
.top-0-ns { .top-0-ns {
top: 0; } top: 0; }
.left-0-ns { .left-0-ns {
@ -1682,7 +1682,7 @@ img, video {
bottom: 0; bottom: 0;
left: 0; } } left: 0; } }
@media screen and (min-width: 30em) and (max-width: 60em) { @media screen and (min-width: 35em) and (max-width: 60em) {
.top-0-m { .top-0-m {
top: 0; } top: 0; }
.left-0-m { .left-0-m {
@ -1807,7 +1807,7 @@ img, video {
.cn { .cn {
clear: none; } clear: none; }
@media screen and (min-width: 30em) { @media screen and (min-width: 35em) {
.cl-ns { .cl-ns {
clear: left; } clear: left; }
.cr-ns { .cr-ns {
@ -1817,7 +1817,7 @@ img, video {
.cn-ns { .cn-ns {
clear: none; } } clear: none; } }
@media screen and (min-width: 30em) and (max-width: 60em) { @media screen and (min-width: 35em) and (max-width: 60em) {
.cl-m { .cl-m {
clear: left; } clear: left; }
.cr-m { .cr-m {
@ -1903,7 +1903,7 @@ img, video {
table-layout: fixed; table-layout: fixed;
width: 100%; } width: 100%; }
@media screen and (min-width: 30em) { @media screen and (min-width: 35em) {
.dn-ns { .dn-ns {
display: none; } display: none; }
.di-ns { .di-ns {
@ -1930,7 +1930,7 @@ img, video {
table-layout: fixed; table-layout: fixed;
width: 100%; } } width: 100%; } }
@media screen and (min-width: 30em) and (max-width: 60em) { @media screen and (min-width: 35em) and (max-width: 60em) {
.dn-m { .dn-m {
display: none; } display: none; }
.di-m { .di-m {
@ -2138,7 +2138,7 @@ img, video {
.flex-shrink-1 { .flex-shrink-1 {
flex-shrink: 1; } flex-shrink: 1; }
@media screen and (min-width: 30em) { @media screen and (min-width: 35em) {
.flex-ns { .flex-ns {
display: flex; } display: flex; }
.inline-flex-ns { .inline-flex-ns {
@ -2236,7 +2236,7 @@ img, video {
.flex-shrink-1-ns { .flex-shrink-1-ns {
flex-shrink: 1; } } flex-shrink: 1; } }
@media screen and (min-width: 30em) and (max-width: 60em) { @media screen and (min-width: 35em) and (max-width: 60em) {
.flex-m { .flex-m {
display: flex; } display: flex; }
.inline-flex-m { .inline-flex-m {
@ -2468,7 +2468,7 @@ img, video {
.fn { .fn {
float: none; } float: none; }
@media screen and (min-width: 30em) { @media screen and (min-width: 35em) {
.fl-ns { .fl-ns {
float: left; float: left;
_display: inline; } _display: inline; }
@ -2478,7 +2478,7 @@ img, video {
.fn-ns { .fn-ns {
float: none; } } float: none; } }
@media screen and (min-width: 30em) and (max-width: 60em) { @media screen and (min-width: 35em) and (max-width: 60em) {
.fl-m { .fl-m {
float: left; float: left;
_display: inline; } _display: inline; }
@ -2570,13 +2570,13 @@ code, .code {
.fs-normal { .fs-normal {
font-style: normal; } font-style: normal; }
@media screen and (min-width: 30em) { @media screen and (min-width: 35em) {
.i-ns { .i-ns {
font-style: italic; } font-style: italic; }
.fs-normal-ns { .fs-normal-ns {
font-style: normal; } } font-style: normal; } }
@media screen and (min-width: 30em) and (max-width: 60em) { @media screen and (min-width: 35em) and (max-width: 60em) {
.i-m { .i-m {
font-style: italic; } font-style: italic; }
.fs-normal-m { .fs-normal-m {
@ -2646,7 +2646,7 @@ code, .code {
.fw9 { .fw9 {
font-weight: 900; } font-weight: 900; }
@media screen and (min-width: 30em) { @media screen and (min-width: 35em) {
.normal-ns { .normal-ns {
font-weight: normal; } font-weight: normal; }
.b-ns { .b-ns {
@ -2670,7 +2670,7 @@ code, .code {
.fw9-ns { .fw9-ns {
font-weight: 900; } } font-weight: 900; } }
@media screen and (min-width: 30em) and (max-width: 60em) { @media screen and (min-width: 35em) and (max-width: 60em) {
.normal-m { .normal-m {
font-weight: normal; } font-weight: normal; }
.b-m { .b-m {
@ -2819,7 +2819,7 @@ code, .code {
.h-inherit { .h-inherit {
height: inherit; } height: inherit; }
@media screen and (min-width: 30em) { @media screen and (min-width: 35em) {
.h1-ns { .h1-ns {
height: 1rem; } height: 1rem; }
.h2-ns { .h2-ns {
@ -2855,7 +2855,7 @@ code, .code {
.h-inherit-ns { .h-inherit-ns {
height: inherit; } } height: inherit; } }
@media screen and (min-width: 30em) and (max-width: 60em) { @media screen and (min-width: 35em) and (max-width: 60em) {
.h1-m { .h1-m {
height: 1rem; } height: 1rem; }
.h2-m { .h2-m {
@ -2947,7 +2947,7 @@ code, .code {
.tracked-mega { .tracked-mega {
letter-spacing: 0.25em; } letter-spacing: 0.25em; }
@media screen and (min-width: 30em) { @media screen and (min-width: 35em) {
.tracked-ns { .tracked-ns {
letter-spacing: 0.1em; } letter-spacing: 0.1em; }
.tracked-tight-ns { .tracked-tight-ns {
@ -2955,7 +2955,7 @@ code, .code {
.tracked-mega-ns { .tracked-mega-ns {
letter-spacing: 0.25em; } } letter-spacing: 0.25em; } }
@media screen and (min-width: 30em) and (max-width: 60em) { @media screen and (min-width: 35em) and (max-width: 60em) {
.tracked-m { .tracked-m {
letter-spacing: 0.1em; } letter-spacing: 0.1em; }
.tracked-tight-m { .tracked-tight-m {
@ -2991,7 +2991,7 @@ code, .code {
.lh-copy { .lh-copy {
line-height: 1.5; } line-height: 1.5; }
@media screen and (min-width: 30em) { @media screen and (min-width: 35em) {
.lh-solid-ns { .lh-solid-ns {
line-height: 1; } line-height: 1; }
.lh-title-ns { .lh-title-ns {
@ -2999,7 +2999,7 @@ code, .code {
.lh-copy-ns { .lh-copy-ns {
line-height: 1.5; } } line-height: 1.5; } }
@media screen and (min-width: 30em) and (max-width: 60em) { @media screen and (min-width: 35em) and (max-width: 60em) {
.lh-solid-m { .lh-solid-m {
line-height: 1; } line-height: 1; }
.lh-title-m { .lh-title-m {
@ -3114,7 +3114,7 @@ code, .code {
.mw-none { .mw-none {
max-width: none; } max-width: none; }
@media screen and (min-width: 30em) { @media screen and (min-width: 35em) {
.mw-100-ns { .mw-100-ns {
max-width: 100%; } max-width: 100%; }
.mw1-ns { .mw1-ns {
@ -3138,7 +3138,7 @@ code, .code {
.mw-none-ns { .mw-none-ns {
max-width: none; } } max-width: none; } }
@media screen and (min-width: 30em) and (max-width: 60em) { @media screen and (min-width: 35em) and (max-width: 60em) {
.mw-100-m { .mw-100-m {
max-width: 100%; } max-width: 100%; }
.mw1-m { .mw1-m {
@ -3303,7 +3303,7 @@ code, .code {
.w-auto { .w-auto {
width: auto; } width: auto; }
@media screen and (min-width: 30em) { @media screen and (min-width: 35em) {
.w1-ns { .w1-ns {
width: 1rem; } width: 1rem; }
.w2-ns { .w2-ns {
@ -3355,7 +3355,7 @@ code, .code {
.w-auto-ns { .w-auto-ns {
width: auto; } } width: auto; } }
@media screen and (min-width: 30em) and (max-width: 60em) { @media screen and (min-width: 35em) and (max-width: 60em) {
.w1-m { .w1-m {
width: 1rem; } width: 1rem; }
.w2-m { .w2-m {
@ -3505,7 +3505,7 @@ code, .code {
.overflow-y-auto { .overflow-y-auto {
overflow-y: auto; } overflow-y: auto; }
@media screen and (min-width: 30em) { @media screen and (min-width: 35em) {
.overflow-visible-ns { .overflow-visible-ns {
overflow: visible; } overflow: visible; }
.overflow-hidden-ns { .overflow-hidden-ns {
@ -3531,7 +3531,7 @@ code, .code {
.overflow-y-auto-ns { .overflow-y-auto-ns {
overflow-y: auto; } } overflow-y: auto; } }
@media screen and (min-width: 30em) and (max-width: 60em) { @media screen and (min-width: 35em) and (max-width: 60em) {
.overflow-visible-m { .overflow-visible-m {
overflow: visible; } overflow: visible; }
.overflow-hidden-m { .overflow-hidden-m {
@ -3606,7 +3606,7 @@ code, .code {
.fixed { .fixed {
position: fixed; } position: fixed; }
@media screen and (min-width: 30em) { @media screen and (min-width: 35em) {
.static-ns { .static-ns {
position: static; } position: static; }
.relative-ns { .relative-ns {
@ -3616,7 +3616,7 @@ code, .code {
.fixed-ns { .fixed-ns {
position: fixed; } } position: fixed; } }
@media screen and (min-width: 30em) and (max-width: 60em) { @media screen and (min-width: 35em) and (max-width: 60em) {
.static-m { .static-m {
position: static; } position: static; }
.relative-m { .relative-m {
@ -3707,7 +3707,7 @@ code, .code {
.rotate-315 { .rotate-315 {
transform: rotate(315deg); } transform: rotate(315deg); }
@media screen and (min-width: 30em) { @media screen and (min-width: 35em) {
.rotate-45-ns { .rotate-45-ns {
transform: rotate(45deg); } transform: rotate(45deg); }
.rotate-90-ns { .rotate-90-ns {
@ -3723,7 +3723,7 @@ code, .code {
.rotate-315-ns { .rotate-315-ns {
transform: rotate(315deg); } } transform: rotate(315deg); } }
@media screen and (min-width: 30em) and (max-width: 60em) { @media screen and (min-width: 35em) and (max-width: 60em) {
.rotate-45-m { .rotate-45-m {
transform: rotate(45deg); } transform: rotate(45deg); }
.rotate-90-m { .rotate-90-m {
@ -4985,7 +4985,7 @@ input[type=submit]:not(.button-small), .notice {
margin-left: 16rem; margin-left: 16rem;
margin-right: 16rem; } margin-right: 16rem; }
@media screen and (min-width: 30em) { @media screen and (min-width: 35em) {
.pa0-ns { .pa0-ns {
padding: 0; } padding: 0; }
.pa1-ns { .pa1-ns {
@ -5247,7 +5247,7 @@ input[type=submit]:not(.button-small), .notice {
margin-left: 16rem; margin-left: 16rem;
margin-right: 16rem; } } margin-right: 16rem; } }
@media screen and (min-width: 30em) and (max-width: 60em) { @media screen and (min-width: 35em) and (max-width: 60em) {
.pa0-m { .pa0-m {
padding: 0; } padding: 0; }
.pa1-m { .pa1-m {
@ -5895,7 +5895,7 @@ input[type=submit]:not(.button-small), .notice {
.nt7 { .nt7 {
margin-top: -16rem; } margin-top: -16rem; }
@media screen and (min-width: 30em) { @media screen and (min-width: 35em) {
.na1-ns { .na1-ns {
margin: -0.25rem; } margin: -0.25rem; }
.na2-ns { .na2-ns {
@ -5967,7 +5967,7 @@ input[type=submit]:not(.button-small), .notice {
.nt7-ns { .nt7-ns {
margin-top: -16rem; } } margin-top: -16rem; } }
@media screen and (min-width: 30em) and (max-width: 60em) { @media screen and (min-width: 35em) and (max-width: 60em) {
.na1-m { .na1-m {
margin: -0.25rem; } margin: -0.25rem; }
.na2-m { .na2-m {
@ -6160,7 +6160,7 @@ input[type=submit]:not(.button-small), .notice {
.no-underline { .no-underline {
text-decoration: none; } text-decoration: none; }
@media screen and (min-width: 30em) { @media screen and (min-width: 35em) {
.strike-ns { .strike-ns {
text-decoration: line-through; } text-decoration: line-through; }
.underline-ns { .underline-ns {
@ -6168,7 +6168,7 @@ input[type=submit]:not(.button-small), .notice {
.no-underline-ns { .no-underline-ns {
text-decoration: none; } } text-decoration: none; } }
@media screen and (min-width: 30em) and (max-width: 60em) { @media screen and (min-width: 35em) and (max-width: 60em) {
.strike-m { .strike-m {
text-decoration: line-through; } text-decoration: line-through; }
.underline-m { .underline-m {
@ -6216,7 +6216,7 @@ input[type=submit]:not(.button-small), .notice {
.tj { .tj {
text-align: justify; } text-align: justify; }
@media screen and (min-width: 30em) { @media screen and (min-width: 35em) {
.tl-ns { .tl-ns {
text-align: left; } text-align: left; }
.tr-ns, .edit-form .edit-form-row > :first-child { .tr-ns, .edit-form .edit-form-row > :first-child {
@ -6226,7 +6226,7 @@ input[type=submit]:not(.button-small), .notice {
.tj-ns { .tj-ns {
text-align: justify; } } text-align: justify; } }
@media screen and (min-width: 30em) and (max-width: 60em) { @media screen and (min-width: 35em) and (max-width: 60em) {
.tl-m { .tl-m {
text-align: left; } text-align: left; }
.tr-m { .tr-m {
@ -6278,7 +6278,7 @@ input[type=submit]:not(.button-small), .notice {
.ttn { .ttn {
text-transform: none; } text-transform: none; }
@media screen and (min-width: 30em) { @media screen and (min-width: 35em) {
.ttc-ns { .ttc-ns {
text-transform: capitalize; } text-transform: capitalize; }
.ttl-ns { .ttl-ns {
@ -6288,7 +6288,7 @@ input[type=submit]:not(.button-small), .notice {
.ttn-ns { .ttn-ns {
text-transform: none; } } text-transform: none; } }
@media screen and (min-width: 30em) and (max-width: 60em) { @media screen and (min-width: 35em) and (max-width: 60em) {
.ttc-m { .ttc-m {
text-transform: capitalize; } text-transform: capitalize; }
.ttl-m { .ttl-m {
@ -6365,7 +6365,7 @@ input[type=submit]:not(.button-small), .notice {
.f7 { .f7 {
font-size: 0.75rem; } font-size: 0.75rem; }
@media screen and (min-width: 30em) { @media screen and (min-width: 35em) {
.f-6-ns, .f-6-ns,
.f-headline-ns { .f-headline-ns {
font-size: 6rem; } font-size: 6rem; }
@ -6387,7 +6387,7 @@ input[type=submit]:not(.button-small), .notice {
.f7-ns { .f7-ns {
font-size: 0.75rem; } } font-size: 0.75rem; } }
@media screen and (min-width: 30em) and (max-width: 60em) { @media screen and (min-width: 35em) and (max-width: 60em) {
.f-6-m, .f-6-m,
.f-headline-m { .f-headline-m {
font-size: 6rem; } font-size: 6rem; }
@ -6469,7 +6469,7 @@ input[type=submit]:not(.button-small), .notice {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; } text-overflow: ellipsis; }
@media screen and (min-width: 30em) { @media screen and (min-width: 35em) {
.measure-ns { .measure-ns {
max-width: 30em; } max-width: 30em; }
.measure-wide-ns { .measure-wide-ns {
@ -6487,7 +6487,7 @@ input[type=submit]:not(.button-small), .notice {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; } } text-overflow: ellipsis; } }
@media screen and (min-width: 30em) and (max-width: 60em) { @media screen and (min-width: 35em) and (max-width: 60em) {
.measure-m { .measure-m {
max-width: 30em; } max-width: 30em; }
.measure-wide-m { .measure-wide-m {
@ -6547,7 +6547,7 @@ input[type=submit]:not(.button-small), .notice {
.ml-auto { .ml-auto {
margin-left: auto; } margin-left: auto; }
@media screen and (min-width: 30em) { @media screen and (min-width: 35em) {
.center-ns { .center-ns {
margin-right: auto; margin-right: auto;
margin-left: auto; } margin-left: auto; }
@ -6556,7 +6556,7 @@ input[type=submit]:not(.button-small), .notice {
.ml-auto-ns { .ml-auto-ns {
margin-left: auto; } } margin-left: auto; } }
@media screen and (min-width: 30em) and (max-width: 60em) { @media screen and (min-width: 35em) and (max-width: 60em) {
.center-m { .center-m {
margin-right: auto; margin-right: auto;
margin-left: auto; } margin-left: auto; }
@ -6595,7 +6595,7 @@ input[type=submit]:not(.button-small), .notice {
/* IE6, IE7 */ /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px); } clip: rect(1px, 1px, 1px, 1px); }
@media screen and (min-width: 30em) { @media screen and (min-width: 35em) {
.clip-ns { .clip-ns {
position: fixed !important; position: fixed !important;
_position: absolute !important; _position: absolute !important;
@ -6603,7 +6603,7 @@ input[type=submit]:not(.button-small), .notice {
/* IE6, IE7 */ /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px); } } clip: rect(1px, 1px, 1px, 1px); } }
@media screen and (min-width: 30em) and (max-width: 60em) { @media screen and (min-width: 35em) and (max-width: 60em) {
.clip-m { .clip-m {
position: fixed !important; position: fixed !important;
_position: absolute !important; _position: absolute !important;
@ -6638,7 +6638,7 @@ input[type=submit]:not(.button-small), .notice {
.pre { .pre {
white-space: pre; } white-space: pre; }
@media screen and (min-width: 30em) { @media screen and (min-width: 35em) {
.ws-normal-ns { .ws-normal-ns {
white-space: normal; } white-space: normal; }
.nowrap-ns { .nowrap-ns {
@ -6646,7 +6646,7 @@ input[type=submit]:not(.button-small), .notice {
.pre-ns { .pre-ns {
white-space: pre; } } white-space: pre; } }
@media screen and (min-width: 30em) and (max-width: 60em) { @media screen and (min-width: 35em) and (max-width: 60em) {
.ws-normal-m { .ws-normal-m {
white-space: normal; } white-space: normal; }
.nowrap-m { .nowrap-m {
@ -6684,7 +6684,7 @@ input[type=submit]:not(.button-small), .notice {
.v-btm { .v-btm {
vertical-align: bottom; } vertical-align: bottom; }
@media screen and (min-width: 30em) { @media screen and (min-width: 35em) {
.v-base-ns { .v-base-ns {
vertical-align: baseline; } vertical-align: baseline; }
.v-mid-ns { .v-mid-ns {
@ -6694,7 +6694,7 @@ input[type=submit]:not(.button-small), .notice {
.v-btm-ns { .v-btm-ns {
vertical-align: bottom; } } vertical-align: bottom; } }
@media screen and (min-width: 30em) and (max-width: 60em) { @media screen and (min-width: 35em) and (max-width: 60em) {
.v-base-m { .v-base-m {
vertical-align: baseline; } vertical-align: baseline; }
.v-mid-m { .v-mid-m {
@ -7357,7 +7357,7 @@ article code {
flex-grow: 1; flex-grow: 1;
flex-shrink: 1; } flex-shrink: 1; }
@media screen and (min-width: 30em) { @media screen and (min-width: 35em) {
.flex-fair-ns { .flex-fair-ns {
flex-basis: 1px; flex-basis: 1px;
flex-grow: 1; flex-grow: 1;
@ -7556,7 +7556,7 @@ article code {
.hide-if-empty:empty { .hide-if-empty:empty {
display: none !important; } display: none !important; }
@media screen and (min-width: 30em) { @media screen and (min-width: 35em) {
.bi-avoid-ns { .bi-avoid-ns {
break-inside: avoid; } break-inside: avoid; }
.cc-auto-ns { .cc-auto-ns {
@ -7583,7 +7583,7 @@ article code {
background-color: #f0f0f0; background-color: #f0f0f0;
background-color: var(--dim-background); } } background-color: var(--dim-background); } }
@media screen and (min-width: 30em) and (max-width: 60em) { @media screen and (min-width: 35em) and (max-width: 60em) {
.bi-avoid-m { .bi-avoid-m {
break-inside: avoid; } break-inside: avoid; }
.cc-auto-m { .cc-auto-m {
@ -7658,7 +7658,7 @@ article code {
margin-right: auto; margin-right: auto;
margin-left: auto; } margin-left: auto; }
@media screen and (min-width: 30em) { @media screen and (min-width: 35em) {
footer .list li:not(:last-child)::after { footer .list li:not(:last-child)::after {
content: ' / '; } } content: ' / '; } }
@ -7741,7 +7741,7 @@ article code {
border-width: 0px; border-width: 0px;
border-bottom-width: 1px; border-bottom-width: 1px;
padding-bottom: 0.5rem; } padding-bottom: 0.5rem; }
@media screen and (min-width: 30em) { @media screen and (min-width: 35em) {
.optionbar { .optionbar {
flex-direction: row; flex-direction: row;
text-align: left; text-align: left;
@ -7751,7 +7751,7 @@ article code {
border-top-width: 1px; border-top-width: 1px;
padding-bottom: 0; padding-bottom: 0;
padding-top: 0.5rem; } padding-top: 0.5rem; }
@media screen and (min-width: 30em) { @media screen and (min-width: 35em) {
.optionbar.bottom { .optionbar.bottom {
padding-top: 0; } } padding-top: 0; } }
.optionbar.center { .optionbar.center {
@ -7759,7 +7759,7 @@ article code {
.optionbar .options { .optionbar .options {
display: flex; display: flex;
flex-direction: column; } flex-direction: column; }
@media screen and (min-width: 30em) { @media screen and (min-width: 35em) {
.optionbar .options { .optionbar .options {
flex-direction: row; } } flex-direction: row; } }
@ -7869,6 +7869,28 @@ article code {
--fade-color: #f8f8f8; --fade-color: #f8f8f8;
--fade-color: var(--background-even-background); } --fade-color: var(--background-even-background); }
.sr-only, .sr-focusable {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
transition: 0.2s all; }
.sr-focusable:focus {
padding: 15px 10px;
height: auto;
width: auto;
background: var(--content-background);
clip: initial;
clip-path: initial;
z-index: 99999; }
.userlist { .userlist {
text-align: center; text-align: center;
width: 100%; width: 100%;
@ -8075,7 +8097,7 @@ figure {
color: var(--dimmer-color); color: var(--dimmer-color);
font-style: italic; } font-style: italic; }
@media screen and (min-width: 30em) { @media screen and (min-width: 35em) {
#preview-container { #preview-container {
max-height: calc(100vh - 20rem); max-height: calc(100vh - 20rem);
overflow: auto; } } overflow: auto; } }
@ -8083,7 +8105,7 @@ figure {
.edit-form .edit-form-row > :first-child { .edit-form .edit-form-row > :first-child {
font-weight: 500; } font-weight: 500; }
@media screen and (min-width: 30em) { @media screen and (min-width: 35em) {
.edit-form .edit-form-row .pt-input-ns { .edit-form .edit-form-row .pt-input-ns {
padding-top: 0.3rem; } } padding-top: 0.3rem; } }
@ -8827,10 +8849,10 @@ header .hmn-logo {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
color: white !important; } color: white !important; }
@media screen and (min-width: 30em) { @media screen and (min-width: 35em) {
header .hmn-logo.big { header .hmn-logo.big {
width: 11.25rem; } } width: 11.25rem; } }
@media screen and (min-width: 30em) { @media screen and (min-width: 35em) {
header .hmn-logo.small { header .hmn-logo.small {
width: 3.75rem; width: 3.75rem;
padding: 0.8rem; padding: 0.8rem;
@ -8845,7 +8867,7 @@ header .hmn-logo {
header .items { header .items {
position: relative; } position: relative; }
@media screen and (min-width: 30em) { @media screen and (min-width: 35em) {
header .root-item { header .root-item {
position: relative; position: relative;
height: 3.75rem; } } height: 3.75rem; } }
@ -8882,7 +8904,7 @@ header .submenu {
min-width: 10rem; min-width: 10rem;
border-top-style: solid; border-top-style: solid;
border-bottom-style: solid; } border-bottom-style: solid; }
@media screen and (min-width: 30em) { @media screen and (min-width: 35em) {
header .submenu { header .submenu {
border-top-style: none; border-top-style: none;
border-left-style: solid; border-left-style: solid;
@ -8895,7 +8917,7 @@ header .submenu {
z-index: 1; z-index: 1;
font-weight: bold; font-weight: bold;
text-align: center; } text-align: center; }
@media screen and (min-width: 30em) { @media screen and (min-width: 35em) {
header .submenu > a { header .submenu > a {
text-align: left; } } text-align: left; } }
@ -8903,6 +8925,9 @@ header .menu-bar {
width: 100%; width: 100%;
z-index: 10; } z-index: 10; }
header #login-link {
cursor: pointer; }
header #login-popup { header #login-popup {
background-color: #fbfbfb; background-color: #fbfbfb;
background-color: var(--login-popup-background); background-color: var(--login-popup-background);
@ -9452,7 +9477,7 @@ span.icon-rss::before {
.timeline-item .avatar-icon.big { .timeline-item .avatar-icon.big {
width: 3rem; width: 3rem;
height: 3rem; } height: 3rem; }
@media screen and (min-width: 30em) { @media screen and (min-width: 35em) {
.timeline-item .avatar-icon.big { .timeline-item .avatar-icon.big {
width: 3.875rem; width: 3.875rem;
height: 3.875rem; } } height: 3.875rem; } }
@ -9467,7 +9492,7 @@ span.icon-rss::before {
.timeline-modal .container { .timeline-modal .container {
max-height: 100vh; max-height: 100vh;
max-width: 100%; } max-width: 100%; }
@media screen and (min-width: 30em) { @media screen and (min-width: 35em) {
.timeline-modal .container { .timeline-modal .container {
width: auto; width: auto;
max-width: calc(100% - 2rem); max-width: calc(100% - 2rem);