Your IP : 10.10.0.253

Current Path : /var/www/templates/jl_homemaker_free/scss/
Upload File :
Current File : /var/www/templates/jl_homemaker_free/scss/_heading.scss

// Style 1
.style1{
  .jl-heading-content{
    .jl-heading-title{
      display: inline-block;
      position: relative;
    }
  }
  .uk-text-center{
    .jl-heading-content{
      .jl-heading-title:before{
        position: absolute;
        content: '';
        bottom: 0px;
        height: 2px;
        background: #ddd;
        width: 30px;
        left: 50%;
        margin-left: -15px;
      }
    }
  }
  .uk-text-left{
    .jl-heading-content{
      .jl-heading-title:before{
        position: absolute;
        content: '';
        bottom: 0px;
        height: 2px;
        background: #ddd;
        width: 30px;
        left: 0;
      }
    }
  }
  .uk-text-right{
    .jl-heading-content{
      .jl-heading-title:before{
        position: absolute;
        content: '';
        bottom: 0px;
        height: 2px;
        background: #ddd;
        width: 30px;
        right: 0;
      }
    }
  }
}
// Style 2
.style2{
  .jl-heading-content{
    .jl-heading-title{
      display: inline-block;
      position: relative;
      border-bottom: 1px solid #eee
    }
  }
  .uk-text-center{
    .jl-heading-content{
      .jl-heading-title:before{
        position: absolute;
        content: '';
        bottom: -1px;
        height: 1px;
        background: #777;
        width: 30px;
        left: 50%;
        margin-left: -15px;
      }
    }
  }
  .uk-text-left{
    .jl-heading-content{
      .jl-heading-title:before{
        position: absolute;
        content: '';
        bottom: -1px;
        height: 1px;
        background: #777;
        width: 30px;
        left: 0;
      }
    }
  }
  .uk-text-right{
    .jl-heading-content{
      .jl-heading-title:before{
        position: absolute;
        content: '';
        bottom: -1px;
        height: 1px;
        background: #777;
        width: 30px;
        right: 0;
      }
    }
  }
}

// Style 3
.style3{
  .jl-heading-content{
    .jl-heading-title{
      display: inline-block;
      position: relative;
    }
  }
  .uk-text-center{
    .jl-heading-content{
      .jl-heading-title:before{
        position: absolute;
        content: '';
        bottom: 0;
        background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iLTI0NCAzOTEgMTIyIDEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0yNDQgMzkxIDEyMiAxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIGlkPSJYTUxJRF8zOTNfIiBjbGFzcz0ic3QwIiBwb2ludHM9Ii0xNzIuNiwzOTEgLTE3My44LDM5MSAtMTc1LjYsMzkyLjggLTE4Myw0MDAuMiAtMTkwLjQsMzkyLjggLTE5Mi4yLDM5MSAtMTkzLjQsMzkxICAgLTI0NCwzOTEgLTI0NCwzOTIuOCAtMTkyLjksMzkyLjggLTE4Myw0MDIuNyAtMTczLjEsMzkyLjggLTEyMiwzOTIuOCAtMTIyLDM5MSAiIGZpbGw9IiNEREREREQiLz48L3N2Zz4=);
        width: 122px;
        height: 12px;
        left: 50%;
        margin-left: -61px;
      }
    }
  }
  .uk-text-left{
    .jl-heading-content{
      .jl-heading-title:before{
        position: absolute;
        content: '';
        bottom: 0;
        background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iLTI0NCAzOTEgMTIyIDEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0yNDQgMzkxIDEyMiAxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIGlkPSJYTUxJRF8zOTNfIiBjbGFzcz0ic3QwIiBwb2ludHM9Ii0xNzIuNiwzOTEgLTE3My44LDM5MSAtMTc1LjYsMzkyLjggLTE4Myw0MDAuMiAtMTkwLjQsMzkyLjggLTE5Mi4yLDM5MSAtMTkzLjQsMzkxICAgLTI0NCwzOTEgLTI0NCwzOTIuOCAtMTkyLjksMzkyLjggLTE4Myw0MDIuNyAtMTczLjEsMzkyLjggLTEyMiwzOTIuOCAtMTIyLDM5MSAiIGZpbGw9IiNEREREREQiLz48L3N2Zz4=);
        width: 122px;
        height: 12px;
        left: 0;
      }
    }
  }
  .uk-text-right{
    .jl-heading-content{
      .jl-heading-title:before{
        position: absolute;
        content: '';
        bottom: 0;
        background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iLTI0NCAzOTEgMTIyIDEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0yNDQgMzkxIDEyMiAxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIGlkPSJYTUxJRF8zOTNfIiBjbGFzcz0ic3QwIiBwb2ludHM9Ii0xNzIuNiwzOTEgLTE3My44LDM5MSAtMTc1LjYsMzkyLjggLTE4Myw0MDAuMiAtMTkwLjQsMzkyLjggLTE5Mi4yLDM5MSAtMTkzLjQsMzkxICAgLTI0NCwzOTEgLTI0NCwzOTIuOCAtMTkyLjksMzkyLjggLTE4Myw0MDIuNyAtMTczLjEsMzkyLjggLTEyMiwzOTIuOCAtMTIyLDM5MSAiIGZpbGw9IiNEREREREQiLz48L3N2Zz4=);
        width: 122px;
        height: 12px;
        right: 0;
      }
    }
  }
}

