Sha256: 4ee5ab188d0657b2bbcb129584cc53dd320ce544acdad65ad8fb53c02cd0c984
Contents?: true
Size: 1.7 KB
Versions: 4
Compression:
Stored size: 1.7 KB
Contents
/*
# -----------------------------------------------------------------------------
# ~/assets/themes/j1/modules/mdiPreviewer/css/previewer.css
# Provides styles for the MDI Icon Previewer
#
# Product/Info:
# https://jekyll.one
#
# Copyright (C) 2021 Juergen Adams
#
# J1 Template is licensed under the MIT License.
# See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
# -----------------------------------------------------------------------------
*/
.icons {
//display: none;
//padding: 0 20px 10px 20px;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 2rem;
-moz-column-gap: 2rem;
column-gap: 2rem;
}
.icons div {
line-height: 3rem;
color: rgba(0, 0, 0, 0.6);
}
.icons div span {
cursor: pointer;
font-size: 1rem;
text-overflow: ellipsis;
display: inline-block;
max-width: calc(100% - 90px);
overflow: hidden;
vertical-align: middle;
white-space: nowrap;
margin-left: .5rem;
}
.icons div code:hover,
.icons div span:hover,
.icons div i:hover {
color: rgba(0, 0, 0, 0.9);
}
.icons div code:hover {
border-color: $indigo;
}
.icons div code {
color: $grey-800;
background-color: $grey-300;
border: 1px solid $grey;
width: 80px;
margin-left: 2px;
margin-right: 4px;
border-radius: 4px;
display: inline-block;
vertical-align: middle;
text-align: center;
line-height: 24px;
cursor: pointer;
}
.icons div i {
display: inline-block;
width: 32px;
height: 24px;
margin-right: .5rem;
text-align: center;
vertical-align: middle;
cursor: pointer;
line-height: 24px;
}
.icons .mdi:before {
font-size: 24px;
}
Version data entries
4 entries across 4 versions & 1 rubygems