172 lines
2.1 KiB
CSS
172 lines
2.1 KiB
CSS
.ps-1
|
|
{
|
|
padding-left: 1em;
|
|
}
|
|
.pe-1
|
|
{
|
|
padding-right: 1em;
|
|
}
|
|
.pt-1
|
|
{
|
|
padding-top: 1em;
|
|
}
|
|
.pb-1
|
|
{
|
|
padding-bottom: 1em;
|
|
}
|
|
|
|
.ps-2
|
|
{
|
|
padding-left: 2em;
|
|
}
|
|
.pe-2
|
|
{
|
|
padding-right: 2em;
|
|
}
|
|
.pt-2
|
|
{
|
|
padding-top: 2em;
|
|
}
|
|
.pb-2
|
|
{
|
|
padding-bottom: 2em;
|
|
}
|
|
|
|
.ps-3
|
|
{
|
|
padding-left: 3em;
|
|
}
|
|
.pe-3
|
|
{
|
|
padding-right: 3em;
|
|
}
|
|
.pt-3
|
|
{
|
|
padding-top: 3em;
|
|
}
|
|
.pb-3
|
|
{
|
|
padding-bottom: 3em;
|
|
}
|
|
|
|
.flex
|
|
{
|
|
display: flex;
|
|
}
|
|
.block
|
|
{
|
|
display: block;
|
|
}
|
|
.inline
|
|
{
|
|
display: inline;
|
|
}
|
|
.hidden
|
|
{
|
|
display: none;
|
|
}
|
|
.row
|
|
{
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
.column
|
|
{
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.gapx-1 > *
|
|
{
|
|
margin-left: .4em;
|
|
margin-right: .4em;
|
|
}
|
|
.gapx-1 > *:first-child, .gapx-2 > *:first-child, .gapx-3 > *:first-child
|
|
{
|
|
margin-left: 0;
|
|
}
|
|
.gapx-1 > *:last-child, .gapx-2 > *:last-child, .gapx-3 > *:last-child
|
|
{
|
|
margin-right: 0;
|
|
}
|
|
.gapx-2 > *
|
|
{
|
|
margin-left: .8em;
|
|
margin-right: .8em;
|
|
}
|
|
.gapx-3 > *
|
|
{
|
|
margin-left: 1.2em;
|
|
margin-right: 1.2em;
|
|
}
|
|
.gapy-1 > *
|
|
{
|
|
margin-top: .4em;
|
|
margin-bottom: .4em;
|
|
}
|
|
.gapy-1 > *:first-child, .gapy-2 > *:first-child, .gapy-3 > *:first-child
|
|
{
|
|
margin-top: 0;
|
|
}
|
|
.gapy-1 > *:last-child, .gapy-2 > *:last-child, .gapy-3 > *:last-child
|
|
{
|
|
margin-bottom: 0;
|
|
}
|
|
.gapy-2 > *
|
|
{
|
|
margin-top: .8em;
|
|
margin-bottom: .8em;
|
|
}
|
|
.gapy-3 > *
|
|
{
|
|
margin-top: 1.2em;
|
|
margin-bottom: 1.2em;
|
|
}
|
|
|
|
html.dark-mode .dark-hidden {
|
|
display: none;
|
|
}
|
|
|
|
html.dark-mode .dark-block {
|
|
display: block;
|
|
}
|
|
|
|
html.light-mode .light-hidden {
|
|
display: none;
|
|
}
|
|
|
|
html.light-mode .light-block {
|
|
display: block;
|
|
}
|
|
|
|
.flex {
|
|
display: flex;
|
|
}
|
|
.align-baseline {
|
|
align-items: baseline;
|
|
}
|
|
.align-center {
|
|
align-items: center;
|
|
}
|
|
.align-stretch {
|
|
align-items: stretch;
|
|
}
|
|
|
|
@media screen and (max-width: 750px) {
|
|
.mobile-bigger {
|
|
flex: 3 1 0 !important;
|
|
}
|
|
.mobile-hidden {
|
|
display: none !important;
|
|
}
|
|
.mobile-block {
|
|
display: inherit !important;
|
|
}
|
|
}
|
|
@media screen and (min-width: 750px) {
|
|
.desktop-hidden {
|
|
display: none !important;
|
|
}
|
|
.desktop-block {
|
|
display: inherit !important;
|
|
}
|
|
} |