// Style 4
.style4{
  .jl-heading-content{
    .jl-heading-title{
      display: inline-block;
      position: relative;
    }
  }
  .uk-text-center{
    .jl-heading-content{
      .jl-heading-title:before{
        position: absolute;
        content: '';
        bottom: 0;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjkiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEwMCAxMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxjaXJjbGUgZmlsbD0iI2RkZCIgY3g9IjUwIiBjeT0iNTAiIHI9IjUwIi8+PC9zdmc+);
        width: 27px;
        height: 6px;
        left: 50%;
        margin-left: -13px;
      }
    }
  }
  .uk-text-left{
    .jl-heading-content{
      .jl-heading-title:before{
        position: absolute;
        content: '';
        bottom: 0;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjkiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEwMCAxMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxjaXJjbGUgZmlsbD0iI2RkZCIgY3g9IjUwIiBjeT0iNTAiIHI9IjUwIi8+PC9zdmc+);
        width: 27px;
        height: 6px;
        left: 0;
      }
    }
  }
  .uk-text-right{
    .jl-heading-content{
      .jl-heading-title:before{
        position: absolute;
        content: '';
        bottom: 0;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjkiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEwMCAxMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxjaXJjbGUgZmlsbD0iI2RkZCIgY3g9IjUwIiBjeT0iNTAiIHI9IjUwIi8+PC9zdmc+);
        width: 27px;
        height: 6px;
        right: 0;
      }
    }
  }
}


// Style 5
.style5{
  .jl-heading-content{
    .jl-heading-title{
      display: inline-block;
      position: relative;
    }
  }
  .uk-text-center{
    .jl-heading-content{
      .jl-heading-title:before{
        position: absolute;
        content: '';
        bottom: 0;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjEyMnB4IiBoZWlnaHQ9IjEycHgiIHZpZXdCb3g9IjAgMCAxMjIgMTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyMiAxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGNpcmNsZSBmaWxsPSJ0cmFuc3BhcmVudCIgc3Ryb2tlPSIjY2NjY2NjIiBzdHJva2Utd2lkdGg9IjIiIGN4PSI2MSIgY3k9IjYiIHI9IjUiLz48cmVjdCB5PSI1IiB3aWR0aD0iNTAiIGhlaWdodD0iMSIgZmlsbD0iI2NjYyIvPjxyZWN0IHg9IjcyIiB5PSI1IiB3aWR0aD0iNTAiIGhlaWdodD0iMSIgZmlsbD0iI2RkZCIvPjwvc3ZnPg==);
        width: 122px;
        height: 12px;
        left: 50%;
        margin-left: -61px;
      }
    }
  }
  .uk-text-left{
    .jl-heading-content{
      .jl-heading-title:before{
        position: absolute;
        position: absolute;
        content: '';
        bottom: 0;
        background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjEyMnB4IiBoZWlnaHQ9IjEycHgiIHZpZXdCb3g9IjAgMCAxMjIgMTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyMiAxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGNpcmNsZSBmaWxsPSJ0cmFuc3BhcmVudCIgc3Ryb2tlPSIjY2NjY2NjIiBzdHJva2Utd2lkdGg9IjIiIGN4PSI2MSIgY3k9IjYiIHI9IjUiLz48cmVjdCB5PSI1IiB3aWR0aD0iNTAiIGhlaWdodD0iMSIgZmlsbD0iI2NjYyIvPjxyZWN0IHg9IjcyIiB5PSI1IiB3aWR0aD0iNTAiIGhlaWdodD0iMSIgZmlsbD0iI2RkZCIvPjwvc3ZnPg==);

        width: 122px;
        height: 12px;
        left: 0;
      }
    }
  }
  .uk-text-right{
    .jl-heading-content{
      .jl-heading-title:before{
        position: absolute;
        content: '';
        bottom: 0;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjEyMnB4IiBoZWlnaHQ9IjEycHgiIHZpZXdCb3g9IjAgMCAxMjIgMTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyMiAxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGNpcmNsZSBmaWxsPSJ0cmFuc3BhcmVudCIgc3Ryb2tlPSIjY2NjY2NjIiBzdHJva2Utd2lkdGg9IjIiIGN4PSI2MSIgY3k9IjYiIHI9IjUiLz48cmVjdCB5PSI1IiB3aWR0aD0iNTAiIGhlaWdodD0iMSIgZmlsbD0iI2NjYyIvPjxyZWN0IHg9IjcyIiB5PSI1IiB3aWR0aD0iNTAiIGhlaWdodD0iMSIgZmlsbD0iI2RkZCIvPjwvc3ZnPg==);
        width: 122px;
        height: 12px;
        right: 0;
      }
    }
  }
}


