definicao de layout
This commit is contained in:
28
public/assets/scss/flag-icon/_flag-icon-base.scss
Normal file
28
public/assets/scss/flag-icon/_flag-icon-base.scss
Normal file
@@ -0,0 +1,28 @@
|
||||
.flag-icon-background {
|
||||
background-size: contain;
|
||||
background-position: 50%;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.flag-icon {
|
||||
@extend .flag-icon-background;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: calc((4 / 3) * 1em);
|
||||
line-height: 1em;
|
||||
&:before {
|
||||
content: '\00a0';
|
||||
}
|
||||
&.flag-icon-squared {
|
||||
width: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin flag-icon($country) {
|
||||
.flag-icon-#{$country} {
|
||||
background-image: url(../fonts/flag-icon/#{$country}.svg);
|
||||
&.flag-icon-squared {
|
||||
background-image: url(../fonts/flag-icon/#{$country}.svg);
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user