diff --git a/css/crown.css b/css/crown.css new file mode 100644 index 0000000..b9797f1 --- /dev/null +++ b/css/crown.css @@ -0,0 +1,38 @@ +@charset "UTF-8"; + +i.icon.crown { + position: relative; + width: 19px; + height: 12px; + box-sizing: border-box; + padding-top: 4px; + display: block; + border: 2px solid; + border-top-color: transparent; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + + &:after, + &:before { + content: ''; + position: absolute; + top: -4px; + width: 8px; + height: 8px; + box-sizing: border-box; + display: block; + border-bottom: 2px solid; + border-left: 2px solid; + transform: rotate(-45deg); + } + + &:before { + left: -1px; + border-top-left-radius: 2px; + } + + &:after { + right: -1px; + border-bottom-right-radius: 2px; + } +} diff --git a/css/work.css b/css/work.css new file mode 100644 index 0000000..852f7d2 --- /dev/null +++ b/css/work.css @@ -0,0 +1,27 @@ +@charset "UTF-8"; + +i.icon.work, +i.icon.work::after { + display: block; + box-sizing: border-box; + box-shadow: 0 0 0 2px; +} + +i.icon.work { + position: relative; + width: 14px; + height: 10px; + border-radius: 1px; +} + +i.icon.work::after { + top: -3px; + left: 4px; + position: absolute; + content: ''; + width: 6px; + height: 1px; + border-top-right-radius: 1px; + border-top-left-radius: 1px; +} +