// Style 6
.style6{
  .jl-heading-content{
    .jl-heading-title{
      display: inline-block;
      position: relative;
      h1,h2,h3,h4,h5,h6{
        margin: 0;
      }
    }
  }
  .uk-text-center{
    .jl-heading-content{
      .jl-heading-title:before{
        content: '';
        position: absolute;
        right: 100%;
        top: 50%;
        height: 0px;
        width: 100%;
        border-bottom: 1px solid #444;
      }
      .jl-heading-title:after{
        content: '';
        position: absolute;
        left: 100%;
        top: 50%;
        height: 0px;
        width: 100%;
        border-bottom: 1px solid #444;
      }
    }
  }
  .uk-text-left{
    .jl-heading-content{
      .jl-heading-title:after{
        content: '';
        position: absolute;
        left: 100%;
        top: 50%;
        height: 0px;
        width: 100%;
        border-bottom: 1px solid #444;
      }
    }
  }
  .uk-text-right{
    .jl-heading-content{
      .jl-heading-title:before{
        content: '';
        position: absolute;
        right: 100%;
        top: 50%;
        height: 0px;
        width: 100%;
        border-bottom: 1px solid #444;
      }
    }
  }
}


// Style 7
.style7{
  .jl-heading-content{
    .jl-heading-title{
      display: inline-block;
      position: relative;
      h1,h2,h3,h4,h5,h6{
        margin: 0;
      }
    }
  }
  .uk-text-center{
    .jl-heading-content{
      .jl-heading-title:before{
        content: '';
        position: absolute;
        right: 100%;
        top: 50%;
        height: 0px;
        width: 100%;
        border-bottom: 1px dashed #444;
      }
      .jl-heading-title:after{
        content: '';
        position: absolute;
        left: 100%;
        top: 50%;
        height: 0px;
        width: 100%;
        border-bottom: 1px dashed #444;
      }
    }
  }
  .uk-text-left{
    .jl-heading-content{
      .jl-heading-title:after{
        content: '';
        position: absolute;
        left: 100%;
        top: 50%;
        height: 0px;
        width: 100%;
        border-bottom: 1px dashed #444;
      }
    }
  }
  .uk-text-right{
    .jl-heading-content{
      .jl-heading-title:before{
        content: '';
        position: absolute;
        right: 100%;
        top: 50%;
        height: 0px;
        width: 100%;
        border-bottom: 1px dashed #444;
      }
    }
  }
}



