Skip to content

Instantly share code, notes, and snippets.

.modal {
&.no-slide {
.modal-dialog {
.transform(translate3d(0, 0, 0));
}
&:not(.in) .modal-dialog {
.transform(translate3d(0, 0, 0));
}
}
/*************************************************
* Modal Full Screen (.modal.modal-fullscreen)
*************************************************/
.modal-fullscreen {
z-index: 99999999;
padding-right: 0!important;
overflow: hidden;
.modal-dialog {
margin: 0;
/*******************************************************
:: Toggle Class
data-toggle="class"
data-class=""
data-target=".asd"
*******************************************************/
$('[data-toggle=class]').each(function(index, el) {
$(this).click(function(){
@media(max-width: @screen-sm-max){
.text-sm-left { text-align: left; }
.text-sm-right { text-align: right; }
}
@media(max-width: @screen-md-max){
.text-md-left { text-align: left; }
.text-md-right { text-align: right; }
}
@media(max-width: @screen-xs-max){
$('[data-animate-scroll]').each(function(index, el) {
$(this).on('click', function(event) {
var target = $( $(this).data('animate-scroll') );
var speed = $(this).data('animate-scroll-speed') ? $(this).data('animate-scroll-speed') : 800;
$('html, body').animate({
scrollTop: target.offset().top
}, speed);
.row-space-half {
margin-left: -@grid-gutter-width / 4;
margin-right: -@grid-gutter-width / 4;
> .col-xs-1, > .col-sm-1, > .col-md-1, > .col-lg-1,
> .col-xs-2, > .col-sm-2, > .col-md-2, > .col-lg-2,
> .col-xs-3, > .col-sm-3, > .col-md-3, > .col-lg-3,
> .col-xs-4, > .col-sm-4, > .col-md-4, > .col-lg-4,
> .col-xs-5, > .col-sm-5, > .col-md-5, > .col-lg-5,
> .col-xs-6, > .col-sm-6, > .col-md-6, > .col-lg-6,
> .col-xs-7, > .col-sm-7, > .col-md-7, > .col-lg-7,
.section-title {
margin: 40px 0 30px;
text-align: center;
}
.section-title:after {
border-top: 1px solid #555;
content: "";
display: block;
margin-top: -1em;
position: absolute;
.row-table {
display: table;
width: 100%;
}
@media (max-width: 768px) {
.row-xs-table {
display: table;
width: 100%;
/*******************************************************
:: Absolute
*******************************************************/
.absolute-top-right {
position: absolute;
right: 0;
top: 0;
}