1. Урок 1. 00:05:26
    What is this course about?
  2. Урок 2. 00:00:33
    What is Sass anyway?
  3. Урок 3. 00:01:31
    What software do you need?
  4. Урок 4. 00:02:25
    Installing ruby (Windows users only)
  5. Урок 5. 00:03:42
    Installing Sass
  6. Урок 6. 00:03:36
    Watching folders to compile Sass to CSS
  7. Урок 7. 00:02:31
    Output style options
  8. Урок 8. 00:01:55
    What are source maps?
  9. Урок 9. 00:02:23
    Command line alternatives (free and premium options)
  10. Урок 10. 00:01:41
    Sass vs SCSS - two different ways of writting Sass
  11. Урок 11. 00:03:00
    CSS vs Sass comments
  12. Урок 12. 00:02:47
    Nesting selectors
  13. Урок 13. 00:07:23
    SCSS vs Sass nesting
  14. Урок 14. 00:02:13
    Nesting and the ampersand (&)
  15. Урок 15. 00:03:49
    Nesting properties
  16. Урок 16. 00:03:17
    Time for a challenge!
  17. Урок 17. 00:02:26
    What are variables?
  18. Урок 18. 00:02:26
    Variable inseption (variables inside variables)
  19. Урок 19. 00:04:04
    Variables and the cascade
  20. Урок 20. 00:02:18
    Naming variables
  21. Урок 21. 00:00:58
    It's challenge time!
  22. Урок 22. 00:06:01
    Introduction to Operators
  23. Урок 23. 00:10:27
    Operators - a use case
  24. Урок 24. 00:30:50
    Pricing Table - Intro
  25. Урок 25. 00:03:19
    Writing the markup
  26. Урок 26. 00:01:27
    Setting up the variables
  27. Урок 27. 00:01:14
    Styling it up
  28. Урок 28. 00:01:46
    An introduction to Extends
  29. Урок 29. 00:03:38
    Placeholders
  30. Урок 30. 00:03:07
    Don't forget about the other stuff you can do
  31. Урок 31. 00:03:54
    Problems with extends - 1
  32. Урок 32. 00:02:35
    Problems with extends - 2
  33. Урок 33. 00:02:37
    Introduction to Mixins
  34. Урок 34. 00:03:33
    Selectors inside mixins
  35. Урок 35. 00:02:20
    Mixin arguments part one
  36. Урок 36. 00:05:20
    Mixin arguments part two: optional arguments
  37. Урок 37. 00:01:52
    Mixin arguments part three: more ways to work faster
  38. Урок 38. 00:06:45
    Mixin arguments part four: keeping things in the right order
  39. Урок 39. 00:05:05
    Mixin Challenge - Introduction
  40. Урок 40. 00:02:45
    Introduction to Functions
  41. Урок 41. 00:04:04
    Some of my favourite Sass functions
  42. Урок 42. 00:08:12
    The Markup
  43. Урок 43. 00:06:32
    Getting Sass set up and running
  44. Урок 44. 00:05:52
    Settin' up the variables
  45. Урок 45. 00:07:13
    Creating the mixins
  46. Урок 46. 00:00:56
    Styling the typography
  47. Урок 47. 00:01:18
    Styling the buttons
  48. Урок 48. 00:00:54
    Finishing touches
  49. Урок 49. 00:00:58
    Introduction to Lists
  50. Урок 50. 00:02:37
    List lengths
  51. Урок 51. 00:02:06
    The different types of lists
  52. Урок 52. 00:00:36
    Accessing specific list items
  53. Урок 53. 00:03:06
    The different ways to write lists
  54. Урок 54. 00:03:40
    What is interpolation?
  55. Урок 55. 00:01:37
    Interpolation and math
  56. Урок 56. 00:01:47
    A quick refresher on Mixins
  57. Урок 57. 00:04:46
    A look at variable arguments
  58. Урок 58. 00:01:51
    Staying organized with variables
  59. Урок 59. 00:02:37
    Variable arguments with @include
  60. Урок 60. 00:04:52
    Variable arguments with @include - part two
  61. Урок 61. 00:03:47
    Mixin challenge - part one.mp4
  62. Урок 62. 00:01:52
    Mixin challenge - part two.mp4
  63. Урок 63. 00:01:47
    A look at @content
  64. Урок 64. 00:00:38
    Using @content to make awesome media query mixins
  65. Урок 65. 00:01:02
    Adding a custom size media query
  66. Урок 66. 00:01:09
    Intro to Sass @for
  67. Урок 67. 00:01:51
    Using the $i variable
  68. Урок 68. 00:01:57
    Using interpolation
  69. Урок 69. 00:01:24
    Adding in some math
  70. Урок 70. 00:00:49
    A little more math and a new variable
  71. Урок 71. 00:03:27
    @for challenge
  72. Урок 72. 00:03:27
    Introduction to @each
  73. Урок 73. 00:03:49
    A more useful example of @each
  74. Урок 74. 00:02:22
    Using nested lists
  75. Урок 75. 00:00:55
    Intro to the @if directive
  76. Урок 76. 00:02:36
    A more realistic example
  77. Урок 77. 00:03:30
    @else directive intro
  78. Урок 78. 00:02:55
    A more realistic look at @else
  79. Урок 79. 00:03:30
    Using @if and @else to make a cool @mixin
  80. Урок 80. 00:01:47
    Improving the mixin
  81. Урок 81. 00:02:50
    Introduction to @if else
  82. Урок 82. 00:03:13
    The if() function
  83. Урок 83. 00:02:26
    Using the if function to write less code
  84. Урок 84. 00:06:12
    Introduction to custom functions
  85. Урок 85. 00:01:29
    Variable number of arguments
  86. Урок 86. 00:01:05
    Dynamically set text color
  87. Урок 87. 00:03:14
    Making the output look a little better
  88. Урок 88. 00:00:24
    Refactor challenge.mp4
  89. Урок 89. 00:04:00
    Refactor challenge - solution.mp4
  90. Урок 90. 00:01:54
    Intro to debugging in Sass
  91. Урок 91. 00:01:17
    The warning
  92. Урок 92. 00:03:49
    Creating an error
  93. Урок 93. 00:03:52
    Improving our error with interpolation
  94. Урок 94. 00:02:09
    Introduction to Sass maps
  95. Урок 95. 00:04:10
    How to access maps
  96. Урок 96. 00:02:18
    Access maps made easier
  97. Урок 97. 00:01:45
    Mapception
  98. Урок 98. 00:04:26
    Accessing maps inside of other maps
  99. Урок 99. 00:04:51
    Accessing maps inside of other maps made easier (plus a mini challenge)
  100. Урок 100. 00:01:30
    Improving our media query mixin with a map
  101. Урок 101. 00:06:29
    Maps and `@each`
  102. Урок 102. 00:04:47
    Accessing maps with `@each` challenge
  103. Урок 103. 00:02:08
    Accessing maps with `@each` solution
  104. Урок 104. 00:02:55
    map-has-key()
  105. Урок 105. 00:00:35
    A more realistic example of map-has-key()
  106. Урок 106. 00:01:51
    Improving our media query mixin - challenge
  107. Урок 107. 00:01:31
    The solution
  108. Урок 108. 00:02:09
    A look at the type-of() function
  109. Урок 109. 00:03:56
    Using type-of to improve our mq mixin even more! A challenge
  110. Урок 110. 00:04:17
    And making it even better!
  111. Урок 111. 00:03:23
    Introduction to partials
  112. Урок 112. 00:09:05
    The 7-1 system and what I actually use (file organization)
  113. Урок 113. 00:01:52
    Introduction to the project
  114. Урок 114. 00:02:56
    A look at the files
  115. Урок 115. 00:04:16
    The Markup - Navigation
  116. Урок 116. 00:05:16
    The Markup - Home and About
  117. Урок 117. 00:04:12
    The Markup - Facts and Meals
  118. Урок 118. 00:04:02
    The Markup - Testimonial and Footer
  119. Урок 119. 00:06:39
    First variables and mixins
  120. Урок 120. 00:02:33
    Setting up a custom function
  121. Урок 121. 00:01:47
    Adding an error to the function
  122. Урок 122. 00:08:19
    Setting up the typography
  123. Урок 123. 00:03:32
    Setting up the general layout
  124. Урок 124. 00:04:32
    Styling the navigation
  125. Урок 125. 00:03:09
    Styling up the home section layout
  126. Урок 126. 00:04:49
    Stlying the About section, and some trouble shooting
  127. Урок 127. 00:05:43
    Creating an underline pseudo element mixin
  128. Урок 128. 00:07:41
    Styling the facts and meals sections
  129. Урок 129. 00:10:40
    Styling the testimonial and footer, and fixing a mistake
  130. Урок 130. 00:08:44
    Adding in a media query mixin
  131. Урок 131. 00:08:55
    About section - large screen layout with grid
  132. Урок 132. 00:07:38
    Creating a grid mixin
  133. Урок 133. 00:02:29
    Fixing up the nav and about section
  134. Урок 134. 00:04:08
    Fixing up the typography + closing thoughts