// Style 8
.style8{
  .jl-heading-content{
    overflow: hidden;
    .jl-heading-title{
      display: inline-block;
      position: relative;
      h1,h2,h3,h4,h5,h6{
        margin: 0;
      }
    }
  }
  .uk-text-center{
    .jl-heading-content{
      .jl-heading-title:before{
        position: absolute;
        content: '';
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc1JyBoZWlnaHQ9JzEwJyB2aWV3Qm94PScwIDAgNSAxMCc+Cgk8bGluZSB4MT0nLTInIHkxPScxJyB4Mj0nNycgeTI9JzEwJyBzdHJva2U9JyNkZGRkZGQnIHN0cm9rZS13aWR0aD0nMScvPgoJPGxpbmUgeDE9Jy0yJyB5MT0nNicgeDI9JzcnIHkyPScxNScgc3Ryb2tlPScjZGRkZGRkJyBzdHJva2Utd2lkdGg9JzEnLz4KCTxsaW5lIHgxPSctMicgeTE9Jy00JyB4Mj0nNycgeTI9JzUnIHN0cm9rZT0nI2RkZGRkZCcgc3Ryb2tlLXdpZHRoPScxJy8+Cjwvc3ZnPg==);
        width: 100%;
        height: 100%;
        left: 100%;
        top: 0;
      }
      .jl-heading-title:after{
        position: absolute;
        content: '';
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc1JyBoZWlnaHQ9JzEwJyB2aWV3Qm94PScwIDAgNSAxMCc+Cgk8bGluZSB4MT0nLTInIHkxPScxJyB4Mj0nNycgeTI9JzEwJyBzdHJva2U9JyNkZGRkZGQnIHN0cm9rZS13aWR0aD0nMScvPgoJPGxpbmUgeDE9Jy0yJyB5MT0nNicgeDI9JzcnIHkyPScxNScgc3Ryb2tlPScjZGRkZGRkJyBzdHJva2Utd2lkdGg9JzEnLz4KCTxsaW5lIHgxPSctMicgeTE9Jy00JyB4Mj0nNycgeTI9JzUnIHN0cm9rZT0nI2RkZGRkZCcgc3Ryb2tlLXdpZHRoPScxJy8+Cjwvc3ZnPg==);
        width: 100%;
        height: 100%;
        right: 100%;
        top: 0;
      }
    }
  }
  .uk-text-left{
    .jl-heading-content{
      .jl-heading-title:before{
        position: absolute;
        content: '';
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc1JyBoZWlnaHQ9JzEwJyB2aWV3Qm94PScwIDAgNSAxMCc+Cgk8bGluZSB4MT0nLTInIHkxPScxJyB4Mj0nNycgeTI9JzEwJyBzdHJva2U9JyNkZGRkZGQnIHN0cm9rZS13aWR0aD0nMScvPgoJPGxpbmUgeDE9Jy0yJyB5MT0nNicgeDI9JzcnIHkyPScxNScgc3Ryb2tlPScjZGRkZGRkJyBzdHJva2Utd2lkdGg9JzEnLz4KCTxsaW5lIHgxPSctMicgeTE9Jy00JyB4Mj0nNycgeTI9JzUnIHN0cm9rZT0nI2RkZGRkZCcgc3Ryb2tlLXdpZHRoPScxJy8+Cjwvc3ZnPg==);
        width: 100%;
        height: 100%;
        left: 100%;
        top: 0;
      }
    }
  }
  .uk-text-right{
    .jl-heading-content{
      .jl-heading-title:after{
        position: absolute;
        content: '';
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc1JyBoZWlnaHQ9JzEwJyB2aWV3Qm94PScwIDAgNSAxMCc+Cgk8bGluZSB4MT0nLTInIHkxPScxJyB4Mj0nNycgeTI9JzEwJyBzdHJva2U9JyNkZGRkZGQnIHN0cm9rZS13aWR0aD0nMScvPgoJPGxpbmUgeDE9Jy0yJyB5MT0nNicgeDI9JzcnIHkyPScxNScgc3Ryb2tlPScjZGRkZGRkJyBzdHJva2Utd2lkdGg9JzEnLz4KCTxsaW5lIHgxPSctMicgeTE9Jy00JyB4Mj0nNycgeTI9JzUnIHN0cm9rZT0nI2RkZGRkZCcgc3Ryb2tlLXdpZHRoPScxJy8+Cjwvc3ZnPg==);
        width: 100%;
        height: 100%;
        right: 100%;
        top: 0;
      }
    }
  }
}