1
0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-12-01 05:49:55 +00:00
TiddlyWiki5/editions/tw5.com/tiddlers/system/tw5.com-styles.tid
Jermolene 7916553b99 Switch to using flexbox for the community links
Not sure whether it’s really better, but it does mean that the number
of horizontal boxes increases as you remove the sidebar.
2014-07-22 14:21:45 +01:00

44 lines
722 B
Plaintext

title: $:/_tw5.com-styles
tags: $:/tags/stylesheet
@media (min-width: 600px) {
.tw-link-info {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.tw-link-info-item {
max-width: 25em;
margin-right: 10px;
}
}
.tw-link-info-item {
display: inline-block;
border: 1px solid <<colour muted-foreground>>;
padding: 5px 10px;
margin-bottom: 10px;
background: #fcf8f8;
font-size: 0.8em;
line-height: 1.2;
}
.tw-link-info-item h1 {
font-weight: 500;
font-size: 16px;
}
.tw-scrollable-demo {
border: 1px solid <<colour message-border>>;
background-color: <<colour message-background>>;
padding: 1em;
height: 400px;
}