| Current File : /home/c/i/d/cideo/www/wp-includesVIp/js/crop/images/grid.less.tar |
home/cideo/www/wp-contentVIp/plugins/js_composer/assets/less/lib/grid.less 0000666 00000010340 15126344374 0022772 0 ustar 00 .vc_non_responsive {
//If "Disable responsive content elements" is checked in VC Settings
.vc_row {
.vc_col-sm-1 {
.make-xs-column(1);
}
.vc_col-sm-2 {
.make-xs-column(2);
}
.vc_col-sm-3 {
.make-xs-column(3);
}
.vc_col-sm-4 {
.make-xs-column(4);
}
.vc_col-sm-5 {
.make-xs-column(5);
}
.vc_col-sm-6 {
.make-xs-column(6);
}
.vc_col-sm-7 {
.make-xs-column(7);
}
.vc_col-sm-8 {
.make-xs-column(8);
}
.vc_col-sm-9 {
.make-xs-column(9);
}
.vc_col-sm-10 {
.make-xs-column(10);
}
.vc_col-sm-11 {
.make-xs-column(11);
}
.vc_col-sm-12 {
.make-xs-column(12);
}
.vc_loop-grid-columns(@grid-columns, sm, offset);
.vc_hidden-sm {
.responsive-invisibility();
}
}
}
// fix for flexbox row
.vc_column_container {
width: 100%;
}
.vc_make-grid-columns() {
// Common styles for all sizes of grid columns, widths 1-12
.vc_col(@index) when (@index = 1) {
// initial
@item: ~".vc_col-xs-@{index}, .vc_col-sm-@{index}, .vc_col-md-@{index}, .vc_col-lg-@{index}";
.vc_col((@index + 1), @item);
}
.vc_col(@index, @list) when (@index =< @grid-columns) {
// general; "=<" isn't a typo
@item: ~".vc_col-xs-@{index}, .vc_col-sm-@{index}, .vc_col-md-@{index}, .vc_col-lg-@{index}";
.vc_col((@index + 1), ~"@{list}, @{item}");
}
.vc_col(@index, @list) when (@index > @grid-columns) {
// terminal
@{list} {
position: relative;
// Prevent columns from collapsing when empty
min-height: 1px;
// Inner gutter via padding
padding-left: (@grid-gutter-width / 2);
padding-right: (@grid-gutter-width / 2);
.box-sizing(border-box);
}
}
.vc_col(1); // kickstart it
}
.vc_float-grid-columns(@class) {
.vc_col(@index) when (@index = 1) {
// initial
@item: ~".vc_col-@{class}-@{index}";
.vc_col((@index + 1), @item);
}
.vc_col(@index, @list) when (@index =< @grid-columns) {
// general
@item: ~".vc_col-@{class}-@{index}";
.vc_col((@index + 1), ~"@{list}, @{item}");
}
.vc_col(@index, @list) when (@index > @grid-columns) {
// terminal
@{list} {
float: left;
}
}
.vc_col(1); // kickstart it
}
.vc_calc-grid-column(@index, @class, @type) when (@type = width) and (@index > 0) {
.vc_col-@{class}-@{index} {
width: percentage((@index / @grid-columns));
}
}
.vc_calc-grid-column(@index, @class, @type) when (@type = push) and (@index > 0) {
.vc_col-@{class}-push-@{index} {
left: percentage((@index / @grid-columns));
}
}
.vc_calc-grid-column(@index, @class, @type) when (@type = push) and (@index = 0) {
.vc_col-@{class}-push-0 {
left: auto;
}
}
.vc_calc-grid-column(@index, @class, @type) when (@type = pull) and (@index > 0) {
.vc_col-@{class}-pull-@{index} {
right: percentage((@index / @grid-columns));
}
}
.vc_calc-grid-column(@index, @class, @type) when (@type = pull) and (@index = 0) {
.vc_col-@{class}-pull-0 {
right: auto;
}
}
.vc_calc-grid-column(@index, @class, @type) when (@type = offset) {
.vc_col-@{class}-offset-@{index} {
margin-left: percentage((@index / @grid-columns));
}
}
// Basic looping in LESS
.vc_loop-grid-columns(@index, @class, @type) when (@index >= 0) {
.vc_calc-grid-column(@index, @class, @type);
// next iteration
.vc_loop-grid-columns((@index - 1), @class, @type);
}
// Create grid for specific class
.vc_make-grid(@class) {
.vc_float-grid-columns(@class);
.vc_loop-grid-columns(@grid-columns, @class, width);
.vc_loop-grid-columns(@grid-columns, @class, pull);
.vc_loop-grid-columns(@grid-columns, @class, push);
.vc_loop-grid-columns(@grid-columns, @class, offset);
}
.vc_row {
.make-row();
}
.vc_make-grid-columns();
// Extra small grid
//
// Columns, offsets, pushes, and pulls for extra small devices like
// smartphones.
.vc_make-grid(xs);
@media (min-width: @screen-sm-min) {
.vc_make-grid(sm);
}
// Medium grid
//
// Columns, offsets, pushes, and pulls for the desktop device range.
@media (min-width: @screen-md-min) {
.vc_make-grid(md);
}
// Large grid
//
// Columns, offsets, pushes, and pulls for the large desktop device range.
@media (min-width: @screen-lg-min) {
.vc_make-grid(lg);
} home/cideo/www/wp-contentVIp/plugins/js_composer/assets/lib/bower/bootstrap3/less/grid.less 0000666 00000002553 15127644367 0026225 0 ustar 00 //
// Grid system
// --------------------------------------------------
// Container widths
//
// Set the container width, and override it for fixed navbars in media queries.
.container {
.container-fixed();
@media (min-width: @screen-sm-min) {
width: @container-sm;
}
@media (min-width: @screen-md-min) {
width: @container-md;
}
@media (min-width: @screen-lg-min) {
width: @container-lg;
}
}
// Fluid container
//
// Utilizes the mixin meant for fixed width containers, but without any defined
// width for fluid, full width layouts.
.container-fluid {
.container-fixed();
}
// Row
//
// Rows contain and clear the floats of your columns.
.row {
.make-row();
}
// Columns
//
// Common styles for small and large grid columns
.make-grid-columns();
// Extra small grid
//
// Columns, offsets, pushes, and pulls for extra small devices like
// smartphones.
.make-grid(xs);
// Small grid
//
// Columns, offsets, pushes, and pulls for the small device range, from phones
// to tablets.
@media (min-width: @screen-sm-min) {
.make-grid(sm);
}
// Medium grid
//
// Columns, offsets, pushes, and pulls for the desktop device range.
@media (min-width: @screen-md-min) {
.make-grid(md);
}
// Large grid
//
// Columns, offsets, pushes, and pulls for the large desktop device range.
@media (min-width: @screen-lg-min) {
.make-grid(lg);
}
home/cideo/www/wp-contentVIp/plugins/js_composer/assets/lib/bower/bootstrap3/less/mixins/grid.less 0000666 00000006021 15127751664 0027525 0 ustar 00 // Grid system
//
// Generate semantic grid columns with these mixins.
// Centered container element
.container-fixed() {
margin-right: auto;
margin-left: auto;
padding-left: (@grid-gutter-width / 2);
padding-right: (@grid-gutter-width / 2);
&:extend(.clearfix all);
}
// Creates a wrapper for a series of columns
.make-row(@gutter: @grid-gutter-width) {
margin-left: (@gutter / -2);
margin-right: (@gutter / -2);
&:extend(.clearfix all);
}
// Generate the extra small columns
.make-xs-column(@columns; @gutter: @grid-gutter-width) {
position: relative;
float: left;
width: percentage((@columns / @grid-columns));
min-height: 1px;
padding-left: (@gutter / 2);
padding-right: (@gutter / 2);
}
.make-xs-column-offset(@columns) {
margin-left: percentage((@columns / @grid-columns));
}
.make-xs-column-push(@columns) {
left: percentage((@columns / @grid-columns));
}
.make-xs-column-pull(@columns) {
right: percentage((@columns / @grid-columns));
}
// Generate the small columns
.make-sm-column(@columns; @gutter: @grid-gutter-width) {
position: relative;
min-height: 1px;
padding-left: (@gutter / 2);
padding-right: (@gutter / 2);
@media (min-width: @screen-sm-min) {
float: left;
width: percentage((@columns / @grid-columns));
}
}
.make-sm-column-offset(@columns) {
@media (min-width: @screen-sm-min) {
margin-left: percentage((@columns / @grid-columns));
}
}
.make-sm-column-push(@columns) {
@media (min-width: @screen-sm-min) {
left: percentage((@columns / @grid-columns));
}
}
.make-sm-column-pull(@columns) {
@media (min-width: @screen-sm-min) {
right: percentage((@columns / @grid-columns));
}
}
// Generate the medium columns
.make-md-column(@columns; @gutter: @grid-gutter-width) {
position: relative;
min-height: 1px;
padding-left: (@gutter / 2);
padding-right: (@gutter / 2);
@media (min-width: @screen-md-min) {
float: left;
width: percentage((@columns / @grid-columns));
}
}
.make-md-column-offset(@columns) {
@media (min-width: @screen-md-min) {
margin-left: percentage((@columns / @grid-columns));
}
}
.make-md-column-push(@columns) {
@media (min-width: @screen-md-min) {
left: percentage((@columns / @grid-columns));
}
}
.make-md-column-pull(@columns) {
@media (min-width: @screen-md-min) {
right: percentage((@columns / @grid-columns));
}
}
// Generate the large columns
.make-lg-column(@columns; @gutter: @grid-gutter-width) {
position: relative;
min-height: 1px;
padding-left: (@gutter / 2);
padding-right: (@gutter / 2);
@media (min-width: @screen-lg-min) {
float: left;
width: percentage((@columns / @grid-columns));
}
}
.make-lg-column-offset(@columns) {
@media (min-width: @screen-lg-min) {
margin-left: percentage((@columns / @grid-columns));
}
}
.make-lg-column-push(@columns) {
@media (min-width: @screen-lg-min) {
left: percentage((@columns / @grid-columns));
}
}
.make-lg-column-pull(@columns) {
@media (min-width: @screen-lg-min) {
right: percentage((@columns / @grid-columns));
}
}