0
0
mirror of https://github.com/lipis/flag-icons.git synced 2024-11-22 11:27:29 +01:00
flags/assets/docs.css
Panayiotis Lipiridis 5157abf930 Aspect ratio
2021-10-23 11:51:27 +03:00

50 lines
719 B
CSS

.header {
margin: 0 0 48px;
padding: 32px 0;
text-align: center;
background: linear-gradient(90deg, #2b8a3e, #e8590c);
color: #fff;
font-size: 1.1em;
}
.header .btn {
margin: 0 4px;
}
.header pre{
background-color: rgba(32, 32, 32, .3);
padding: 8px;
max-width: 320px;
margin: 12px auto;
}
.no-wrap {
white-space: nowrap;
margin-bottom: 8px;
overflow: hidden;
text-overflow: ellipsis;
}
.flag {
border-radius: 2px;
border: 1px solid #dee2e6;
margin-bottom: 32px;
padding: 8px;
}
.flag-country {
width: 100%;
border-bottom: 1px solid #e9ecef;
}
.flag-img {
width: 100%;
aspect-ratio: 4 / 3;
}
.flag-code {
color: #adb5bd;
margin-right: 4px;
font-size: 0.9em;
}