You have to add the folder to the assets path (to file config/application.rb), see Rails Guides config.assets.paths << “#{Rails.root}/app/assets/fonts” And you should use the asset_path helper: src: url(‘<%= asset_path(‘Chunkfive-webfont.eot’) %>’);
works great for Opera 10.63 noindex:-o-prefocus, .class { color:#fff; }
This is perfectly doable in CSS — Your structure is this: <ul class=”menu”> <li> <a href=”#”>Has arrow</a> <ul><li><a href=”#”></a></li></ul> </li> <li> <a href=”#”>Has no arrow</a> </li> </ul> Your CSS will be like this — //this adds an arrow to every link .menu li > a:after { content: ‘>’; } // this removes the arrow when … Read more
Update for Angular 8 Install the normalize.css library: npm install –save normalize.css Import it in your styles.css @import ‘~normalize.css’; With the current (1.0.0-beta.15) version of angular-cli, the solution is quite easy: npm i normalize.css add “../node_modules/normalize.css/normalize.css” in apps[0].styles in the config file angular-cli.json Note: If using Angular 7, the config file is now angular.json, and … Read more
Span is an inline element and you can therefore not set a width. To set a width you must first set it to a block element with display:block; After that you can set a width. Since span is a native inline element, you can use inline-block too and it will even work in IE: display:inline-block;
Pushing the element left by 50% of its width and then translating it horizontally by 50% has worked for me. .element { position: absolute; left: 50%; transform: translateX(-50%); } I found the concept in the following link, and then I translated to fit my horizontal align needs: https://gist.github.com/colintoh/62c78414443e758c9991#file-douchebag-vertical-align-css
If you are using the JS+SVG version Read this: Font Awesome 5 shows empty square when using the JS+SVG version First, you only need to include the CSS file of Font Awesome 5 either in the head tag using: <link rel=”stylesheet” href=”https://use.fontawesome.com/releases/v5.13.0/css/all.css”> Or within the CSS file: @import url(“https://use.fontawesome.com/releases/v5.13.0/css/all.css”) Then you need to correct the … Read more
I found out a way of not only animating from left to right / right to left, but also from centered text. The trick is to apply a width of ‘0’. ul { background: #fff; padding: 16px; border: 1px solid #e2e2e2; } li { list-style: none; letter-spacing: 1px; font: 12px ‘Tahoma’; line-height: 24px; color: #444; … Read more
Another workaround for this issue is to use the form as the grid object and use display: contents on the fieldset. This doesn’t break semantic markup, though if there are multiple elements within the form they will all be included in the grid. .some-form { display: grid; grid-template-columns: 1fr 1fr 1fr; } .some-form__fields { display: … Read more
I found a solution that’s working for me in Safari 13.0.2 on macOS Catalina 10.15. The trick was to split position: fixed and overflow: hidden across two divs, like so: <div class=”wrapper”> <div class=”wrap2″> <div class=”inner”> Great success in safari 13.0.2 on MacOS Catalina 10.15 </div> </div> </div> .wrapper{ background-color: red; padding: 40px; width: 200px; … Read more