Witajcie, od dzisiaj przechodzę na SASS, więc już mam pytania ;)
1.
Znacie jakieś zrozumiałe tutki jak powinno się wykorzystywać SASS?
2.
w jaki sposób w "drzewie"(moja nazwa) selektorów wykonać selektor dziecka? w poniższym kodzie wyszukuje po kolejnych elementach a chciałbym czasami dostać kod ul > li <-taki przykład
3.
czy kod poniżej jest dobrym kodem? ;)
.bg-dark-base
background-image: url("../img/bg.png")
background-attachment: fixed
.bg-dark-second
background-image: url("../img/bg1.png")
background-attachment: fixed
=border-radius($top-left, $top-right, $bottom-right, $bottom-left)
-webkit-border-bottom-left-radius: $bottom-left
-webkit-border-bottom-right-radius: $bottom-right
-webkit-border-top-left-radius: $top-left
-webkit-border-top-right-radius: $top-right
-moz-border-bottom-left-radius: $bottom-left
-moz-border-bottom-right-radius: $bottom-right
-moz-border-top-left-radius: $top-left
-moz-border-top-right-radius: $top-right
-ms-border-bottom-left-radius: $bottom-left
-ms-border-bottom-right-radius: $bottom-right
-ms-border-top-left-radius: $top-left
-ms-border-top-right-radius: $top-right
border-bottom-left-radius: $bottom-left
border-bottom-right-radius: $bottom-right
border-top-left-radius: $top-left
border-top-right-radius: $top-right
=transition($time, $type)
-webkit-transition: $time $type
-moz-transition: $time $type
-ms-transition: $time $type
-o-transition: $time $type
transition: $time $type
body
@extend .bg-dark-base
header
@extend .bg-dark-second
+border-radius(0,0,20px,20px)
padding: 10px
padding-bottom: 0
position: relative
top: -28px
border: 6px #303030 double
nav
ul
list-style: none
margin: 0
padding: 0
li
display: table-cell
width: 1%
border: 6px #303030 double
border-bottom: 0
text-align: center
overflow: hidden
+border-radius(20px,20px,0,0)
+transition(250ms,linear)
@extend .bg-dark-base
a
width: 100%
height: 100%
display: table
padding: 10px 0
+transition(250ms,linear)
li:hover
a
@extend .bg-dark-second
h1
color: #fff
font-size: 4em
margin-bottom: 0.6em
text-align: center