I found a solution but I cannot see the reason why it works (well, only one reason – it’s IE :D). What I did was to put the same site on Apache and test again. On Apache the fonts worked fine even when using Refresh button. Then in the network inspector I saw that Apache … Read more
You cannot animate same attribute ( here transform attribute ) more than once, on a same element, the last one will overwrite other, You should put your target element into a div, and apply one transform-animation on the div and other transform-animation on the target element…. .div_class { animation:animate1 1000ms linear infinite; } .element { … Read more
That depends on what box-sizing attribute you have used: border-box means that the height and width of the box, defined/calculated in CSS, will also include the padding(s) and border width(s) applied to it content-box is the default behavior, where padding(s) and border width(s) are added onto the defined/calculated height and width of the box. By … Read more
For some reason Chrome forces it to be semi-transparent. However, you can get around this by setting the background using rgba. I have set the alpha value to be just 0.01 less than 1. Live example: http://jsfiddle.net/tw16/m8End/ p::-moz-selection { background:rgba(255, 255, 125, 0.99); color:#032764; } p::-webkit-selection { background:rgba(255, 255, 125, 0.99); color:#032764; } p::selection { … Read more
background: rgba(0,0,0,.5); you can use rgba for opacity, will only work in ie9+ and better browsers
Option 1: Generating Automatically: You can create a navigation component from templates provided by Material itself using ‘Angular CLI component schematics’ ng generate @angular/material:nav your-component-name The above command will generate a new component that includes a toolbar with the app name and a responsive side nav based on Material breakpoints. See more about angular material … Read more
The question is old now. But if somebody looks here the trick in the current version is to use the nav-stack class, like so: <nav> <ul class=”nav nav-pills nav-stacked span2″> <li><a href=”#”>Home</a></li> <li><a href=”#”>About</a></li> <li><a href=”#”>Contact</a></li> </ul> </nav>
You can set the font size to zero: .btn { font-size: 0; } If your icons contain text, overwrite their font size: .fa { font-size: initial; }
Boostrap 4 does not support Glyphicons anymore, you can use Font Awesome instead: npm install –save fortawesome/fontawesome-free and add the css File to your .angular-cli.json “apps”: [ { …. “styles”: [ “styles.css”, “../node_modules/bootstrap/dist/css/bootstrap.css”, “../node_modules/font-awesome/css/font-awesome.css” ], … } ] ], Replace CSS class with the Font Awesome classes: <i class=”navbar-toggler-icon fa fa-bars”> </i> recompile app: ng … Read more
Update: LESS >= 1.6 As of version 1.6 (see changelog) property name interpolation is implemented in LESS. So you don’t need any magic anymore. (For older versions, see my original answer.) Your mixin would work basically as is: LESS: .vendor(@property; @value){ -webkit-@{property}: @value; -moz-@{property}: @value; -ms-@{property}: @value; -o-@{property}: @value; @{property}: @value; } /*example*/ .test { … Read more