hiloki

.title {
  border: 1px solid red;
  /display: block; /* BlockまたはInline Block */
  max-width: 200px; /* 省略しない最大幅を決める。%指定なども可 */
}

.ellipsis {
  /overflow: hidden; /* 最大幅を超える分を隠す */
  /text-overflow: ellipsis; /* 省略されるときに末尾を ... に変える */
  /white-space: nowrap; /* テキストの折り返しを防ぐ */

hiloki

/* Sprite */
.btn-login {
  outline: 1px solid red;
  display: inline-block;
  width: 528px; /* 使いたい画像のサイズ */
  height: 82px; /* 使いたい画像のサイズ */
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAhAAAACkCAMAAADxGufxAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAL0UExURQAAAGXLM2bLM2TNM2bNMWbLM2XMMlXUKmbMM2bLM1WqVWbMM2TMMWXLMWXLMWbMMmbLMmbMM2bLM2XLM2bMM2XLMmXLM2bMM2fPL2nSNGbMM2XMMWbMM2bMM////4W1CmbMM3HNA5TECom5CnnVA3bSA4i4CormBHXRA4vnBIe3CpfHCozoBHPPA4a2CpjICnLOA4u7Co3pBI6+CpHBCobiBHjUA5PDCoq6CnfTA4jkBIXhBJXFConlBJXGCpbGCnTQA5jJCpnJCo3qBJLCCnCTB1KVAnrWA4DcA4+/CoHdA5DACn3ZA3/bA429CoLeA3zYA3vXA4y8CobjBIq7CpPECofkBIfjBIm6Coi5CpTFCojlBJLDCoe4CnTPA5bHCoa3CpfICozpBIW2CoThBITgBJnKCo7qBHCUB4/ACn7bA37aA4PgBIu8Cn3aA42+CpHCCo6/CpDBCoPfBIPfA4y9Cvn78fj98Mjhhev00sHvguH3wfD74M/xoWbLMeTwwuPvwp7jQ77sgpzhQ9/2wcbfhdXnpG6RB+f40ajMR/H34b3rgpPBGazQR8ffhc7jlNf0sZbDGcjwkqvPR7LTV8DugsDbdbHrYq3SR6PKOKrOR+j50aLnQ4zdI57JKWfMMa7nYtbopGXILqbNOFacBKXkUqDlQ5vFKNzrs5LjI8XdhVqkCLrYZoXbE3LVJH+7Em/GKJjFGaHmQ4PaE22YDJTfM4fdE5rmM9HzoXu

hiloki

.author {
  border: 1px solid #000;
  padding: 10px;
}
.author-image {
  float: left;
  margin-right: 10px;
}
.author-name {
  margin-bottom: 5px;

hiloki

// ----
// Sass (v3.3.1)
// Compass (v1.0.0.alpha.18)
// ----

$ns-colors:#F86D9D,#FFF,#E6E6E6,#808080,#000;

@for $i from 1 through length($ns-colors) {
  .ns-debug-colorPalette#{$i} {
    background: nth($ns-colors, $i)

hiloki

/* New Position center */
.dialog {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0,0,0,0.5);
}

hiloki

/* Block center */
.block-center {
  margin-left: auto;
  margin-right: auto;
  width: 600px;
}

/* Inline center */
.inline-center {
  text-align: center;

hiloki

/* 'float' */
.float > li {
  float: left;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}

hiloki

.box {
  position: relative; 
  margin-left: 0;
  margin-right: 0;
  width: 300px;
  height: 300px;
  background-color: skyblue;
}

.obj {

hiloki

// ----
// Sass (v3.3.0)
// Compass (v1.0.0.alpha.18)
// ----

.げ {
  .こ {
    z-index: 1;
    .た {
      z-index: 2;

hiloki

// ----
// Sass (v3.3.0)
// Compass (v1.0.0.alpha.18)
// ----

.block {
    background-color: black;
    &__element {
        background-color: red;
    }