gems.sass-3.2.8.test.sass.results.mixins.css Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of sass-lang

Sass makes CSS fun again. Sass is an extension of CSS3, adding nested rules, variables, mixins, selector inheritance, and more. It's translated to well-formatted, standard CSS using the command line tool or a web-framework plugin. This is a repackaged GEM in a JAR format of the sass-lang.gem package. The sass-gems package version follows the sass-lang.gem versions located http://rubyforge.org/frs/?group_id=9702. Simply change the version of this package to download and repackage the same GEM version.

There is a newer version: 3.2.9

Show newest version

#main {
  width: 15em;
  color: blue;
}
#main p {
  border-top-width: 2px;
  border-top-color: #ffcc00;
  border-left-width: 1px;
  border-left-color: black;
  -moz-border-radius: 10px;
  border-style: dotted;
  border-width: 2px;
}
#main .cool {
  width: 100px;
}

#left {
  border-top-width: 2px;
  border-top-color: #ffcc00;
  border-left-width: 1px;
  border-left-color: black;
  -moz-border-radius: 10px;
  font-size: 2em;
  font-weight: bold;
  float: left;
}

#right {
  border-top-width: 2px;
  border-top-color: #ffcc00;
  border-left-width: 1px;
  border-left-color: black;
  -moz-border-radius: 10px;
  color: red;
  font-size: 20px;
  float: right;
}

.bordered {
  border-top-width: 2px;
  border-top-color: #ffcc00;
  border-left-width: 1px;
  border-left-color: black;
  -moz-border-radius: 10px;
}

.complex {
  color: red;
  font-size: 20px;
  text-decoration: none;
}
.complex:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
* html .complex {
  height: 1px;
  color: red;
  font-size: 20px;
}

.more-complex {
  color: red;
  font-size: 20px;
  text-decoration: none;
  display: inline;
  -webkit-nonsense-top-right: 1px;
  -webkit-nonsense-bottom-left: 1px;
}
.more-complex:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
* html .more-complex {
  height: 1px;
  color: red;
  font-size: 20px;
}
.more-complex a:hover {
  text-decoration: underline;
  color: red;
  font-size: 20px;
  border-top-width: 2px;
  border-top-color: #ffcc00;
  border-left-width: 1px;
  border-left-color: black;
  -moz-border-radius: 10px;
}