diff options
author | Shaun McCance <shaunm@redhat.com> | 2021-02-09 19:27:51 -0500 |
---|---|---|
committer | Shaun McCance <shaunm@redhat.com> | 2021-02-09 19:27:51 -0500 |
commit | 863ebf4cbc776498e84d51d4bd81742242287756 (patch) | |
tree | 154659cbb95f3c3a19753d8b7f2fe2614921285d /xslt/common/css/core.css.tmpl | |
parent | 8be1ec6600a28f5b0892bbe04c43ec870158b0a6 (diff) | |
download | yelp-xsl-863ebf4cbc776498e84d51d4bd81742242287756.tar.gz |
Adding experimental-gnome-tiles links style
I'm trying to be very, very explicit about style hints that are experimental
and currently only intended for a single use, because I really want to be
able to drop these styles when we're done with them.
Diffstat (limited to 'xslt/common/css/core.css.tmpl')
-rw-r--r-- | xslt/common/css/core.css.tmpl | 21 |
1 files changed, 21 insertions, 0 deletions
diff --git a/xslt/common/css/core.css.tmpl b/xslt/common/css/core.css.tmpl index bd19c49c..1ed0ff12 100644 --- a/xslt/common/css/core.css.tmpl +++ b/xslt/common/css/core.css.tmpl @@ -226,6 +226,27 @@ dl.compact dt { margin-top: 0.2em; } dl.compact dt:first-child { margin-top: 0; } dl.compact dt + dt { margin-top: 0; } +div.tiles { + display: flex; + flex-flow: row wrap; + align-items: stretch; + justify-content: stretch; + vertical-align: top; + clear: both; + margin: 0 -10px; +} +div.tiles > * { + vertical-align: top; + margin: 0; + padding: 10px; + max-width: none; +} +div.tiles > *:empty { padding: 0 10px; height: 0; } +div.tile4 { flex: 1 0 {{$html.grid.size div 4 - 20}}px; } +div.tile3 { flex: 1 0 {{$html.grid.size div 3 - 20}}px; } +div.tile2 { flex: 1 0 {{$html.grid.size div 2 - 20}}px; } +div.tile1 { flex: 1 0 {{$html.grid.size - 20}}px; } + a { text-decoration: none; color: {{$color.fg.blue}}; |