diff options
Add Icon bookmark
2 files changed, 23 insertions, 11 deletions
| -rw-r--r-- | src/filters.less | 11 | ||||
| -rw-r--r-- | src/icons.less | 23 |
diff --git a/src/filters.less b/src/filters.less index f1c263f..e9ecfaf 100644 --- a/src/filters.less +++ b/src/filters.less @@ -24,17 +24,6 @@ &#tag-shooter:checked ~ .filter-body .column:not([data-tag~="tag-shooter"]), &#tag-sports:checked ~ .filter-body .column:not([data-tag~="tag-sports"]) { display: none; - opacity: 0; - transition: all .25s ease-in-out; } } } - -@keyframes fade-out { - 0% { - opacity: 1; - } - 100% { - width: 0; - } -} diff --git a/src/icons.less b/src/icons.less index 53d4374..dd77944 100644 --- a/src/icons.less +++ b/src/icons.less @@ -338,6 +338,29 @@ } } +// Icon bookmark +.icon-bookmark { + &::before { + border: @icon-border-width solid currentColor; + border-bottom: 0; + border-top-left-radius: @border-radius; + border-top-right-radius: @border-radius; + content: ""; + height: 90%; + width: 90%; + } + &::after { + border: @icon-border-width solid currentColor; + border-bottom: 0; + border-left: 0; + border-radius: @border-radius; + content: ""; + height: 50%; + transform: translate(-50%, 35%) rotate(-45deg) skew(15deg, 15deg); + width: 50%; + } +} + // Icon download & upload .icon-download, .icon-upload { |