css sass part1 طريقة سهلة للتعرف على

sass part1 شرح

Css & Sass & Cmd

في الوقت الحالي اصبح الكود المستخدم اكبر من السابق مما يصعب التركيز و يقلل ابداعك في عالم الاستايل بصفة خاصة و لهذا كان
يجب علينا التوجة الي حل يسهل من العمل على الكود الاستايل وفي نفس الوقت لايكون لغة جديدة يصعب تعلمها و هنا سنبدء التعرف على الطريقة الاسهل لتفادي اخطاء تضيع الوقت

$color1: #c3c3c3;
$color2: #000;
$font: 14px;


.container{
	background: $color1;
	color: $color2;
	font-size: $font;
	header{
		padding: 0;
		margin: 0 auto;
		nav{
			width: 100%;
			ul{
				list-style: none;
				li{
					display: inline-block;
					float: left;
				}
			}
		}
	} /* End header */
} // containre

.content{
	background: darken($color1, 20%);
	color: lighten($color2,50%);
	article{
		header{
			h1{
				padding: 10px 20px;
				font-size: $font + 6px; 
			}
		}
	}
}
  • HTML-CSS
  • sass