Skip to content

Commit

Permalink
tabs -> spaces
Browse files Browse the repository at this point in the history
  • Loading branch information
@garbas
garbas committed Sep 28, 2020
1 parent e7bbd6f commit 9575d8e
Show file tree
Hide file tree
Showing 28 changed files with 2,181 additions and 2,181 deletions.
12 changes: 6 additions & 6 deletions site-styles/assets/svg.less
View file
Expand Up @@ -41,12 +41,12 @@

// Implementation
#_declare__svg(@name, @svg, @color: #face12) {
.__svg_@{name} {
@_colorized: replace(@svg, "#face12", @color);
// ugh, that's an ugly hack... but escape() apparently doesn't deal well with percent signs.
@_data: replace(escape(@_colorized), "%", "PERCENT");
background-image: replace(~"url('data:image/svg+xml;utf8,@{_data}')", "PERCENT", "%");
}
.__svg_@{name} {
@_colorized: replace(@svg, "#face12", @color);
// ugh, that's an ugly hack... but escape() apparently doesn't deal well with percent signs.
@_data: replace(escape(@_colorized), "%", "PERCENT");
background-image: replace(~"url('data:image/svg+xml;utf8,@{_data}')", "PERCENT", "%");
}
}

// * * *
Expand Down
40 changes: 20 additions & 20 deletions site-styles/components/asciinema.less
View file
@@ -1,26 +1,26 @@
.pane-asciinemaplayer {
&, h1, h2, a {
color: #theme.color[white];
}
&, h1, h2, a {
color: #theme.color[white];
}

asciinema-player {
margin-top: @gutter;
margin-bottom: @gutter;
asciinema-player {
margin-top: @gutter;
margin-bottom: @gutter;

// Font metrics verified to be fine with 77 columns.
.asciinema-terminal {
// horizontal (landscape) and just before square aspect ratio
font-size: 0.9rem;
// Font metrics verified to be fine with 77 columns.
.asciinema-terminal {
// horizontal (landscape) and just before square aspect ratio
font-size: 0.9rem;

#screen-sm-only({
font-size: 0.85rem;
});
#screen-sm-only({
font-size: 0.85rem;
});

// vertical (portrait) and square aspect ratio
// In that case we set it as a fraction of the width.
@media screen and (max-aspect-ratio: ~"1/1") and (max-width: (@screen-sm-max)) {
font-size: 1.65vw;
}
}
}
// vertical (portrait) and square aspect ratio
// In that case we set it as a fraction of the width.
@media screen and (max-aspect-ratio: ~"1/1") and (max-width: (@screen-sm-max)) {
font-size: 1.65vw;
}
}
}
}
138 changes: 69 additions & 69 deletions site-styles/components/banners.less
View file
@@ -1,84 +1,84 @@
// Needs to be part of the *root* element, e.g. body > main > .wide-banner
// `.-detailed` elements will be shown only for wider viewports (-lg)
.wide-banner {
&:first-child {
margin-top: -@gutter;
}
&:first-child {
margin-top: -@gutter;
}

.-detailed {
display: none;
#screen-lg-min({
display: initial;
});
}
.-detailed {
display: none;
#screen-lg-min({
display: initial;
});
}

#fill-width();
background-color: #theme.color[blue-lighter];
padding: @gutter;
& > * {
#container();
}
a {
color: inherit;
}
font-weight: #theme.font[secondary-weight];
font-family: #theme.font[secondary];
color: #theme.color[blue-dark2];
#fill-width();
background-color: #theme.color[blue-lighter];
padding: @gutter;
& > * {
#container();
}
a {
color: inherit;
}
font-weight: #theme.font[secondary-weight];
font-family: #theme.font[secondary];
color: #theme.color[blue-dark2];

strong {
font-weight: inherit;
text-decoration: underline;
}
strong {
font-weight: inherit;
text-decoration: underline;
}
}

.countdown-timer ul {
margin: 0;
li {
display: inline-block;
font-size: 0.4em;
list-style-type: none;
padding: 1em;
text-transform: uppercase;
line-height: 2em;
text-align: center;
position: relative;
top: 0.5em;
}
li::before {
display: block;
content: ":";
font-size: 3em;
position: absolute;
left: -0.2em;
}
li:nth-child(1)::before {
display: none;
}
li span {
display: block;
font-size: 3em;
}
margin: 0;
li {
display: inline-block;
font-size: 0.4em;
list-style-type: none;
padding: 1em;
text-transform: uppercase;
line-height: 2em;
text-align: center;
position: relative;
top: 0.5em;
}
li::before {
display: block;
content: ":";
font-size: 3em;
position: absolute;
left: -0.2em;
}
li:nth-child(1)::before {
display: none;
}
li span {
display: block;
font-size: 3em;
}
}

.event-banner {
font-size: 1.2rem;
& > * {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
#screen-sm-min({
flex-direction: row;
});
}
font-size: 1.2rem;
& > * {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
#screen-sm-min({
flex-direction: row;
});
}

.description {
color: #theme.color[orange];
}
.description {
color: #theme.color[orange];
}

.action a {
font-size: 1rem;
#_form.button();
#_form.button.-highlighted();
}
.action a {
font-size: 1rem;
#_form.button();
#_form.button.-highlighted();
}
}
56 changes: 28 additions & 28 deletions site-styles/components/choice-smorgasboard.less
View file
Expand Up @@ -4,37 +4,37 @@
// | |>li
//
.choice-smorgasboard {
#columns(4, @md: 3, @sm: 2);
margin: 0;
padding: 0;
list-style-type: none;
#columns(4, @md: 3, @sm: 2);
margin: 0;
padding: 0;
list-style-type: none;

& > li {
margin-bottom: @gutter;
& > li {
margin-bottom: @gutter;

a {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
text-align: center;
justify-content: center;
align-content: center;
a {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
text-align: center;
justify-content: center;
align-content: center;

padding: @gutter @gutter/2;
border: 1*@unit solid #theme.color[blue-dark];
border-radius: #theme.common[radius];
padding: @gutter @gutter/2;
border: 1*@unit solid #theme.color[blue-dark];
border-radius: #theme.common[radius];

font-family: #theme.font[secondary];
font-weight: bold;
line-height: 1.4;
color: #theme.color[blue-dark2];
text-decoration: none;
font-family: #theme.font[secondary];
font-weight: bold;
line-height: 1.4;
color: #theme.color[blue-dark2];
text-decoration: none;

&:hover, &.-active {
color: #theme.color[white];
background-color: #theme.color[blue-dark2];
}
}
}
&:hover, &.-active {
color: #theme.color[white];
background-color: #theme.color[blue-dark2];
}
}
}
}
2 changes: 1 addition & 1 deletion site-styles/components/clickable-whole.less
View file
@@ -1,3 +1,3 @@
.clickable-whole {
cursor: pointer;
cursor: pointer;
}

0 comments on commit 9575d8e

Please sign in to comment.