Commit a9211029 authored by Otto Zaiser's avatar Otto Zaiser

Agregando archivos src y gulp para maquetar

parent cd8958d2
# Created by https://www.gitignore.io/api/node
### Node ###
# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
.sass-cache
.DS_Store
# Runtime data
pids
*.pid
*.seed
*.pid.lock
# Directory for instrumented libs generated by jscoverage/JSCover
lib-cov
# Coverage directory used by tools like istanbul
coverage
# nyc test coverage
.nyc_output
# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
.grunt
# Bower dependency directory (https://bower.io/)
bower_components
# node-waf configuration
.lock-wscript
# Compiled binary addons (http://nodejs.org/api/addons.html)
build/Release
# Dependency directories
node_modules/
jspm_packages/
# Typescript v1 declaration files
typings/
# Optional npm cache directory
.npm
# Optional eslint cache
.eslintcache
# Optional REPL history
.node_repl_history
# Output of 'npm pack'
*.tgz
# Yarn Integrity file
.yarn-integrity
# dotenv environment variables file
.env
# End of https://www.gitignore.io/api/node
# Markup para BFA Admin
Maquetado para BFA Admin. El javascript es meramente por funcionalidad de prototipado.
## Requisitos
Instalar [Node.js]
Instalar dependencias:
```sh
npm install
```
## Utilizar carpeta DIST
En la carpeta 'dist' están los archivos finales.
## Comandos
**"gulp watch"** para trabajar en los archivos
**"gulp watchcss"** para trabajar solo en los SCSS
**"gulp deploy"** para compilar, minimizar y optimizar archivos
[Node.js]: https://nodejs.org/en/
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 200 200" style="enable-background:new 0 0 200 200;" xml:space="preserve">
<style type="text/css">
.st0{fill:#E7F5FB;}
.st1{fill:#F04E44;stroke:#46245E;stroke-width:2.1041;stroke-miterlimit:10;}
</style>
<title>ICONOS</title>
<circle class="st0" cx="100.1" cy="99.6" r="47.8"/>
<path class="st1" d="M110.2,100l11.2-11.2c2.8-2.8,2.8-7.4,0-10.2c-2.8-2.8-7.4-2.8-10.2,0L100,89.8L88.8,78.6
c-2.8-2.8-7.4-2.8-10.2,0c-2.8,2.8-2.8,7.4,0,10.2L89.8,100l-11.2,11.2c-2.8,2.8-2.8,7.4,0,10.2c2.8,2.8,7.4,2.8,10.2,0l11.2-11.2
l11.2,11.2c2.8,2.8,7.4,2.8,10.2,0s2.8-7.4,0-10.2L110.2,100z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17.71 20.45" width="25" height="30"><title>Bullet</title><path fill="#005c84" d="M8.86 10.22z"/><path fill="#b9cc2e" d="M8.86 0L0 5.11l8.86 5.11 8.85-5.11L8.86 0z"/><path fill="#d9e264" d="M8.86 10.22v10.23l8.85-5.11V5.11l-8.85 5.11z"/><path fill="#9da811" d="M8.86 10.22L0 5.11v10.23l8.86 5.11V10.22z"/></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><defs><style>.c{stroke-width:3px;fill:none;stroke:#e4b349;stroke-linecap:round;stroke-linejoin:round}</style></defs><title>ICONOS</title><circle cx="100.09" cy="99.61" r="47.77" fill="#e7f5fb"/><path fill="#b9cc2e" stroke="#46245e" stroke-miterlimit="10" stroke-width="3" d="M98.92 124.17a7 7 0 0 1-4.69-1.81l-17.06-15.51a7 7 0 0 1 9.39-10.33l11.93 10.85 37.57-40.67a7 7 0 0 1 10.26 9.47l-42.27 45.76a7 7 0 0 1-5.13 2.24z"/><path d="M38.16 43.83v7.38M34.47 47.52h7.38M60.85 30.02v7.38M57.16 33.71h7.38M155.92 164.52v7.38M152.23 168.21h7.38M126.16 150.25v7.38M122.47 153.94h7.38" class="c"/></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><style>.st6,.st7{stroke-width:3;stroke-miterlimit:10}.st6{stroke-linecap:round;stroke-linejoin:round;fill:none;stroke:#e4b349}.st7{fill:#b9cc2e;stroke:#46245e}</style><g id="Capa_2"><circle cx="100.1" cy="99.6" r="47.8" fill="#e7f5fb"/><path d="M45.2 64.8v7.4M41.5 68.5h7.4M60.9 44v-6.6M57.2 40.7h7.3M150.9 139.5v7.4M147.2 143.2h7.4" class="st6"/><g><path d="M126.2 156.3v7.3M122.5 159.9h7.3" class="st6"/></g><g><path fill="#e6e6e6" stroke="#46245e" stroke-miterlimit="10" stroke-width="3" d="M126.9 125H73.1c-6.6 0-12-5.4-12-12V87c0-6.6 5.4-12 12-12h53.8c6.6 0 12 5.4 12 12v26c0 6.6-5.4 12-12 12z"/><path fill="none" stroke="#46245e" stroke-miterlimit="10" stroke-width="3" d="M63.5 78.3l33.4 26.8c1.8 1.5 4.4 1.4 6.2 0l33.1-26.8"/><path d="M61.1 115.5l28.5-16.3M138.8 115.5l-28.5-16.3" class="st7"/></g></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 139.31 100"><defs><style>.c{fill:#5c5c60}</style><radialGradient id="a" cx="69.48" cy="64.25" r="48.74" gradientTransform="matrix(1.39 0 0 1.39 -27.38 -19.65)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#84d0d0"/><stop offset="1" stop-color="#6a9ad1"/></radialGradient></defs><title>Blockchain Federal Argentina</title><path fill="#e5b449" d="M69.65 53.63a14.47 14.47 0 0 0-14.47 14.48h28.95a14.48 14.48 0 0 0-14.48-14.48z"/><path fill="url(#a)" d="M1.61 68.11V55.32l22.14 12.79L45.9 55.32v12.79h1.61V54.39l22.14-12.78L91.8 54.39v13.72h1.61V54.39L104.48 48l10.27-5.93v26h1.61v-26l21.34 12.32v13.72h1.61V53.47l-23-13.25v-26.5L92.6 0 69.65 13.25 46.7 0 23 13.72v26.5L0 53.47v14.64zm91.8-65.79l21.34 12.32v24.65L93.41 27zm20.53 38.36l-10.26 5.93L92.6 53 71.26 40.68 92.6 28.36zm-43.48-26L91.8 2.32V27L70.46 39.29zm-1.61 25.54L47.51 52.54V27.89l21.34-12.32zM46.7 1.86L68 14.18 46.7 26.5 25.36 14.18zM24.56 15.57L45.9 27.89v24.65l-10.27-5.93-11.07-6.39zm-.81 26L34.83 48l10.27 5.93-21.35 12.32L2.41 53.93z"/><path d="M.09 73.53H5.6c2.66 0 4.58 1.47 4.58 4a3.68 3.68 0 0 1-2 3.39 3.79 3.79 0 0 1 2.59 3.81c0 3-2.3 4.48-5.06 4.48H.09zm5.51 6.62a2.23 2.23 0 0 0 2.32-2.39 2.16 2.16 0 0 0-2.36-2.32H2.3v4.71zm.25 7.21a2.5 2.5 0 0 0 2.7-2.68A2.56 2.56 0 0 0 5.83 82H2.3v5.38zM14.43 73.53h2.21v13.83h7.05v1.91h-9.26zM33.25 73.26a7.93 7.93 0 0 1 8.07 8 8.09 8.09 0 1 1-16.17 0 8 8 0 0 1 8.1-8zm0 14.25a6 6 0 0 0 5.8-6.22 5.82 5.82 0 1 0-11.63 0 6 6 0 0 0 5.83 6.22zM51.47 73.26a8.11 8.11 0 0 1 5.73 2.07L56.11 77a7.2 7.2 0 0 0-4.55-1.71 5.71 5.71 0 0 0-5.82 6 5.91 5.91 0 0 0 5.84 6.22 7.11 7.11 0 0 0 4.86-2.05L57.63 87a8.47 8.47 0 0 1-6.12 2.5 8.14 8.14 0 0 1 0-16.28zM61 73.53h2.21v6.62l6.32-6.62H72L65.06 81l7.21 8.23h-2.5l-6.54-7.22v7.22H61zM80.9 73.33a8 8 0 0 1 5.65 2l-.83 1.13A7.37 7.37 0 0 0 81 74.75a6.27 6.27 0 0 0-6.31 6.56c0 3.75 2.63 6.8 6.35 6.8A7.35 7.35 0 0 0 86.08 86l.92 1.11a8.36 8.36 0 0 1-6 2.43 7.89 7.89 0 0 1-8-8.21 7.77 7.77 0 0 1 7.9-8zM90.32 73.59h1.54v7.14H101v-7.14h1.54v15.68H101v-7.16h-9.1v7.16h-1.58zM114.79 84.28h-6.32l-1.78 5h-1.63l5.75-15.68h1.66l5.75 15.68h-1.63zm-3.17-9.06s-.34 1.3-.6 2l-2.1 5.69h5.4l-2.06-5.69c-.26-.73-.6-2-.6-2zM120.78 73.59h1.54v15.68h-1.54zM126.87 73.59h1.5l8 11.29c.53.78 1.29 2.12 1.29 2.12s-.13-1.29-.13-2.12V73.59h1.54v15.68h-1.49l-8-11.28c-.54-.78-1.3-2.12-1.3-2.12s.13 1.29.13 2.12v11.28h-1.54zM0 94.19h3v.5H.58v2.15h2.1v.5H.58v2.56H0zM7.88 94.19h3.22v.5H8.44v2.08h2.17v.51H8.44v2.12h2.81v.5H7.88zM16.21 94.19h1.84a2.86 2.86 0 1 1 0 5.71h-1.84zM18 99.4a2.36 2.36 0 0 0 0-4.71h-1.23v4.71zM25.91 94.19h3.22v.5h-2.66v2.08h2.17v.51h-2.17v2.12h2.8v.5h-3.36zM34.23 94.19h1.69a2.73 2.73 0 0 1 1.08.15 1.67 1.67 0 0 1-.22 3l.14.23 1.25 2.3h-.65l-1.29-2.4h-1.44v2.4h-.56zM36.15 97a1.18 1.18 0 0 0 .61-2.16 1.61 1.61 0 0 0-.81-.14h-1.16V97zM45.84 98.08h-2.3l-.65 1.82h-.59l2.09-5.71H45l2.09 5.71h-.59zm-1.15-3.3l-.22.74-.77 2.07h2l-.75-2.07a9.7 9.7 0 0 1-.22-.74zM51.71 94.19h.56v5.21h2.65v.5h-3.21zM68.29 98.08H66l-.66 1.82h-.59l2.1-5.71h.6l2.1 5.71H69zm-1.15-3.3s-.12.47-.22.74l-.76 2.07h2l-.74-2.07a9.7 9.7 0 0 1-.22-.74zM74.17 94.19h1.69a2.7 2.7 0 0 1 1.07.15 1.67 1.67 0 0 1-.22 3l.15.23 1.24 2.3h-.64l-1.29-2.4h-1.44v2.4h-.56zM76.08 97a1.06 1.06 0 0 0 1.13-1.16 1.05 1.05 0 0 0-.52-1 1.61 1.61 0 0 0-.81-.14h-1.15V97zM85.45 94.09a3.08 3.08 0 0 1 2 .67l-.3.42a2.82 2.82 0 0 0-1.71-.57 2.44 2.44 0 0 0 0 4.87 2.49 2.49 0 0 0 1.8-.84v-1h-1v-.51h1.51v2.77h-.52v-.43-.24a2.56 2.56 0 0 1-1.86.77 2.83 2.83 0 0 1-2.8-3 2.87 2.87 0 0 1 2.88-2.91zM92.8 94.19H96v.5h-2.64v2.08h2.17v.51h-2.17v2.12h2.8v.5H92.8zM101.12 94.19h.55l2.92 4.11c.19.29.47.77.47.77V94.19h.56v5.71H105l-2.92-4.11c-.19-.28-.47-.77-.47-.77V99.9h-.57zM112.21 94.69h-2v-.5h4.66v.5h-2v5.21h-.56zM119.39 94.19h.61v5.71h-.56zM125.29 94.19h.55l2.92 4.11c.19.29.47.77.47.77s-.05-.47-.05-.77v-4.11h.57v5.71h-.55l-2.92-4.11c-.19-.28-.47-.77-.47-.77V99.9h-.56zM137.92 98.08h-2.3L135 99.9h-.59l2.09-5.71h.6l2.1 5.71h-.59zm-1.16-3.3s-.12.47-.21.74l-.77 2.07h2l-.78-2.07a9.7 9.7 0 0 1-.22-.74z" class="c"/></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill="#EE0000" d="M0,7.562l1.114-3.438c2.565,0.906,4.43,1.688,5.59,2.35C6.398,3.553,6.237,1.544,6.22,0.447h3.511 c-0.05,1.597-0.234,3.6-0.558,6.003c1.664-0.838,3.566-1.613,5.714-2.325L16,7.562c-2.05,0.678-4.06,1.131-6.028,1.356 c0.984,0.856,2.372,2.381,4.166,4.575l-2.906,2.059c-0.935-1.274-2.041-3.009-3.316-5.206c-1.194,2.275-2.244,4.013-3.147,5.206 l-2.856-2.059c1.872-2.307,3.211-3.832,4.017-4.575C3.849,8.516,1.872,8.062,0,7.562"/></svg>
(function ($) {
$('.bt-top').hide();
$(window).scroll(function() {
checkNav();
});
function checkNav(){
var currentScroll = $(this).scrollTop();
if(currentScroll > 110) {
$('#navbar').addClass('navbar-fondo');
} else {
$('#navbar').removeClass('navbar-fondo');
}
}
checkNav();
$("#toggle-password").on('click', function(event) {
event.preventDefault();
if($('#pwd').attr("type") == "text"){
$('#pwd').attr('type', 'password');
$('#toggle-password .toggle-icon').removeClass( "fa-eye-slash" );
$('#toggle-password .toggle-icon').addClass( "fa-eye" );
}else if($('#pwd').attr("type") == "password"){
$('#pwd').attr('type', 'text');
$('#toggle-password .toggle-icon').addClass( "fa-eye-slash" );
$('#toggle-password .toggle-icon').removeClass( "fa-eye" );
}
});
})(jQuery);
/*!
* jQuery Validation Plugin v1.17.0
*
* https://jqueryvalidation.org/
*
* Copyright (c) 2017 Jörn Zaefferer
* Released under the MIT license
*/
(function( factory ) {
if ( typeof define === "function" && define.amd ) {
define( ["jquery"], factory );
} else if (typeof module === "object" && module.exports) {
module.exports = factory( require( "jquery" ) );
} else {
factory( jQuery );
}
}(function( $ ) {
/*!
* jQuery Validation Plugin v1.17.0
*
* https://jqueryvalidation.org/
*
* Copyright (c) 2017 Jörn Zaefferer
* Released under the MIT license
*/
(function( factory ) {
if ( typeof define === "function" && define.amd ) {
define( ["jquery"], factory );
} else if (typeof module === "object" && module.exports) {
module.exports = factory( require( "jquery" ) );
} else {
factory( jQuery );
}
}(function( $ ) {
$.extend( $.fn, {
// https://jqueryvalidation.org/validate/
......@@ -1561,7 +1561,7 @@ $.extend( $.validator, {
}
} );
// Ajax mode: abort
// usage: $.ajax({ mode: "abort"[, port: "uniqueport"]});
// if mode:"abort" is used, the previous request on that port (port can be undefined) is aborted via XMLHttpRequest.abort()
......@@ -1597,5 +1597,5 @@ if ( $.ajaxPrefilter ) {
return ajax.apply( this, arguments );
};
}
return $;
return $;
}));
\ No newline at end of file
//-----COLORES------
$blanco: #fff;
$negro: #2e2f30;
$primaryColor: #0094D4;
$secondaryColor: #755293;
$claro: #999999;
$tipo: rgb(51, 51, 51);
$body: #ffffff;
$hero-gradient-init: #3B76BA;
$hero-gradient-end: #7DD2D9;
$logout: #d9534f;
$light: #eeeeee;
$blocked: #cccccc;
$warning: #fbf3c8;
//---FUENTES---
@import url('https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,700,700i,800,800i');
$font: 'Raleway', Arial, sans-serif;
article{
.field--name-body{
margin-bottom: 50px;
margin-left: auto;
margin-right: auto;
max-width: 700px;
*:not(img) {
}
p.destacado{
// padding: 30px;
// border: 2px solid $primaryColor;
}
}
ul, ol{
margin-top: 20px;
li{
margin-bottom: 20px;
ul, ol{
margin-bottom: 40px;
}
}
}
img{
display: block;
max-width: 100%;
height: auto;
margin: 30px auto;
clear: both;
border-radius: 4px;
}
a img {
border: 1px solid $claro;
}
a:hover img,a:focus img{
border: 1px solid $negro;
box-shadow: 0px 3px 0px 0px $claro;
}
.field--name-field-image img{
margin-top: 0;
margin-bottom: 50px;
border-bottom: 10px solid $primaryColor;
}
.field--name-field-fecha {
float: left;
padding: 10px;
}
.field--name-field-categoria {
float: left;
color: $blanco;
background-color: $primaryColor;
padding: 10px;
a{
color: $blanco;
}
}
}
main form, .feedback{
margin: 0 auto;
margin-bottom: 50px;
max-width: 700px;
.btn-primary{
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
}
}
.feedback{
text-align: center;
img{
margin-top: -30px;
}
h1{
margin-top: -30px;
}
p{
width: 70%;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 30px;
}
}
#edit-preview{
display: none;
}
main section{
margin-top: 35px;
padding: 0 10px;
section{
margin-top: 0px;
}
@media (max-width: 768px) {
margin-top: 0px;
}
}
main{
margin-top: 30px;
margin-bottom: 50px;
padding: 0 20px;
min-height: calc(100vh - 504px);
a{
text-decoration: underline;
}
a.btn{
text-decoration: none;
}
h2{
//font-weight: 800;
position: relative;
margin-bottom: 50px;
&:after {
background-color: $secondaryColor;
content: "";
display: block;
height: 5px;
left: 0;
bottom: -15px;
position: absolute;
width: 50px;
}
}
h3{
color: $secondaryColor;
padding-left: 1.5em;
background-image: url('../images/bullet.svg');
background-repeat: no-repeat;
background-position: 0;
}
}
.diagonal-header{
height: 160px;
content: "";
background: url('../images/pattern.png'), $hero-gradient-init; /* Old browsers */
background: url('../images/pattern.png'), linear-gradient(to bottom, $hero-gradient-init 0%,$hero-gradient-end 130%);
transform: skewY(1.5deg);
transform-origin: top left;
@media (max-width: 768px) {
height: 130px;
}
}
table[role="presentation"] img{
margin: 0;
}
\ No newline at end of file
footer {
color: $blanco;
background-color: $negro;
text-align: center;
padding: 80px 0 60px 0;
height: 264px;
ul{
list-style: none;
padding-left: 0;
margin-bottom: 30px;
li{
position: relative;
display: inline-block;
margin: 0px 10px;
a{
color: $negro;
font-size: 16px;
display: inline-block;
background-color: $blanco;
border-radius: 60px;
width: 50px;
height: 50px;
padding: .55em 0em;
vertical-align: middle;
transition: all 0.2s ease;
}
a:hover, a:focus{
color: transparentize($color: $blanco, $amount: 0.2);
color: $blanco;
background-color: $primaryColor;
transform: scale(1.2);
}
}
}
h2{
@extend %sr-only;
}
}
//GENERICOS
html {font-size: 1.125em;}
body {
font-family: $font;
font-size: 1.125em;
font-weight: 300;
background-color: $body;
line-height: 1.45;
color: $tipo;
margin-top: 0;
}
.alert{
display: none;
}
p {
margin-bottom: 1.3em;
}
h1, h2, h3, h4 {
margin: 1em 0 0.5em;
font-weight: bold;
line-height: 1.2;
}
h1 {
margin-top: 0;
font-size: 2.441em;
}
h2 {font-size: 1.953em;}
h3 {font-size: 1.563em;}
h4 {font-size: 1.25em;}
small, .font_small {
font-size: 0.8em;
@media (max-width: 662px) {
font-size: 1em;
}
}
@media (max-width: 620px) {
h2{font-size: 1.563em;}
html,body{font-size: 1em;}
}
.breadcrumb{
background: transparent;
padding: 10px 0;
margin-top: 20px;
@extend .font_small;
> li + li:before {
padding: 0 5px;
color: #ccc;
content: "\00bb";
}
}
.fa {
vertical-align: middle;
}
/*---BOTONES--*/
.btn-primary {
background-color: $primaryColor;
color: $blanco;
border-color: $primaryColor;
border-radius: 50px;
border-width: 2px;
font-weight: 700;
transition: all 0.2s ease;
&:hover, &:focus, &:active, &:active:hover {
background-color:$blanco;
color: $primaryColor;
border-color: $primaryColor;
}
}
.btn-default {
color: $primaryColor;
background-color: transparent;
border-color: $primaryColor;
border-width: 2px;
border-style: solid;
border-image: initial;
padding: 10px 16px;
border-radius: 50px;
margin-top: 2px;
&:hover, &:focus{
color: $blanco;
background-color: $primaryColor;
border-color: $primaryColor;
}
}
//FIX Modal
.modal-open .navbar-fixed-top,
.modal-open .navbar-fixed-bottom {
margin-right: 15px;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
cursor: not-allowed;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
opacity: .65;
border-color: $claro;
background-color: $claro;
}
.btn.disabled:hover, .btn[disabled]:hover, fieldset[disabled] .btn:hover {
color: $blanco;
border-color: $claro;
background-color: $claro;
}
.visually-hidden {
position: absolute !important;
clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
height: 1px;
width: 1px;
word-wrap: normal;
}
.visually-hidden.focusable:active, .visually-hidden.focusable:focus {
position: fixed !important;
clip: auto;
overflow: visible;
height: auto;
width: 100%;
}
a.skip-link{
padding: 20px;
margin: 0 auto;
background-color: $primaryColor;
text-align: center;
z-index: 8000;
color: $blanco;
}
.input-group-addon {
}
button.toggle-button{
background: transparent;
border: 0;
height: 30px;
&:hover{
color: $primaryColor;
}
}
.form-footer{
margin: 40px 0;
p{
margin: 0;
margin-top: 8px;
}
@media (max-width: 768px) {
text-align: center;
}
}
.form-required:after {
background-image: url(../images/required.svg);
-webkit-background-size: 10px 10px;
background-size: 10px 10px;
content: "";
display: inline-block;
line-height: 1;
height: 10px;
width: 10px;
}
.navbar-header{
//float: left;
.logo{
margin-right: -15px;
padding-left: 15px;
padding-right: 15px;
@media (min-width: 768px){
margin-right: 0;
padding-left: 0;
}
img{
height: 100px;
width: 140px;
&:hover{
opacity: .9;
}
}
}
}
.navbar-default{
background-color: transparent;
border-color: transparent;
padding-top: 30px;
transition: padding 0.2s ease;
.navbar-nav li>a {
color: $primaryColor;
font-weight: 400;
@media (min-width: 768px) {
color: $blanco;
padding-bottom: 8px;
padding-left: 4px;
padding-right: 4px;
margin-left: 20px;
border-bottom: 2px solid transparent;
}
}
.navbar-nav li>a:hover, .navbar-nav li>a:focus {
@media (max-width: 768px) {
color: $primaryColor;
text-decoration: underline;
}
@media (min-width: 768px) {
color: $blanco;
border-bottom: 2px solid $blanco;
}
}
.navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
color: $blanco;
background-color: transparent;
border-bottom: 2px solid $blanco;
}
.navbar-nav > .open > a, .navbar-nav > .open > a:hover, .navbar-nav > .open > a:focus {
color: $blanco;
background-color: transparent;
}
.navbar-toggle {
border-color: $blanco;
.icon-bar{
background-color: $blanco;
}
}
.navbar-toggle:hover, .navbar-toggle:focus{