Add CSS Classes for Dropdown

This commit is contained in:
Arsalan 2021-12-23 19:09:19 +03:30 committed by GitHub
parent 3f8ca69c8c
commit d2b8a04949
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

53
css/skeleton.css vendored
View File

@ -389,8 +389,58 @@ hr {
.u-cf { .u-cf {
content: ""; content: "";
display: table; display: table;
clear: both; } clear: both;
}
.dropdown{
display: grid;
margin: auto;
width: 50%;
transition-duration: 0.2s;
-webkit-transition-duration: 0.2s;
}
.dropdown-menu{
display: none;
/* display: grid; */
border: 1px solid #bbb;
border-radius: 2px;
margin-right: 2px;
transition-duration: 0.2s;
-webkit-transition-duration: 0.2s;
}
.dropdown:hover .dropdown-menu{
display: grid;
transition-duration: 0.2s;
-webkit-transition-duration: 0.2s;
}
.dropdown-button{
margin-bottom:0px;
transition-duration: 0.2s;
-webkit-transition-duration: 0.2s;
}
.dropdown-item{
display: inline-block;
height: 38px;
padding: 0 30px;
color: #555;
text-align: center;
font-size: 11px;
font-weight: 600;
line-height: 38px;
letter-spacing: .1rem;
text-transform: uppercase;
text-decoration: none;
white-space: nowrap;
background-color: transparent;
cursor: pointer;
box-sizing: border-box;
transition-duration: 0.2s;
-webkit-transition-duration: 0.2s;
}
/* Media Queries /* Media Queries
*/ */
@ -401,7 +451,6 @@ on small devices, paste the mobile query code up in the buttons section and styl
there. there.
*/ */
/* Larger than mobile */ /* Larger than mobile */
@media (min-width: 400px) {} @media (min-width: 400px) {}