sass!
This commit is contained in:
parent
e8d5705df6
commit
0cd2c896c1
2 changed files with 66 additions and 8 deletions
|
@ -13,6 +13,28 @@ $bezier: cubic-bezier(0.75, 0, 0.25, 1);
|
||||||
&::-webkit-scrollbar { display: none; }
|
&::-webkit-scrollbar { display: none; }
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@each $cursor in (pointer none) {
|
||||||
|
.cursor-#{$cursor} {
|
||||||
|
cursor: $cursor;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@each $direction in (top, right, bottom, left) {
|
||||||
|
.#{$direction}-0 {
|
||||||
|
#{$direction}: 0
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@each $value in $overflows {
|
||||||
|
.overflow-#{$value} { overflow: $value !important; }
|
||||||
|
}
|
||||||
|
|
||||||
|
@each $axis in (y, x) {
|
||||||
|
@each $value in $overflows {
|
||||||
|
.overflow-#{$axis}-#{$value} { overflow-#{$axis}: $value !important; }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* Poder aumentar o disminuir el alto de la tipografía, se usa de la
|
* Poder aumentar o disminuir el alto de la tipografía, se usa de la
|
||||||
* misma forma que los modificadores de padding y margin.
|
* misma forma que los modificadores de padding y margin.
|
||||||
|
@ -21,6 +43,10 @@ $bezier: cubic-bezier(0.75, 0, 0.25, 1);
|
||||||
.f-#{$size} {
|
.f-#{$size} {
|
||||||
font-size: $length !important;
|
font-size: $length !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.text-column-#{$size} {
|
||||||
|
column-count: $size;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
|
@ -62,6 +88,10 @@ $bezier: cubic-bezier(0.75, 0, 0.25, 1);
|
||||||
.f-#{$grid-breakpoint}-#{$size} {
|
.f-#{$grid-breakpoint}-#{$size} {
|
||||||
font-size: $length !important;
|
font-size: $length !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.text-column-#{$grid-breakpoint}-#{$size} {
|
||||||
|
column-count: $size;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -88,11 +118,42 @@ $vendor-prefixes: ("", "-webkit-", "-ms-", "-o-", "-moz-");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.scrollbar-#{$color} {
|
||||||
|
scrollbar-color: var(--#{$color}) transparent;
|
||||||
|
scrollbar-width: thin;
|
||||||
|
|
||||||
|
&::-webkit-scrollbar {
|
||||||
|
width: 5px;
|
||||||
|
height: 8px;
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
&::-webkit-scrollbar-thumb {
|
||||||
|
background: var(--#{$color});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.border-#{$color} {
|
||||||
|
border-color: var(--#{$color}) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hover-bg-#{$color} {
|
||||||
|
&:hover {
|
||||||
|
background-color: var(--#{$color});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.hover-#{$color} {
|
||||||
|
&:hover {
|
||||||
|
color: var(--#{$color});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.#{$color} {
|
.#{$color} {
|
||||||
color: var(--#{$color}) !important;
|
color: var(--#{$color});
|
||||||
|
|
||||||
&:focus {
|
&:focus {
|
||||||
color: var(--#{$color}) !important;
|
color: var(--#{$color});
|
||||||
}
|
}
|
||||||
|
|
||||||
::-moz-selection,
|
::-moz-selection,
|
||||||
|
@ -109,12 +170,7 @@ $vendor-prefixes: ("", "-webkit-", "-ms-", "-o-", "-moz-");
|
||||||
|
|
||||||
.form-control {
|
.form-control {
|
||||||
border-color: var(--#{$color});
|
border-color: var(--#{$color});
|
||||||
}
|
color: var(--#{$color});
|
||||||
|
|
||||||
.btn {
|
|
||||||
background-color: var(--#{$color});
|
|
||||||
color: white;
|
|
||||||
border-color: var(--#{$color});
|
|
||||||
}
|
}
|
||||||
|
|
||||||
hr {
|
hr {
|
||||||
|
|
|
@ -3,6 +3,8 @@
|
||||||
---
|
---
|
||||||
|
|
||||||
$debug: {{ jekyll.environment | not: 'production' }};
|
$debug: {{ jekyll.environment | not: 'production' }};
|
||||||
|
$prefixes: ("", "-webkit-", "-ms-", "-o-", "-moz-");
|
||||||
|
$overflows: auto, hidden, scroll;
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* Redefinir variables de Boostrap acá. Se las puede ver en
|
* Redefinir variables de Boostrap acá. Se las puede ver en
|
||||||
|
|
Loading…
Reference in a new issue