Skip to content
GitLab
Menu
Projects
Groups
Snippets
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
Menu
Open sidebar
open-source
gridstack.js
Commits
144d4033
Commit
144d4033
authored
Dec 07, 2014
by
Pavel Reznikov
Browse files
minify css
parent
1264164a
Changes
1
Show whitespace changes
Inline
Side-by-side
dist/gridstack.min.css
View file @
144d4033
.grid-stack
{
position
:
relative
}
.grid-stack-item
{
position
:
absolute
;
padding
:
0
}
.grid-stack-item
.grid-stack-item-content
,
.grid-stack-item
.placeholder-content
{
margin
:
0
;
position
:
absolute
;
top
:
0
;
left
:
10px
;
right
:
10px
;
bottom
:
0
;
width
:
auto
;
z-index
:
0
!important
;
overflow
:
auto
}
.grid-stack-placeholder
.placeholder-content
{
border
:
1px
dashed
#d3d3d3
}
.grid-stack-item.ui-draggable-dragging
,
.grid-stack-item.ui-resizable-resizing
{
z-index
:
100
}
.grid-stack-item.ui-draggable-dragging
.grid-stack-item-content
,
.grid-stack-item.ui-resizable-resizing
.grid-stack-item-content
{
box-shadow
:
1px
4px
6px
rgba
(
0
,
0
,
0
,
.2
);
opacity
:
.8
}
.grid-stack-item
.ui-resizable-handle
{
padding
:
3px
;
margin
:
3px
0
;
cursor
:
nwse-resize
;
color
:
gray
;
position
:
absolute
;
bottom
:
0
;
right
:
15px
;
font
:
normal
normal
normal
14px
/
1
FontAwesome
;
text-rendering
:
auto
;
-webkit-font-smoothing
:
antialiased
;
-moz-osx-font-smoothing
:
grayscale
;
filter
:
progid
:
DXImageTransform
.
Microsoft
.
BasicImage
(
rotation
=
1
);
-webkit-transform
:
rotate
(
90deg
);
-ms-transform
:
rotate
(
90deg
);
transform
:
rotate
(
90deg
);
font-size
:
10px
}
.grid-stack-item
.ui-resizable-handle
::before
{
content
:
"\f065"
}
.grid-stack-item
[
data-gs-width
=
"12"
]
{
width
:
100%
}
.grid-stack-item
[
data-gs-width
=
"11"
]
{
width
:
91.66666667%
}
.grid-stack-item
[
data-gs-width
=
"10"
]
{
width
:
83.33333333%
}
.grid-stack-item
[
data-gs-width
=
"9"
]
{
width
:
75%
}
.grid-stack-item
[
data-gs-width
=
"8"
]
{
width
:
66.66666667%
}
.grid-stack-item
[
data-gs-width
=
"7"
]
{
width
:
58.33333333%
}
.grid-stack-item
[
data-gs-width
=
"6"
]
{
width
:
50%
}
.grid-stack-item
[
data-gs-width
=
"5"
]
{
width
:
41.66666667%
}
.grid-stack-item
[
data-gs-width
=
"4"
]
{
width
:
33.33333333%
}
.grid-stack-item
[
data-gs-width
=
"3"
]
{
width
:
25%
}
.grid-stack-item
[
data-gs-width
=
"2"
]
{
width
:
16.66666667%
}
.grid-stack-item
[
data-gs-width
=
"1"
]
{
width
:
8.33333333%
}
.grid-stack-item
[
data-gs-x
=
"12"
]
{
left
:
100%
}
.grid-stack-item
[
data-gs-x
=
"11"
]
{
left
:
91.66666667%
}
.grid-stack-item
[
data-gs-x
=
"10"
]
{
left
:
83.33333333%
}
.grid-stack-item
[
data-gs-x
=
"9"
]
{
left
:
75%
}
.grid-stack-item
[
data-gs-x
=
"8"
]
{
left
:
66.66666667%
}
.grid-stack-item
[
data-gs-x
=
"7"
]
{
left
:
58.33333333%
}
.grid-stack-item
[
data-gs-x
=
"6"
]
{
left
:
50%
}
.grid-stack-item
[
data-gs-x
=
"5"
]
{
left
:
41.66666667%
}
.grid-stack-item
[
data-gs-x
=
"4"
]
{
left
:
33.33333333%
}
.grid-stack-item
[
data-gs-x
=
"3"
]
{
left
:
25%
}
.grid-stack-item
[
data-gs-x
=
"2"
]
{
left
:
16.66666667%
}
.grid-stack-item
[
data-gs-x
=
"1"
]
{
left
:
8.33333333%
}
@media
(
max-width
:
768px
){
.grid-stack-item
{
position
:
relative
!important
;
width
:
auto
!important
;
left
:
0
!important
;
top
:
auto
!important
;
margin-bottom
:
20px
}
.grid-stack
{
height
:
auto
!important
}}
.grid-stack.grid-stack-animate
.grid-stack-item
{
-webkit-transition
:
left
.3s
,
top
.3s
,
height
.3s
,
width
.3s
;
-moz-transition
:
left
.3s
,
top
.3s
,
height
.3s
,
width
.3s
;
-o-transition
:
left
.3s
,
top
.3s
,
height
.3s
,
width
.3s
;
-ms-transition
:
left
.3s
,
top
.3s
,
height
.3s
,
width
.3s
;
transition
:
left
.3s
,
top
.3s
,
height
.3s
,
width
.3s
}
.grid-stack.grid-stack-animate
.grid-stack-item.grid-stack-placeholder
,
.grid-stack.grid-stack-animate
.grid-stack-item.ui-draggable-dragging
,
.grid-stack.grid-stack-animate
.grid-stack-item.ui-resizable-resizing
{
-webkit-transition
:
left
0s
,
top
0s
,
height
0s
,
width
0s
;
-moz-transition
:
left
0s
,
top
0s
,
height
0s
,
width
0s
;
-o-transition
:
left
0s
,
top
0s
,
height
0s
,
width
0s
;
transition
:
left
0s
,
top
0s
,
height
0s
,
width
0s
}
\ No newline at end of file
.grid-stack
{
position
:
relative
}
.grid-stack-item
{
position
:
absolute
;
padding
:
0
}
.grid-stack-item
.grid-stack-item-content
,
.grid-stack-item
.placeholder-content
{
margin
:
0
;
position
:
absolute
;
top
:
0
;
left
:
10px
;
right
:
10px
;
bottom
:
0
;
width
:
auto
;
z-index
:
0
!important
;
overflow
:
auto
}
.grid-stack-placeholder
.placeholder-content
{
border
:
1px
dashed
#d3d3d3
}
.grid-stack-item.ui-draggable-dragging
,
.grid-stack-item.ui-resizable-resizing
{
z-index
:
100
}
.grid-stack-item.ui-draggable-dragging
.grid-stack-item-content
,
.grid-stack-item.ui-resizable-resizing
.grid-stack-item-content
{
box-shadow
:
1px
4px
6px
rgba
(
0
,
0
,
0
,
.2
);
opacity
:
.8
}
.grid-stack-item
.ui-resizable-handle
{
padding
:
3px
;
margin
:
3px
0
;
cursor
:
nwse-resize
;
color
:
gray
;
position
:
absolute
;
bottom
:
0
;
right
:
15px
;
font
:
normal
normal
normal
14px
/
1
FontAwesome
;
text-rendering
:
auto
;
-webkit-font-smoothing
:
antialiased
;
-moz-osx-font-smoothing
:
grayscale
;
filter
:
progid
:
DXImageTransform
.
Microsoft
.
BasicImage
(
rotation
=
1
);
-webkit-transform
:
rotate
(
90deg
);
-ms-transform
:
rotate
(
90deg
);
transform
:
rotate
(
90deg
);
font-size
:
10px
}
.grid-stack-item
.ui-resizable-handle
::before
{
content
:
"\f065"
}
.grid-stack-item
[
data-gs-width
=
"12"
]
{
width
:
100%
}
.grid-stack-item
[
data-gs-width
=
"11"
]
{
width
:
91.66666667%
}
.grid-stack-item
[
data-gs-width
=
"10"
]
{
width
:
83.33333333%
}
.grid-stack-item
[
data-gs-width
=
"9"
]
{
width
:
75%
}
.grid-stack-item
[
data-gs-width
=
"8"
]
{
width
:
66.66666667%
}
.grid-stack-item
[
data-gs-width
=
"7"
]
{
width
:
58.33333333%
}
.grid-stack-item
[
data-gs-width
=
"6"
]
{
width
:
50%
}
.grid-stack-item
[
data-gs-width
=
"5"
]
{
width
:
41.66666667%
}
.grid-stack-item
[
data-gs-width
=
"4"
]
{
width
:
33.33333333%
}
.grid-stack-item
[
data-gs-width
=
"3"
]
{
width
:
25%
}
.grid-stack-item
[
data-gs-width
=
"2"
]
{
width
:
16.66666667%
}
.grid-stack-item
[
data-gs-width
=
"1"
]
{
width
:
8.33333333%
}
.grid-stack-item
[
data-gs-x
=
"12"
]
{
left
:
100%
}
.grid-stack-item
[
data-gs-x
=
"11"
]
{
left
:
91.66666667%
}
.grid-stack-item
[
data-gs-x
=
"10"
]
{
left
:
83.33333333%
}
.grid-stack-item
[
data-gs-x
=
"9"
]
{
left
:
75%
}
.grid-stack-item
[
data-gs-x
=
"8"
]
{
left
:
66.66666667%
}
.grid-stack-item
[
data-gs-x
=
"7"
]
{
left
:
58.33333333%
}
.grid-stack-item
[
data-gs-x
=
"6"
]
{
left
:
50%
}
.grid-stack-item
[
data-gs-x
=
"5"
]
{
left
:
41.66666667%
}
.grid-stack-item
[
data-gs-x
=
"4"
]
{
left
:
33.33333333%
}
.grid-stack-item
[
data-gs-x
=
"3"
]
{
left
:
25%
}
.grid-stack-item
[
data-gs-x
=
"2"
]
{
left
:
16.66666667%
}
.grid-stack-item
[
data-gs-x
=
"1"
]
{
left
:
8.33333333%
}
@media
(
max-width
:
768px
){
.grid-stack-item
{
position
:
relative
!important
;
width
:
auto
!important
;
left
:
0
!important
;
top
:
auto
!important
;
margin-bottom
:
20px
}
.grid-stack
{
height
:
auto
!important
}}
.grid-stack.grid-stack-animate
,
.grid-stack.grid-stack-animate
.grid-stack-item
{
-webkit-transition
:
left
.3s
,
top
.3s
,
height
.3s
,
width
.3s
;
-moz-transition
:
left
.3s
,
top
.3s
,
height
.3s
,
width
.3s
;
-o-transition
:
left
.3s
,
top
.3s
,
height
.3s
,
width
.3s
;
-ms-transition
:
left
.3s
,
top
.3s
,
height
.3s
,
width
.3s
;
transition
:
left
.3s
,
top
.3s
,
height
.3s
,
width
.3s
}
.grid-stack.grid-stack-animate
.grid-stack-item.grid-stack-placeholder
,
.grid-stack.grid-stack-animate
.grid-stack-item.ui-draggable-dragging
,
.grid-stack.grid-stack-animate
.grid-stack-item.ui-resizable-resizing
{
-webkit-transition
:
left
0s
,
top
0s
,
height
0s
,
width
0s
;
-moz-transition
:
left
0s
,
top
0s
,
height
0s
,
width
0s
;
-o-transition
:
left
0s
,
top
0s
,
height
0s
,
width
0s
;
transition
:
left
0s
,
top
0s
,
height
0s
,
width
0s
}
\ No newline at end of file
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment
