SEMrush
compass-style.org

Please wait for loading...




    SEMrush

      (1082):

    /
     1  +2 2014 oct 03dynamic sprite generatorCompass Sprites | Compass DocumentationCompass Sprites . Additional Resources. Spriting Tutorial · Sprite Helpers · Base Stylesheet. This file can be imported using: @import "compass/utilities/ sprites " ...
     1  ~ 2014 sep 24compass transition exampleTransition | Compass Documentation<p> this box has a width transition on hover </p> <div class=' transition - example ' id='width'></div> <p> this box has a width transition on hover, with a set ...
     1  ~ 2014 sep 15sass compassCompass Home | Compass DocumentationCompass uses Sass . Sass is an extension of CSS3 which adds nested rules, variables, mixins, selector inheritance, and more. Sass generates well formatted  ... ‎Compass Core Framework - ‎Install - ‎Help & Documentation - ‎Contribute
     1  ~ 2014 sep 15compassWhy designers love Compass . Experience cleaner markup without presentational classes. It's chock full of the web's best reusable patterns. It makes creating ...
     1  +23 2014 sep 03grid backgroundCompass Grid Backgrounds | Compass DocumentationCompass Grid Backgrounds . The grid - background mixins allow you to generate fixed, fluid and elastic grid-images on-the-fly using css3 gradients. These can be  ...
     1  ~ 2014 aug 20auto sprite iconsSpriting with Compass | Compass DocumentationYou place the sprite images in a folder, import them into your stylesheet, and then ... The simplest way to use these icon sprites is to let compass give you a class ...
     1  ~ 2014 aug 15blueprint base fontBlueprint Fancy Type | Compass Documentation=incr($font-size: 10px, $ base - font -size: $ blueprint -font-size, $old-line-height: $ base - font -size * 1.5) font-size: 1em * $font-size / $ base - font -size line-height: 1em  ...
     1  ~ 2014 aug 03compass sticky footerCompass Sticky Footer | Compass DocumentationCompass Sticky Footer . This module provides tools needed to lay out your footer such that it sticks to the bottom of the page. Mix in to the top level of your ...
     1  +3 2014 aug 02font face examplesCompass Font Face Example | Compass Documentation@import "compass/css3"; @include font - face ("Blooming Grove", font-files(" examples /bgrove.ttf", " examples /bgrove.otf")); . example { font-family: "Blooming Grove" ...
     1  ~ 2014 jul 18font image urlCompass URL Helpers | Compass DocumentationGenerates a path to an asset found relative to the project's font directory. Passing a true value ... image - url ($path, $only-path, $cache-buster). Generates a path ...
     1  ~ 2014 jul 17using compass blueprintBlueprint Module | Compass DocumentationTo create a project using blueprint : compass create my_project -- using blueprint . To add blueprint to an existing compass project: compass install blueprint .
     1  ~ 2014 jul 17rails compass blueprintThe blueprint module is a simple way of importing all of the most commonly used blueprint modules. ... To add blueprint and compass to a Rails project:
     2  ~ 2014 oct 02compass bundle gitContributing Stylesheets | Compass DocumentationSetting up Git ; Using Compass while Under Development; Running Tests .... scripts after installing the bundle test/ - unit tests features/ - tests for compass lib/ ...
     2  ~ 2014 sep 09sass include clearfixCompass Clearfix | Compass DocumentationQ. scss sass . Version: 1.0.1 ... Compass Clearfix . A clearfix will extend ... it contains. This file can be imported using: @ import "compass/utilities/general/ clearfix " ...
     2  +4 2014 sep 03remove design compass logo
     2  +2 2014 aug 29sprites doesnt want repeatCSS Sprite Helpers for Compass | Compass Documentationbackground: url('/images/ sprites /icons-a2ef041.png?1234678') no- repeat ;. The exact ... For instance if there is a icons/new.png then you can control it like so:
     2  ~ 2014 aug 25font face demoDemo : Compass Font Face Example. The Quick Brown Fox jumped over the lazy dog. html haml. <div class='example'> <p>The Quick Brown Fox jumped over ...
     2  ~ 2014 aug 21reset tables to normlaCompass Reset Utilities (legacy) | Compass DocumentationThe easiest way to use them is to simply @import "compass/ reset " which will import .... = reset - table -cell text-align: left font-weight: normal vertical-align: middle
     2  +1 2014 aug 19width of imageCompass Image Dimension Helpers | Compass Documentationimage- width ($ image ). Returns the width of the image found at the path supplied by $image relative to your project's images directory.
     3  +2 2014 oct 01text shadow defaultCompass Text Shadow | Compass Documentation= text - shadow ($shadow...) $shadow: if(length($shadow) > 0, $shadow, default ) $ default : -compass-space-list(compact($ default - text - shadow -h-offset ...
     3  -1 2014 sep 03css3pieCSS3 Pie | Compass DocumentationCSS3 Pie . Installing. CSS PIE is a javascript library that enhances Internet Explorer to render many modern CSS3 capabilities wherever possible. To install:
     3  -2 2014 aug 23compass home pageCompass . Compass is an open-source CSS Authoring Framework. ... It's chock full of the web's best reusable patterns. It makes ... Problem with this page ?
     3  ~ 2014 jul 17compass ruby on railsApplication Integration | Compass DocumentationApplication Integration. Ruby on Rails . Rails 3.1. Just add compass to your Gemfile like so: gem ' compass '. Also checkout this gist ...
     3  +3 2014 jul 16css sprite iconscontains your sprites . The simplest way to use these icon sprites is to let compass give you a class for each sprite : ... And you'll get the following CSS output:
     4  +1 2014 sep 30use 960 gs with compassPlugins and frameworks | Compass DocumentationAdd a folder under compass /frameworks; Register it by creating a file in compass / lib/ compass /frameworks/ ... 960 . gs – a lightweight CSS framework for producing fixed-width grid-based layouts; Grid Coordinates – a ... Uses Compass Colors.
     4  -1 2014 sep 27demo basse compasUsing @extend in place of the enumerate() helper. | Compass Demo : Using @extend in place of the enumerate() helper. ... .example { . base - class { background-color: #aaaaaa; border: 2px solid #777777; margin: 1em; } ...
     4  +4 2014 sep 25sass cssSass is an extension of CSS3 which adds nested rules, variables, mixins, selector inheritance, and more. Sass generates well formatted CSS and makes your ...
     4  ~ 2014 sep 07grey gradient backgroundBackground Gradients | Compass DocumentationDemo: Background Gradients . This box has no gradients . This will yield a radial gradient with an apparent specular highlight. This yields a linear gradient  ...
     4  ~ 2014 sep 06base compasCompass Sprite Base | Compass Documentationfile is imported by magic sprite imports. See the Spriting Tutorial for more information. This file can be imported using: @import " compass /utilities/sprites/ base " ...
     4  +2 2014 aug 17blueprint fancy buttonsBlueprint , 0.8.0, Stable, nt docs. YUI, 2.5. ... Fancy Buttons – mixins to get beautiful buttons with CSS gradients that degrade nicely.
     4  +4 2014 aug 15image sprites tutorialYou place the sprite images in a folder, import them into your stylesheet, and then ... For this tutorial , let's imagine that in your project's image folder there are four ...
     4  +13 2014 jul 30what is compass
     4  +6 2014 jul 23legacy it supportCompass Cross-Browser Support Configuration | Compass You can configure the compass default browser support matrix by setting ... Setting this to false will result in smaller output, but no support for legacy ie8 hacks ...
     5  +73 2014 sep 28contents clearfixA clearfix will extend the bottom of the element to enclose any floated elements ... This basic method is preferred for the usual case, when positioned content will ...
     5  +3 2014 sep 16footerCompass Sticky Footer Example | Compass DocumentationSticky Footer Example. This is the main content area. In this example you should pretend that the red box is actually the browser window. Because, being a ...
     5  +12 2014 aug 16background sprite sheetsYou place the sprite images in a folder, import them into your stylesheet, and then you can ... .my-icons-save { background : url('/images/my-icons-s34fe0604ab.png' ) ... As noted above, compass will magically create sprite stylesheets for you.
     5  +1 2014 aug 07sticky footer exampleSticky Footer Example . This is the main content area. In this example you should pretend that the red box is actually the browser window. Because, being a ...
     6  +5 2014 sep 24css columns column spanCompass Columns | Compass DocumentationProvides a mixin for the CSS3 Multi- column layout module. See CSS3 spec: ... Specify how many columns an element should span across. legal values are 1, all.
     6  +3 2014 sep 23inline blockCompass Inline Block | Compass DocumentationProvides a cross-browser method to implement display: inline - block ; . Note that this was actually introduced in CSS2, but badly implemented across browsers.
     6  +8 2014 sep 18layoutCompass Layout | Compass DocumentationCompass Layout . This module provides tools to help you with page layout . This file can be imported using: @import "compass/ layout " ...
     6  +10 2014 sep 16table bordersCompass Table Borders | Compass Documentation=outer- table - borders ($width: 2px, $color: black) border: $width solid $color thead th border-bottom: $width solid $color tfoot th, td border-top: $width solid $color ...
     6  -5 2014 sep 12prcompass
     6  +1 2014 sep 11spritesThese helpers make it easier to build and to work with css sprites . While it is allowed to use these directly, to do so is considered "advanced usage".
     6  +1 2014 sep 09sticky footer
     6  +5 2014 aug 22box shadow examplesBox - shadow | Compass Documentation<div class=' box - shadow - example '> <div id='box-shadow-default'></div> <div id=' box-shadow-custom'></div> <div id='box-shadow-custom-multiple'></div> ...
     6  +6 2014 aug 13css sprites tutorialSprite Tutorial Contents ... The simplest way to use these icon sprites is to let compass give you a class for each sprite : ... And you'll get the following CSS output:
     6  +3 2014 aug 09background size coverBackground Size | Compass DocumentationDemo: Background Size. background-size: auto. background-size: contain. background - size : cover . background-size: 50% 50%. background-size: 100px 25px.
     7  +94 2014 sep 28image as urlThese url helpers isolate your stylesheets from environmental differences. They allow you to ... image - url ($path, $only-path, $cache-buster). Generates a path to  ...
     7  +2 2014 sep 24css3 border radius outCompass Border Radius | Compass DocumentationIt automatically outputs the correct vendor specific syntax for each browser (e.g. - webkit- border - radius and -moz- border - radius ). See CSS3 spec: border - radius .
     7  -1 2014 sep 18clearfixCompass Clearfix . A clearfix will extend the bottom of the element to enclose any floated elements it contains. This file can be imported using: @import ...
     7  +3 2014 sep 07css3Compass CSS3 | Compass DocumentationThe CSS3 module provides cross-browser mixins for CSS properties introduced in CSS3 , for example border-radius and text-shadow . What rendering engines ...
     7  +2 2014 jul 29gem update systemInstall the Compass Stylesheet Authoring Framework | Compass up the ruby environment. $ gem update -- system ; $ gem install compass ... gem install compass $ compass create <myproject>. Note: Values indicated by ...
     8  +1 2014 oct 03gradient background cssDemo: Background Gradients . This box has no gradients . This will yield a radial gradient with an apparent specular highlight. This yields a .... scss sass css ?
     8  +3 2014 oct 02image height and widthReturns the width of the image found at the path supplied by $ image relative to your project's images directory. image - height ($ image ). Returns the height of the ...
     8  +3 2014 sep 28how to install gemCompass runs on any computer that has ruby installed . For more ... gem update - -system; $ gem install compass ... To install the preview version of Compass:.
     8  +6 2014 sep 27footer bottomThis module provides tools needed to lay out your footer such that it sticks to the bottom of the page. Mix in to the top level of your stylesheet, so the footer stays ...
     8  -1 2014 sep 26box sizingCompass Box Sizing | Compass DocumentationCompass Box Sizing . Provides a mixin for the box - sizing property, which allows you to change how the box model works. See W3C CSS3 spec: box - sizing .
     8  +2 2014 sep 21text shadow= text - shadow ($shadow...) $shadow: if(length($shadow) > 0, $shadow, default) $ default: -compass-space-list(compact($default- text - shadow -h-offset ...
     8  -1 2014 sep 16image urls
     8  +1 2014 sep 13box shadowCompass Box Shadow | Compass DocumentationThe box - shadow mixins are used to apply an inset or drop shadow to a block element. This file can be imported using: @import "compass/css3/ box - shadow " ...
     8  +5 2014 aug 31complete icon sets spriteThe $glob should be glob pattern relative to the images directory that specifies what files will be in the css sprite . For example: $ icons : sprite -map(" icons /*.png");  ...
     8  +16 2014 aug 14cross browser cssThe CSS3 module provides cross - browser mixins for CSS properties introduced in ... What rendering engines you support for the experimental css properties is ...
     8  +2 2014 aug 13webkit border radiusIt automatically outputs the correct vendor specific syntax for each browser (e.g. - webkit - border-radius and -moz-border-radius ). See CSS3 spec: border-radius.
     8  +3 2014 aug 12get image widthimage - width ($ image ). Returns the width of the image found at the path supplied by $ image relative to your project's images directory.
     8  +4 2014 aug 11style background imageCompass Images | Compass Documentationbackground - image ($image-1, $image-2, $image-3, $image-4, $image-5, $image -6, .... List style image property support for vendor prefixing within values.
     9  +1 2014 sep 30img width height
     9  +8 2014 sep 28how to use spritesYou place the sprite images in a folder, import them into your stylesheet, and then you can use the sprite in your selectors in one of several convenient ways.
     9  -1 2014 sep 26width heightReturns the width of the image found at the path supplied by $image relative to your project's images directory. image- height ($image). Returns the height of the ...
     9  +3 2014 sep 26img widthimage - width ($image). Returns the width of the image found at the path supplied by $image relative to your project's images directory.
     9  +3 2014 sep 24css text shadowProvides a mixin for CSS text shadows . ... This file can be imported using: @ import "compass/ css3 / text-shadow " ... Text-shadow: css3 mixin for text-shadow ...
     9  +10 2014 sep 24css3 shadow divBox- shadow | Compass Documentation@import "compass/ css3 " ; .box- shadow -example div {. width : 40px ;. height : 40px ;. background : #eeeeee ;. margin : 20px ;. float : left ;. } // Default single box  ...
     9  +8 2014 sep 22using multiple transition cssCompass Transition | Compass DocumentationThis file can be imported using : @import "compass/ css3 / transition " .... properties to transition . for multiple , use a comma-delimited list; also accepts "all" or "none".
     9  +11 2014 sep 21shadow div css3
     9  +8 2014 sep 18css3 transitionthis box has a width transition on hover, with a set duration ... @import compass/ css3 . transition -example width: 40px height: 40px background: red margin: 20px  ...
     9  ~ 2014 sep 15compass boxCompass Box | Compass DocumentationCompass Box . This module is deprecated and will be removed in the next release. Please use the flexbox module instead. This file can be imported using:  ...
     9  +5 2014 sep 13css resetCompass Reset | Compass DocumentationThis module applies the global reset to your stylesheet by simply importing it. Note: This module will place styles into your stylesheet by importing it. This is not  ...
     9  -1 2014 sep 10border radius
     9  -2 2014 sep 07css3 opacityCompass Opacity | Compass DocumentationCompass Opacity. Provides cross-browser CSS opacity . See CSS3 spec: transparency. This file can be imported using: @import "compass/ css3 / opacity " ...
     9  +3 2014 sep 05css3 box sizingBox - sizing | Compass Documentation@import "compass/ css3 "; . box-sizing -example { background: red; padding: 20px; border: 10px solid green; margin: 20px; width: 200px; } #content-box ...
     9  +4 2014 sep 02background gradient css3Demo: Background Gradients . This box has no gradients . This will yield a radial gradient with an apparent specular highlight ... scss sass css . @import ...
     9  -2 2014 sep 02gradient background image#h- gradient { @include background - image (linear- gradient (to right, white, # dddddd)); } #svg- gradient { $svg- gradient -shim-threshold: 1 !global; @include ...
     9  +4 2014 aug 28moz box shadow<div class='box-shadow-example'> <div id='box-shadow-default'></div> <div ... margin: 20px; float: left; } #box-shadow-default { - moz - box-shadow : 0px 5px ...
     9  +4 2014 aug 24css transform scaleCompass Transform | Compass DocumentationThis file can be imported using: @import "compass/ css3 / transform " .... where the ' scale -' arguments are unitless multipliers of the x and y dimensions and ...
     9  +2 2014 aug 19png background repeatOnly PNG files can be made into css sprites at this time. The $glob ... background : url('/images/sprites/icons-a2ef041. png ?1234678') no- repeat ;. The exact ...
     9  -2 2014 aug 06css fonts examplesp> </div> . example %p The Quick Brown Fox jumped over the lazy dog. scss sass css . @import "compass/css3"; @include font -face("Blooming Grove", ...
     9  -2 2014 aug 01gradient background images#h- gradient { @include background - image (linear- gradient (left, white, ... specular highlight #radial- gradient + background - image (radial- gradient (45px 45px, #0ff ...
     9  +3 2014 jul 28cross browser min-heightMinimum Dimensions | Compass DocumentationMinimum Dimensions. Cross browser implementation of min - height and min- width. This file can be imported using: @import "compass/utilities/general/min" ...
     10  +1 2014 sep 24opacityCompass Opacity . Provides cross-browser CSS opacity . See CSS3 spec: transparency. This file can be imported using: @import "compass/css3/ opacity " ...
     10  +4 2014 sep 23gradient png stripes.in-css3 { background : url(foo. png ), linear- gradient (to bottom right, #333, #0c0), ... To enable SVG gradient support in Opera and IE9, lower the SVG shim ...
     10  ~ 2014 sep 17css border radius
     10  +6 2014 sep 11nowrapCompass No Wrap | Compass DocumentationRemembering whether or not there's a hyphen in white-space is too hard. This file can be imported using: @import "compass/typography/text/ nowrap " ...
     10  +4 2014 sep 03stick footer bottom
     10  +9 2014 aug 31border-radius browser supportThe border - radius mixin is used to give a block element rounded corners. ... Browser Support – Provides configuration options for the Compass Browser Support  ...
     10  +3 2014 aug 29how to update gemup the ruby environment. $ gem update --system; $ gem install compass ... gem install compass $ compass create <myproject>. Note: Values indicated by ...
     10  ~ 2014 aug 25block for ieProvides a cross-browser method to implement display: inline- block ; . ... The legacy support for inline- block . Defaults ... inline- block ($alignment, $ ie -alignment ) ?
     10  ~ 2014 aug 16css test shadow
     10  +5 2014 aug 11style background urlUses the keyword- style arguments passed in to control the placement. Only PNG ... background : url ('/images/sprites/icons-a2ef041.png?1234678') no-repeat;.
     10  -3 2014 aug 03font face size@import "compass/css3"; @include font - face ("Blooming Grove", ... "examples/ bgrove.otf")); .example { font-family: "Blooming Grove"; font- size : 1.5em; } @ import ...
     10  ~ 2014 aug 01box drop shadowThe box -shadow mixins are used to apply an inset or drop shadow to a block element. This file can be imported using: @import "compass/css3/ box -shadow" ...
     10  ~ 2014 jul 28text to image replacementCompass Text Replacement | Compass DocumentationThis file can be imported using: @import "compass/utilities/ text / replacement " ... = replace - text ($img, $x: 50%, $y: 50%) +hide- text background: image : ...
    1 2 of 11 pages    




    SEMrush