Как реализовать код sass

Я пытаюсь включить этот код sass, но этого не происходит, пожалуйста, дайте мне знать процесс, как я могу его реализовать.Как реализовать код sass

@charset "utf-8"; 
/* CSS Document */ 

h1 { color:#0ec3f7;} 

$divColor : #f8f9be; 
$borderStyle : dotted; 
$width : 700px; 
$height : 200px; 

#first {background-color:divColor; border:1px borderStyle #F00; width:width; height:height;}

Этот HTML-файл

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head>  
<title>css-saas-less</title> 
<link rel="stylesheet" href="sasstemp.scss" />  
</head>  
<body> 
<h1> CSS preprocessors </h1> 

<div id="first">welcome to sass..... 
</div></body> 
</html>

источник

2013-06-17 bora.dev

U должны использовать приложение, чтобы передать свой код Сасс в CSS

F.E. http://mhs.github.io/scout-app/ (бесплатно, окна) ИЛИ http://compass.handlino.com/ (окна)

и ваш код должен выглядеть следующим образом

stylesheet.sass:

$divColor: #f8f9be 
$borderStyle: dotted 
$width: 700px 
$height: 200px 

#first 
    background-color: $divColor 
    border: 1px $borderStyle #F00 
    width: $width 
    height: $height

(нет {} или;)

для получения дополнительной информации посетите http://sass-lang.com/tutorial.html

или этот удивительный видео-учебник от Jeffrey Way: http://net.tutsplus.com/sessions/mastering-sass/

источник

2013-06-17 12:24:55 Pavel

Спасибо pavel, попробуем эти приложения ..... –

Обратите внимание, что вы также можете использовать инструмент командной строки [Compass] (http://compass-style.org/), который, я считаю, что используют большинство разработчиков front-end. –

<link rel="stylesheet" href="sasstemp.scss" />

это предполагают, чтобы быть как

<link rel="stylesheet" href="sasstemp.css" />

еще кулак все, что вам нужно Ruby установлен на вашей системе, то вам необходимо установить сассовый жемчуг. Обратитесь к http://sass-lang.com/tutorial.html за помощью.

источник

2013-06-18 06:25:18

Как реализовать код sass

ответ

Смежные вопросы