Skip to content

Instantly share code, notes, and snippets.

@charlycoste
Last active December 12, 2015 03:09
Show Gist options
  • Save charlycoste/4705121 to your computer and use it in GitHub Desktop.
Save charlycoste/4705121 to your computer and use it in GitHub Desktop.
Jquery stylesheets with compass
/*!
* jQuery UI CSS Framework 1.9.2
* http://jqueryui.com
*
* Copyright 2012 jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Theming/API
/* Layout helpers
*----------------------------------
.ui-helper-hidden
display: none
.ui-helper-hidden-accessible
border: 0
clip: rect(0 0 0 0)
height: 1px
margin: -1px
overflow: hidden
padding: 0
position: absolute
width: 1px
.ui-helper-reset
margin: 0
padding: 0
border: 0
outline: 0
line-height: 1.3
text-decoration: none
font-size: 100%
list-style: none
.ui-helper-clearfix
&:before
content: ""
display: table
&:after
content: ""
display: table
clear: both
zoom: 1
.ui-helper-zfix
width: 100%
height: 100%
top: 0
left: 0
position: absolute
opacity: 0
filter: Alpha(Opacity = 0)
/* Interaction Cues
*----------------------------------
.ui-state-disabled
cursor: default !important
/* Icons
*----------------------------------
/* states and images
.ui-icon
display: block
text-indent: -99999px
overflow: hidden
background-repeat: no-repeat
/* Misc visuals
*----------------------------------
/* Overlays
.ui-widget-overlay
position: absolute
top: 0
left: 0
width: 100%
height: 100%
/*!
* jQuery UI Dialog 1.9.2
* http://jqueryui.com
*
* Copyright 2012 jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Dialog#theming
.ui-dialog
position: absolute
top: 0
left: 0
padding: .2em
width: 300px
overflow: hidden
.ui-dialog-titlebar
padding: 0.4em 1em
position: relative
.ui-dialog-title
float: left
margin: 0.1em 16px 0.1em 0
.ui-dialog-titlebar-close
position: absolute
right: .3em
top: 50%
width: 19px
margin: -10px 0 0 0
padding: 1px
height: 18px
span
display: block
margin: 1px
&:hover, &:focus
padding: 0
.ui-dialog-content
position: relative
border: 0
padding: 0.5em 1em
background: none
overflow: auto
zoom: 1
.ui-dialog-buttonpane
text-align: left
border-width: 1px 0 0 0
background-image: none
margin: 0.5em 0 0 0
padding: 0.3em 1em 0.5em 0.4em
.ui-dialog-buttonset
float: right
button
margin: 0.5em 0.4em 0.5em 0
cursor: pointer
.ui-resizable-se
width: 14px
height: 14px
right: 3px
bottom: 3px
.ui-draggable .ui-dialog-titlebar
cursor: move
@import compass
/*!
* jQuery UI Tooltip 1.9.2
* http://jqueryui.com
*
* Copyright 2012 jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
.ui-tooltip
padding: 8px
position: absolute
z-index: 9999
max-width: 300px
+box-shadow(0 0 5px #aaaaaa)
/* Fades and background-images don't work well together in IE6, drop the image
* html .ui-tooltip
background-image: none
body .ui-tooltip
border-width: 2px
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment