make flags less dumb?
This commit is contained in:
parent
548a652d66
commit
2155d43de8
|
@ -1,6 +1,10 @@
|
||||||
<li class="flag"> <a href="{{include.url}}" class="{{include.color}} flagButton">
|
<li>
|
||||||
<span class="flagText">{{include.name}}</span>
|
<a href="{{include.url}}" class="flag">
|
||||||
<!-- <svg viewBox="0 0 115 50" preserveAspectRatio="none">
|
<span class="{{include.color}} flagButton">
|
||||||
|
<h3>{{include.name}}</h3>
|
||||||
|
<!-- <svg viewBox="0 0 115 50" preserveAspectRatio="none">
|
||||||
<polygon points="0,50 100,50, 115,25, 100,0, 0,0"/>
|
<polygon points="0,50 100,50, 115,25, 100,0, 0,0"/>
|
||||||
</svg> -->
|
</svg> -->
|
||||||
</a> </li>
|
</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
|
@ -54,10 +54,8 @@ $body-font: 'Open Sans', sans-serif;
|
||||||
body {
|
body {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
background-color: $margin;
|
background-color: $margin;
|
||||||
color-profile: sRGB;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
#box {
|
#box {
|
||||||
background-color: $background;
|
background-color: $background;
|
||||||
max-width: 800px;
|
max-width: 800px;
|
||||||
|
@ -124,10 +122,13 @@ body {
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
#sidebar {
|
ul#sidebar {
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
|
margin-block-start: 0;
|
||||||
|
margin-block-end: 0;
|
||||||
width: 180px;
|
width: 180px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
line-height: 0;
|
||||||
|
|
||||||
padding: {
|
padding: {
|
||||||
top: 5px;
|
top: 5px;
|
||||||
|
@ -135,11 +136,13 @@ body {
|
||||||
left: 0px;
|
left: 0px;
|
||||||
}
|
}
|
||||||
background-color: $background;
|
background-color: $background;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.flag {
|
.flag {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
line-height: 1em;
|
||||||
|
|
||||||
position: relative;
|
position: relative;
|
||||||
padding: {
|
padding: {
|
||||||
|
@ -165,7 +168,9 @@ body {
|
||||||
|
|
||||||
border-radius: 0 5px 5px 0;
|
border-radius: 0 5px 5px 0;
|
||||||
|
|
||||||
.flagText {
|
h3 {
|
||||||
|
margin-block-start: 0;
|
||||||
|
margin-block-end: 0;
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
float: right;
|
float: right;
|
||||||
width: 160px;
|
width: 160px;
|
||||||
|
|
Loading…
Reference in New Issue
Block a user