Questions tagged as 'sass'

1
answer

problem with Pseudo-elements :: before and :: after in css

Greetings, I am trying to center the arrow I make with the pseudo-elements :Before and :after of css but I can not find how to solve my problem, the idea is that the arrow will focus on div that contains it and that the arro...
asked by 06.09.2017 / 16:59
2
answers

Can I abbreviate input types in Sass?

Writing some code using Sass I found this: input[type="text"]:focus { border: 3px solid #AFDDFB; transition: 100ms linear; } But I need to cover other types of Input, like this: input[type="text"]:focus, input[type="password"]:focus...
asked by 10.09.2016 / 20:40
1
answer

What does it mean in sass / scss "&"?

I found this in a sass/scss file of Bootstrap v4 : .nav-pills { .nav-link { @include border-radius($nav-pills-border-radius); &.active, .show > & { /* <-- !!! */ color: $nav-pills-link-active-color;...
asked by 02.10.2017 / 15:26
2
answers

How can I make a menu on an image?

I hope and you can help me with a question I have since I do not know much about css yet. Well, how can I make a menu on an image with css example I have the following html and css code: <div class="image-menu"> <img src="images/i...
asked by 06.07.2018 / 00:45
1
answer

loading font awesome icons [duplicated]

I'm having problems with loading the icons with font awesome and when he uses it he puts it to me like this:  This way I charge the icons. <!-- CARGANDO FUENTES --> <link href="https://fonts.googleapis.com/css?family=Lato" rel="sty...
asked by 13.02.2018 / 13:04
1
answer

Define variables with recurring names in Compass (SASS)

I need to define 100 variables which are composed of a prefix and the number such that: $negro_trans1 : rgba(0,0,0,.01); $negro_trans2 : rgba(0,0,0,.02); $negro_trans3 : rgba(0,0,0,.03); $negro_trans4 : rgba(0,0,0,.04); $negro_trans5 : rgba(...
asked by 04.12.2018 / 14:01
1
answer

CSS prefixes do not appear when compiling with gulp-ruby-sass

I am using gulp-ruby-sass instead of gulp-sass for the pre-compilation of the scss code of my project. It turns out that I still have prefixes in my file .scss and following the way in which the mixins are declared suc...
asked by 06.01.2016 / 01:20
1
answer

problem generating css with node-sass

To add the conversion from sass to css on my node I followed the steps of this tutorial , after completing it my file package.json looks like this: { "name": "kimera", "version": "0.4.4", "description": "A Modern CSS and JS frame...
asked by 24.03.2018 / 09:33
1
answer

CDN font-awesome does not work correctly

Greetings! I have the following problem with font-awesome where I want to use the CDN provided by this library but I do not get the necessary result. <!DOCTYPE html> <html> <head> <link href="https://...
asked by 18.09.2017 / 16:05
1
answer

how to use cal () with sass in loop @for

I need to generate with sass, for each of the created classes, a flex: 0 0 calc(numeroGrid% - 30px) . I have the following code: @mixin grid-generator($size) { @for $i from 1 through 12 { .col-#{$size}-#{$i} { flex: 0 0 percen...
asked by 02.11.2018 / 14:42