/* Uklad i to, czego Tailwind nie generuje.
Utility o nazwach tailwindowych stad zniknely -- Tailwind daje je sam
i laduje pozniej, wiec nasze kopie i tak nie dochodzily do glosu. */
.items-end {
align-items: flex-end
}
.columns {
display: flex;
padding: 1rem 0 2rem 0;
flex-wrap: wrap;
gap: 24px
}
.column {
flex: 1 0 48%;
box-sizing: border-box
}
.column.is-3 {
flex: 0 0 33%
}
#page-wrap {
overflow: hidden;
width: 100%;
position: relative
}
/* .container generuje Tailwind - szerokosc w tailwind.config.js */
.screen-reader-text {
position: absolute;
width: 0;
height: 0;
overflow: hidden
}
.gap-1 {
gap: .25rem
}
.gap-4 {
gap: 1rem
}
.red {
color: var(--color-red)
}
.yellow {color: var(--color-amber);}
SPAN.language,
SPAN.locations,
SPAN.mode {
font-size: 16px
}
SPAN.locations::before{
content: '';
/* Maska zamiast tla: kolor bierze sie z tokenu, a nie z wnetrza data URI,
do ktorego zmienna CSS nie siega. */
-webkit-mask-image: url('data:image/svg+xml;charset=utf-8,');
mask-image: url('data:image/svg+xml;charset=utf-8,');
-webkit-mask-size: 24px 24px;
mask-size: 24px 24px;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: var(--color-primary);
padding-left: 32px
}
SPAN.language::before{
content: '';
/* Maska zamiast tla: kolor bierze sie z tokenu, a nie z wnetrza data URI,
do ktorego zmienna CSS nie siega. */
-webkit-mask-image: url('data:image/svg+xml;charset=utf-8,');
mask-image: url('data:image/svg+xml;charset=utf-8,');
-webkit-mask-size: 24px 24px;
mask-size: 24px 24px;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: var(--color-primary);
padding-left: 32px
}
SPAN.mode::before{
content: ' ';
/* Maska zamiast tla: kolor bierze sie z tokenu, a nie z wnetrza data URI,
do ktorego zmienna CSS nie siega. */
-webkit-mask-image: url('data:image/svg+xml;charset=utf-8,');
mask-image: url('data:image/svg+xml;charset=utf-8,');
-webkit-mask-size: 24px 24px;
mask-size: 24px 24px;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: var(--color-primary);
padding-left: 32px
}