added icons and moved to the css directory
This commit is contained in:
78
css/house.css
Normal file
78
css/house.css
Normal file
@@ -0,0 +1,78 @@
|
||||
@charset "UTF-8";
|
||||
|
||||
i.icon.house:not(.panelka) {
|
||||
position: relative;
|
||||
margin-bottom: -7px;
|
||||
width: 18px;
|
||||
height: 14px;
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
border: 2px solid;
|
||||
border-top: 0;
|
||||
border-bottom: 0;
|
||||
border-top-right-radius: 3px;
|
||||
border-top-left-radius: 3px;
|
||||
border-bottom-right-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
background:
|
||||
linear-gradient(to left, currentColor 5px, transparent 0) no-repeat 0
|
||||
bottom/4px 2px,
|
||||
linear-gradient(to left, currentColor 5px, transparent 0) no-repeat right
|
||||
bottom/4px 2px;
|
||||
}
|
||||
|
||||
i.icon.house:not(.panelka).small {
|
||||
margin-bottom: -5px;
|
||||
width: 14px;
|
||||
height: 12px;
|
||||
background:
|
||||
linear-gradient(to left, currentColor 4px, transparent 0) no-repeat 0
|
||||
bottom / 4px 2px,
|
||||
linear-gradient(to left, currentColor 2px, transparent 0) no-repeat right
|
||||
bottom / 2px 2px;
|
||||
}
|
||||
|
||||
i.icon.house:not(.panelka)::after,
|
||||
i.icon.house:not(.panelka)::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
i.icon.house:not(.panelka)::before {
|
||||
left: 0;
|
||||
top: -5px;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
border-radius: 3px;
|
||||
transform: rotate(45deg);
|
||||
border-top: 2px solid;
|
||||
border-left: 2px solid;
|
||||
border-top-left-radius: 4px;
|
||||
}
|
||||
|
||||
i.icon.house:not(.panelka).small::before {
|
||||
top: -4px;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
border-top-left-radius: 3px;
|
||||
}
|
||||
|
||||
i.icon.house:not(.panelka)::after {
|
||||
left: 3px;
|
||||
bottom: 0;
|
||||
width: 8px;
|
||||
height: 10px;
|
||||
border: 2px solid;
|
||||
border-radius: 100px;
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
i.icon.house:not(.panelka).small::after {
|
||||
left: 2px;
|
||||
width: 6px;
|
||||
height: 8px;
|
||||
}
|
||||
Reference in New Issue
Block a user