como funciona o $ icon-font-path no bootstrap scss?
Recentemente comecei a usar o SCSS de bootstrap no meu projeto de nó. Então eu tenhoapp/bower_components/bootstrap-sass/lib/_glyphicons.scss
por exemplo.
Olhando para minha saída CSS, vejo coisas como:
@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/some\/path\/project\/app\/bower_components\/bootstrap-sass\/lib\/_normalize\.scss}line{font-family:\0000332}}
audio,
canvas,
video {
display: inline-block;
}
Eu tenho 2 perguntas:
Isso parece um buraco de segurança. Todos podem deduzir algo sobre meu sistema operacional e estrutura de diretórios simplesmente observando meu CSS. Qual é a maneira correta de fechar esse buraco de segurança?Como funciona? Eu quase consegui descobrir, mas estou perdendo alguma coisa. Olhando para o SCSS, vejo bootstrap está usando$icon-font-path
que aparentemente se transforma neste caminho absoluto. Olhando paradocumentação da bússola, Vejo que eles fornecem valores absolutos, mas não$icon-font-path
Este é o pedaço de código a que me refiro:
@font-face {
font-family: 'Glyphicons Halflings';
src: url('#{$icon-font-path}#{$icon-font-name}.eot');
src: url('#{$icon-font-path}#{$icon-font-name}.eot?#iefix') format('embedded-opentype'),
url('#{$icon-font-path}#{$icon-font-name}.woff') format('woff'),
url('#{$icon-font-path}#{$icon-font-name}.ttf') format('truetype'),
url('#{$icon-font-path}#{$icon-font-name}.svg#glyphicons-halflingsregular') format('svg');
}