deepcrayon/lila
deepcrayon/lila
1
0
Fork 0
Code Releases Activity

responsive /broadcast

Browse source
This commit is contained in:
Thibault Duplessis 2019-04-30 07:16:41 +07:00
parent 039bfa2ead
commit f22831404f
2 changed files with 17 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
ui/site/css/relay/_index.scss
View file

@ -1,20 +1,22 @@
@import 'widget';
.relay-index {
.box__top {
flex-flow: row nowrap;
}
.new::before {
font-size: 3em;
}
section {
margin-bottom: 2em;
}
section h2 {
@extend %roboto;
color: $c-font-dimmer;
font-size: 3em;
text-transform: uppercase;
text-align: center;
line-height: 2em;
letter-spacing: 0.1em;
border-bottom: $border;
h2 {
@extend %roboto;
color: $c-font-dimmer;
text-transform: uppercase;
text-align: center;
line-height: 2em;
letter-spacing: 0.1em;
border-bottom: $border;
}
}
}

9
ui/site/css/relay/_widget.scss
View file

@ -1,5 +1,5 @@
.relay-widget {
@extend %flex-center-nowrap;
@extend %flex-center-nowrap, %break-word;
border-bottom: $border;
padding: 2em var(--box-padding);
position: relative;
@ -8,6 +8,9 @@
color: $c-link;
font-size: 5em;
margin-right: .4em;
@include breakpoint($mq-not-xx-small) {
display: none;
}
}
&:hover {
background: mix($c-link, $c-bg-box, 10%);
@ -16,10 +19,8 @@
@extend %link-overlay
}
h3 {
@extend %nowrap-hidden;
font-size: 2.3em;
@include fluid-size('font-size', 23px, 35px);
color: $c-link;
text-overflow: ellipsis;
}
p {
margin: .5em 0 0 0;