mirror of
https://github.com/lipis/flag-icons.git
synced 2024-11-22 11:27:29 +01:00
59 lines
860 B
CSS
59 lines
860 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;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
h2 {
|
|
text-align: center;
|
|
margin: 32px 0;
|
|
}
|
|
|
|
.no-wrap {
|
|
white-space: nowrap;
|
|
margin-bottom: 8px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.flag {
|
|
border-radius: 4px;
|
|
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;
|
|
border: 1px solid #e9ecef;
|
|
border-radius: 2px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.flag-code {
|
|
color: #adb5bd;
|
|
margin-right: 4px;
|
|
font-size: 0.9em;
|
|
}
|