├── .gitignore ├── CNAME ├── Gemfile ├── Gemfile.lock ├── README.md ├── _config.yml ├── _includes └── head.html ├── _layouts ├── default.html ├── page.html └── post.html ├── _plugins └── bundler.rb ├── _sass ├── _base.scss ├── _breakpoints.scss ├── _flexiblegs.scss ├── _font-awesome.scss ├── _height.scss └── _normalize.scss ├── css └── app.scss ├── feed.xml ├── fonts ├── FontAwesome.otf ├── fontawesome-webfont.eot ├── fontawesome-webfont.svg ├── fontawesome-webfont.ttf ├── fontawesome-webfont.woff └── fontawesome-webfont.woff2 ├── img ├── cw-logo.png ├── favico.ico └── favico.png └── index.html /.gitignore: -------------------------------------------------------------------------------- 1 | _site 2 | .sass-cache 3 | .DS_Store 4 | npm-debug.log 5 | node_modules 6 | bower_components 7 | .jekyll-cache/ -------------------------------------------------------------------------------- /CNAME: -------------------------------------------------------------------------------- 1 | crystalweekly.com -------------------------------------------------------------------------------- /Gemfile: -------------------------------------------------------------------------------- 1 | source "https://rubygems.org" 2 | gem "jekyll" 3 | gem "jekyll-contentblocks" 4 | gem "webrick", "~> 1.7" -------------------------------------------------------------------------------- /Gemfile.lock: -------------------------------------------------------------------------------- 1 | GEM 2 | remote: https://rubygems.org/ 3 | specs: 4 | addressable (2.7.0) 5 | public_suffix (>= 2.0.2, < 5.0) 6 | colorator (1.1.0) 7 | concurrent-ruby (1.1.8) 8 | em-websocket (0.5.2) 9 | eventmachine (>= 0.12.9) 10 | http_parser.rb (~> 0.6.0) 11 | eventmachine (1.2.7) 12 | ffi (1.15.0) 13 | forwardable-extended (2.6.0) 14 | http_parser.rb (0.6.0) 15 | i18n (1.8.10) 16 | concurrent-ruby (~> 1.0) 17 | jekyll (4.2.0) 18 | addressable (~> 2.4) 19 | colorator (~> 1.0) 20 | em-websocket (~> 0.5) 21 | i18n (~> 1.0) 22 | jekyll-sass-converter (~> 2.0) 23 | jekyll-watch (~> 2.0) 24 | kramdown (~> 2.3) 25 | kramdown-parser-gfm (~> 1.0) 26 | liquid (~> 4.0) 27 | mercenary (~> 0.4.0) 28 | pathutil (~> 0.9) 29 | rouge (~> 3.0) 30 | safe_yaml (~> 1.0) 31 | terminal-table (~> 2.0) 32 | jekyll-contentblocks (1.2.0) 33 | jekyll 34 | jekyll-sass-converter (2.1.0) 35 | sassc (> 2.0.1, < 3.0) 36 | jekyll-watch (2.2.1) 37 | listen (~> 3.0) 38 | kramdown (2.3.1) 39 | rexml 40 | kramdown-parser-gfm (1.1.0) 41 | kramdown (~> 2.0) 42 | liquid (4.0.3) 43 | listen (3.5.1) 44 | rb-fsevent (~> 0.10, >= 0.10.3) 45 | rb-inotify (~> 0.9, >= 0.9.10) 46 | mercenary (0.4.0) 47 | pathutil (0.16.2) 48 | forwardable-extended (~> 2.6) 49 | public_suffix (4.0.6) 50 | rb-fsevent (0.10.4) 51 | rb-inotify (0.10.1) 52 | ffi (~> 1.0) 53 | rexml (3.2.5) 54 | rouge (3.26.0) 55 | safe_yaml (1.0.5) 56 | sassc (2.4.0) 57 | ffi (~> 1.9) 58 | terminal-table (2.0.0) 59 | unicode-display_width (~> 1.1, >= 1.1.1) 60 | unicode-display_width (1.7.0) 61 | webrick (1.7.0) 62 | 63 | PLATFORMS 64 | ruby 65 | 66 | DEPENDENCIES 67 | jekyll 68 | jekyll-contentblocks 69 | webrick (~> 1.7) 70 | 71 | BUNDLED WITH 72 | 2.2.3 73 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Crystal Weekly 2 | 3 | This is the source code for [Crystal Weekly](http://www.crystalweekly.com) website. 4 | 5 | This site is built in Jekyll. 6 | -------------------------------------------------------------------------------- /_config.yml: -------------------------------------------------------------------------------- 1 | title: Crystal Weekly 2 | baseurl: "" 3 | 4 | markdown: kramdown 5 | 6 | sass: 7 | style: compressed 8 | -------------------------------------------------------------------------------- /_includes/head.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | {% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %} 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /_layouts/default.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | {% include head.html %} 4 | 5 | {{ content }} 6 | 7 | 8 | -------------------------------------------------------------------------------- /_layouts/page.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | --- 4 |
5 | 6 |
7 |

{{ page.title }}

8 |
9 | 10 |
11 | {{ content }} 12 |
13 | 14 |
15 | -------------------------------------------------------------------------------- /_layouts/post.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | --- 4 |
5 | 6 |
7 |

{{ page.title }}

8 | 9 |
10 | 11 |
12 | {{ content }} 13 |
14 | 15 |
16 | -------------------------------------------------------------------------------- /_plugins/bundler.rb: -------------------------------------------------------------------------------- 1 | require "bundler/setup" 2 | Bundler.require(:default) 3 | -------------------------------------------------------------------------------- /_sass/_base.scss: -------------------------------------------------------------------------------- 1 | *, *:before, *:after { 2 | -webkit-box-sizing: border-box; 3 | -moz-box-sizing: border-box; 4 | box-sizing: border-box; 5 | outline: 0; 6 | } 7 | html, body { 8 | font-family: Open Sans; 9 | color: #222222; 10 | font-size: 16px; 11 | line-height: 32px; 12 | background: #F5F5F5; 13 | } 14 | a { 15 | color: #222; 16 | text-decoration: none; 17 | } 18 | p { 19 | padding: 0; 20 | margin: 0; 21 | } 22 | ul { 23 | margin: 0; 24 | padding: 0; 25 | list-style: none; 26 | } 27 | ::-moz-selection { 28 | color: #fff; 29 | background: #1ECE6D; 30 | } 31 | ::selection { 32 | color: #fff; 33 | background: #1ECE6D; 34 | } 35 | ::-webkit-input-placeholder { 36 | color: #a1a1a1; 37 | } 38 | :-moz-placeholder { 39 | color: #a1a1a1; 40 | opacity: 1; 41 | } 42 | ::-moz-placeholder { 43 | color: #a1a1a1; 44 | opacity: 1; 45 | } 46 | :-ms-input-placeholder { 47 | color: #a1a1a1; 48 | } 49 | .cw-container { 50 | max-width: 728px; 51 | margin: 0 auto; 52 | padding: 40px 40px 24px 40px; 53 | } 54 | .cw-logo { 55 | line-height: 0; 56 | text-align: center; 57 | img { 58 | width: 199px; 59 | } 60 | } 61 | .cw-link { 62 | text-decoration: none; 63 | font-weight: bold; 64 | } 65 | .cw-text-left { 66 | text-align: left; 67 | } 68 | .cw-white-background { 69 | border: 2px solid #E8E8E8; 70 | -webkit-border-radius: 8px; 71 | -moz-border-radius: 8px; 72 | border-radius: 8px; 73 | padding: 24px; 74 | background: #FFF; 75 | } 76 | .cw-text-right { 77 | text-align: right; 78 | } 79 | .cw-text-center { 80 | text-align: center; 81 | } 82 | .cw-font-18 { 83 | font-size: 18px; 84 | } 85 | .cw-block { 86 | display: block; 87 | } 88 | .cw-font-24 { 89 | font-size: 24px; 90 | } 91 | .cw-font-32 { 92 | font-size: 32px; 93 | } 94 | .cw-bold { 95 | font-weight: bold; 96 | } 97 | .cw-input-text { 98 | width: 100%; 99 | display: block; 100 | padding: 0 16px; 101 | color: #222; 102 | background: #fff; 103 | border: 2px solid #1ECE6D; 104 | border-right: 0; 105 | outline: none; 106 | -webkit-border-radius: 8px; 107 | -webkit-border-top-right-radius: 0; 108 | -webkit-border-bottom-right-radius: 0; 109 | -moz-border-radius: 8px; 110 | -moz-border-radius-topright: 0; 111 | -moz-border-radius-bottomright: 0; 112 | border-radius: 8px; 113 | border-top-right-radius: 0; 114 | border-bottom-right-radius: 0; 115 | cursor: text; 116 | font-family: Source Code Pro; 117 | font-size: 18px; 118 | line-height: 60px; 119 | height: 60px; 120 | } 121 | .cw-input-button { 122 | width: 100%; 123 | padding: 0 16px; 124 | -webkit-border-radius: 0; 125 | -webkit-border-top-right-radius: 8px; 126 | -webkit-border-bottom-right-radius: 8px; 127 | -moz-border-radius: 0; 128 | -moz-border-radius-topright: 8px; 129 | -moz-border-radius-bottomright: 8px; 130 | border-radius: 0; 131 | border-top-right-radius: 8px; 132 | border-bottom-right-radius: 8px; 133 | border: 0; 134 | background: #1ECE6D; 135 | color: #fff; 136 | font-size: 18px; 137 | cursor: pointer; 138 | line-height: 60px; 139 | height: 60px; 140 | } 141 | -------------------------------------------------------------------------------- /_sass/_breakpoints.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdogruyol/crystal-weekly/4a28d3dfe5d3beec0a75535a085f2d0e62d82905/_sass/_breakpoints.scss -------------------------------------------------------------------------------- /_sass/_flexiblegs.scss: -------------------------------------------------------------------------------- 1 | $syntax: ( 2 | css 3 | ); 4 | $breakpoint: ( 5 | xl : "", 6 | // lg : "(max-width: 1024px)", 7 | // md : "(max-width: 768px)", 8 | sm : "(max-width: 667px)" 9 | ); 10 | $wrap-col: (auto, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12); 11 | $wrap-prop: (table, flexbox, normal, left, center, right, top, middle, bottom, between, around, baseline, reverse, not-reverse); 12 | $col-row: (1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12); 13 | $col-width: (); 14 | $col-prop: (hidden, not-hidden, first, not-first, last, not-last); 15 | $wrap-gutter: (0, 8, 12, 16, 24, 40); 16 | $wrap-outside: (0, 8, 12, 16, 24, 40); 17 | $wrap-masonry: (2, 3, 4, 5, 6); 18 | 19 | /*! Flexible Grid System 5.4.0 | Scss Plus | MIT License | flexible.gs */ 20 | 21 | @mixin wrap($prop: null, $val: null) { 22 | @if $prop == null { 23 | display: block; 24 | width: 100%; 25 | font-size: 0; 26 | letter-spacing: 0; 27 | text-align: left; 28 | -webkit-box-sizing: border-box; 29 | -moz-box-sizing: border-box; 30 | box-sizing: border-box; 31 | > * { 32 | display: inline-block; 33 | } 34 | } 35 | @else if $prop == table { 36 | display: table; 37 | table-layout: fixed; 38 | -webkit-flex-direction: initial; 39 | -ms-flex-direction: initial; 40 | flex-direction: initial; 41 | -webkit-flex-wrap: initial; 42 | -ms-flex-wrap: initial; 43 | flex-wrap: initial; 44 | -webkit-justify-content: initial; 45 | -ms-justify-content: initial; 46 | justify-content: initial; 47 | -webkit-align-content: initial; 48 | -ms-align-content: initial; 49 | align-content: initial; 50 | -webkit-align-items: initial; 51 | -ms-align-items: initial; 52 | align-items: initial; 53 | -webkit-column-count: auto; 54 | -moz-column-count: auto; 55 | column-count: auto; 56 | > * { 57 | display: table-cell; 58 | } 59 | } 60 | @else if $prop == flexbox { 61 | display: -webkit-flex; 62 | display: -ms-flexbox; 63 | display: flex; 64 | table-layout: auto; 65 | -webkit-flex-direction: row; 66 | -ms-flex-direction: row; 67 | flex-direction: row; 68 | -webkit-flex-wrap: wrap; 69 | -ms-flex-wrap: wrap; 70 | flex-wrap: wrap; 71 | -webkit-justify-content: flex-start; 72 | -ms-justify-content: flex-start; 73 | justify-content: flex-start; 74 | -webkit-align-content: center; 75 | -ms-align-content: center; 76 | align-content: center; 77 | -webkit-align-items: center; 78 | -ms-align-items: center; 79 | align-items: center; 80 | -webkit-column-count: auto; 81 | -moz-column-count: auto; 82 | column-count: auto; 83 | > * { 84 | display: inline-block; 85 | } 86 | } 87 | @else if $prop == normal { 88 | display: block; 89 | table-layout: auto; 90 | -webkit-flex-direction: initial; 91 | -ms-flex-direction: initial; 92 | flex-direction: initial; 93 | -webkit-flex-wrap: initial; 94 | -ms-flex-wrap: initial; 95 | flex-wrap: initial; 96 | -webkit-justify-content: initial; 97 | -ms-justify-content: initial; 98 | justify-content: initial; 99 | -webkit-align-content: initial; 100 | -ms-align-content: initial; 101 | align-content: initial; 102 | -webkit-align-items: initial; 103 | -ms-align-items: initial; 104 | align-items: initial; 105 | -webkit-column-count: auto; 106 | -moz-column-count: auto; 107 | column-count: auto; 108 | > * { 109 | display: inline-block; 110 | } 111 | } 112 | @else if $prop == left { 113 | -webkit-justify-content: flex-start; 114 | -ms-justify-content: flex-start; 115 | justify-content: flex-start; 116 | text-align: left; 117 | } 118 | @else if $prop == center { 119 | -webkit-justify-content: center; 120 | -ms-justify-content: center; 121 | justify-content: center; 122 | text-align: center; 123 | } 124 | @else if $prop == right { 125 | -webkit-justify-content: flex-end; 126 | -ms-justify-content: flex-end; 127 | justify-content: flex-end; 128 | text-align: right; 129 | } 130 | @else if $prop == top { 131 | -webkit-align-items: flex-start; 132 | -ms-align-items: flex-start; 133 | align-items: flex-start; 134 | > * { 135 | vertical-align: top; 136 | } 137 | } 138 | @else if $prop == middle { 139 | -webkit-align-items: center; 140 | -ms-align-items: center; 141 | align-items: center; 142 | > * { 143 | vertical-align: middle; 144 | } 145 | } 146 | @else if $prop == bottom { 147 | -webkit-align-items: flex-end; 148 | -ms-align-items: flex-end; 149 | align-items: flex-end; 150 | > * { 151 | vertical-align: bottom; 152 | } 153 | } 154 | @else if $prop == between { 155 | -webkit-justify-content: space-between; 156 | -ms-justify-content: space-between; 157 | justify-content: space-between; 158 | -webkit-align-content: space-between; 159 | -ms-align-content: space-between; 160 | align-content: space-between; 161 | } 162 | @else if $prop == around { 163 | -webkit-justify-content: space-around; 164 | -ms-justify-content: space-around; 165 | justify-content: space-around; 166 | -webkit-align-content: space-around; 167 | -ms-align-content: space-around; 168 | align-content: space-around; 169 | } 170 | @else if $prop == baseline { 171 | -webkit-align-items: baseline; 172 | -ms-align-items: baseline; 173 | align-items: baseline; 174 | } 175 | @else if $prop == reverse { 176 | -webkit-flex-direction: row-reverse; 177 | -ms-flex-direction: row-reverse; 178 | flex-direction: row-reverse; 179 | -webkit-flex-wrap: wrap-reverse; 180 | -ms-flex-wrap: wrap-reverse; 181 | flex-wrap: wrap-reverse; 182 | } 183 | @else if $prop == not-reverse { 184 | -webkit-flex-direction: row; 185 | -ms-flex-direction: row; 186 | flex-direction: row; 187 | -webkit-flex-wrap: wrap; 188 | -ms-flex-wrap: wrap; 189 | flex-wrap: wrap; 190 | } 191 | @else if $prop == gutter { 192 | width: calc(100% + #{$val}#{"px"}); 193 | margin-left: -#{$val / 2}#{"px"}; 194 | margin-right: -#{$val / 2}#{"px"}; 195 | padding-left: 0; 196 | padding-right: 0; 197 | > * { 198 | padding-left: #{$val / 2}#{"px"}; 199 | padding-right: #{$val / 2}#{"px"}; 200 | } 201 | } 202 | @else if $prop == outside { 203 | width: 100%; 204 | margin-left: 0; 205 | margin-right: 0; 206 | padding-left: #{$val / 2}#{"px"}; 207 | padding-right: #{$val / 2}#{"px"}; 208 | } 209 | @else if $prop == masonry { 210 | -webkit-column-count: $val; 211 | -moz-column-count: $val; 212 | column-count: $val; 213 | } 214 | @else { 215 | > * { 216 | @if $prop == auto { 217 | width: auto; 218 | } 219 | @else { 220 | width: #{100% / $prop}; 221 | } 222 | } 223 | } 224 | } 225 | 226 | @mixin col($prop: null, $val: null) { 227 | @if $prop == null { 228 | min-height: 1px; 229 | font-size: 1rem; 230 | vertical-align: middle; 231 | -webkit-box-sizing: border-box; 232 | -moz-box-sizing: border-box; 233 | box-sizing: border-box; 234 | } 235 | @else if $prop == width { 236 | width: #{$val}#{"px"}; 237 | } 238 | @else if $prop == hidden { 239 | display: none; 240 | } 241 | @else if $prop == not-hidden { 242 | display: inline-block; 243 | } 244 | @else if $prop == first { 245 | -ms-flex-order: -1; 246 | -webkit-order: -1; 247 | order: -1; 248 | } 249 | @else if $prop == not-first { 250 | -ms-flex-order: 0; 251 | -webkit-order: 0; 252 | order: 0; 253 | } 254 | @else if $prop == last { 255 | -ms-flex-order: 1; 256 | -webkit-order: 1; 257 | order: 1; 258 | } 259 | @else if $prop == not-last { 260 | -ms-flex-order: 0; 261 | -webkit-order: 0; 262 | order: 0; 263 | } 264 | @else { 265 | width: #{100% / $val * $prop}; 266 | } 267 | } 268 | 269 | /*! Flexible Grid System 5.4.0 | Scss | MIT License | flexible.gs */ 270 | 271 | .wrap { 272 | @include wrap; 273 | } 274 | @each $method in $syntax { 275 | @if $method == "css" { 276 | .col { 277 | @include col; 278 | } 279 | } 280 | @else if $method == "bem" { 281 | .wrap__col { 282 | @include col; 283 | } 284 | } 285 | @each $prop, $val in $breakpoint { 286 | @if $val == "" { 287 | @each $item in $wrap-col { 288 | @if $item == auto { 289 | @if $method == "css" { 290 | .#{$prop}-#{$item} { 291 | @include wrap($prop: $item); 292 | } 293 | } 294 | @else if $method == "bem" { 295 | .wrap--#{$prop}-#{$item} { 296 | @include wrap($prop: $item); 297 | } 298 | } 299 | } 300 | @else { 301 | @if $method == "css" { 302 | .#{$prop}-#{$item} { 303 | @include wrap($prop: $item); 304 | } 305 | } 306 | @else if $method == "bem" { 307 | .wrap--#{$prop}-#{$item} { 308 | @include wrap($prop: $item); 309 | } 310 | } 311 | } 312 | } 313 | @each $item in $wrap-prop { 314 | @if $item == table { 315 | @if $method == "css" { 316 | .#{$prop}-#{$item} { 317 | @include wrap($prop: $item); 318 | } 319 | } 320 | @else if $method == "bem" { 321 | .wrap--#{$prop}-#{$item} { 322 | @include wrap($prop: $item); 323 | } 324 | } 325 | } 326 | @else if $item == flexbox { 327 | @if $method == "css" { 328 | .#{$prop}-#{$item} { 329 | @include wrap($prop: $item); 330 | } 331 | } 332 | @else if $method == "bem" { 333 | .wrap--#{$prop}-#{$item} { 334 | @include wrap($prop: $item); 335 | } 336 | } 337 | } 338 | @else if $item == normal { 339 | @if $method == "css" { 340 | .#{$prop}-#{$item} { 341 | @include wrap($prop: $item); 342 | } 343 | } 344 | @else if $method == "bem" { 345 | .wrap--#{$prop}-#{$item} { 346 | @include wrap($prop: $item); 347 | } 348 | } 349 | } 350 | @else if $item == left { 351 | @if $method == "css" { 352 | .#{$prop}-#{$item} { 353 | @include wrap($prop: $item); 354 | } 355 | } 356 | @else if $method == "bem" { 357 | .wrap--#{$prop}-#{$item} { 358 | @include wrap($prop: $item); 359 | } 360 | } 361 | } 362 | @else if $item == center { 363 | @if $method == "css" { 364 | .#{$prop}-#{$item} { 365 | @include wrap($prop: $item); 366 | } 367 | } 368 | @else if $method == "bem" { 369 | .wrap--#{$prop}-#{$item} { 370 | @include wrap($prop: $item); 371 | } 372 | } 373 | } 374 | @else if $item == right { 375 | @if $method == "css" { 376 | .#{$prop}-#{$item} { 377 | @include wrap($prop: $item); 378 | } 379 | } 380 | @else if $method == "bem" { 381 | .wrap--#{$prop}-#{$item} { 382 | @include wrap($prop: $item); 383 | } 384 | } 385 | } 386 | @else if $item == top { 387 | @if $method == "css" { 388 | .#{$prop}-#{$item} { 389 | @include wrap($prop: $item); 390 | } 391 | } 392 | @else if $method == "bem" { 393 | .wrap--#{$prop}-#{$item} { 394 | @include wrap($prop: $item); 395 | } 396 | } 397 | } 398 | @else if $item == middle { 399 | @if $method == "css" { 400 | .#{$prop}-#{$item} { 401 | @include wrap($prop: $item); 402 | } 403 | } 404 | @else if $method == "bem" { 405 | .wrap--#{$prop}-#{$item} { 406 | @include wrap($prop: $item); 407 | } 408 | } 409 | } 410 | @else if $item == bottom { 411 | @if $method == "css" { 412 | .#{$prop}-#{$item} { 413 | @include wrap($prop: $item); 414 | } 415 | } 416 | @else if $method == "bem" { 417 | .wrap--#{$prop}-#{$item} { 418 | @include wrap($prop: $item); 419 | } 420 | } 421 | } 422 | @else if $item == between { 423 | @if $method == "css" { 424 | .#{$prop}-#{$item} { 425 | @include wrap($prop: $item); 426 | } 427 | } 428 | @else if $method == "bem" { 429 | .wrap--#{$prop}-#{$item} { 430 | @include wrap($prop: $item); 431 | } 432 | } 433 | } 434 | @else if $item == around { 435 | @if $method == "css" { 436 | .#{$prop}-#{$item} { 437 | @include wrap($prop: $item); 438 | } 439 | } 440 | @else if $method == "bem" { 441 | .wrap--#{$prop}-#{$item} { 442 | @include wrap($prop: $item); 443 | } 444 | } 445 | } 446 | @else if $item == baseline { 447 | @if $method == "css" { 448 | .#{$prop}-#{$item} { 449 | @include wrap($prop: $item); 450 | } 451 | } 452 | @else if $method == "bem" { 453 | .wrap--#{$prop}-#{$item} { 454 | @include wrap($prop: $item); 455 | } 456 | } 457 | } 458 | @else if $item == reverse { 459 | @if $method == "css" { 460 | .#{$prop}-#{$item} { 461 | @include wrap($prop: $item); 462 | } 463 | } 464 | @else if $method == "bem" { 465 | .wrap--#{$prop}-#{$item} { 466 | @include wrap($prop: $item); 467 | } 468 | } 469 | } 470 | @else if $item == not-reverse { 471 | @if $method == "css" { 472 | .#{$prop}-#{$item} { 473 | @include wrap($prop: $item); 474 | } 475 | } 476 | @else if $method == "bem" { 477 | .wrap--#{$prop}-#{$item} { 478 | @include wrap($prop: $item); 479 | } 480 | } 481 | } 482 | } 483 | @each $item in $wrap-gutter { 484 | @if $method == "css" { 485 | .#{$prop}-gutter-#{$item} { 486 | @include wrap(gutter, $val: $item); 487 | } 488 | } 489 | @else if $method == "bem" { 490 | .wrap--#{$prop}-gutter-#{$item} { 491 | @include wrap(gutter, $val: $item); 492 | } 493 | } 494 | } 495 | @each $item in $wrap-outside { 496 | @if $method == "css" { 497 | .#{$prop}-outside-#{$item} { 498 | @include wrap(outside, $val: $item); 499 | } 500 | } 501 | @else if $method == "bem" { 502 | .wrap--#{$prop}-outside-#{$item} { 503 | @include wrap(outside, $val: $item); 504 | } 505 | } 506 | } 507 | @each $item in $wrap-masonry { 508 | @if $method == "css" { 509 | .#{$prop}-masonry-#{$item} { 510 | @include wrap(masonry, $val: $item); 511 | } 512 | } 513 | @else if $method == "bem" { 514 | .wrap--#{$prop}-masonry-#{$item} { 515 | @include wrap(masonry, $val: $item); 516 | } 517 | } 518 | } 519 | @each $item in $col-row { 520 | @if $item == 1 { 521 | @if $method == "css" { 522 | .#{$prop}-#{$item}-#{$item} { 523 | @include col($prop: $item, $val: $item); 524 | } 525 | } 526 | @else if $method == "bem" { 527 | .wrap__col--#{$prop}-#{$item}-#{$item} { 528 | @include col($prop: $item, $val: $item); 529 | } 530 | } 531 | } 532 | @else { 533 | @for $i from 1 through $item { 534 | @if $i != $item { 535 | @if $method == "css" { 536 | .#{$prop}-#{$i}-#{$item} { 537 | @include col($prop: $i, $val: $item); 538 | } 539 | } 540 | @else if $method == "bem" { 541 | .wrap__col--#{$prop}-#{$i}-#{$item} { 542 | @include col($prop: $i, $val: $item); 543 | } 544 | } 545 | } 546 | } 547 | } 548 | } 549 | @each $item in $col-width { 550 | @if $method == "css" { 551 | .#{$prop}-width-#{$item} { 552 | @include col(width, $val: $item); 553 | } 554 | } 555 | @else if $method == "bem" { 556 | .wrap__col--#{$prop}-width-#{$item} { 557 | @include col(width, $val: $item); 558 | } 559 | } 560 | } 561 | @each $item in $col-prop { 562 | @if $item == hidden { 563 | @if $method == "css" { 564 | .#{$prop}-#{$item} { 565 | @include col($prop: $item); 566 | } 567 | } 568 | @else if $method == "bem" { 569 | .wrap__col--#{$prop}-#{$item} { 570 | @include col($prop: $item); 571 | } 572 | } 573 | } 574 | @else if $item == not-hidden { 575 | @if $method == "css" { 576 | .#{$prop}-#{$item} { 577 | @include col($prop: $item); 578 | } 579 | } 580 | @else if $method == "bem" { 581 | .wrap__col--#{$prop}-#{$item} { 582 | @include col($prop: $item); 583 | } 584 | } 585 | } 586 | @else if $item == first { 587 | @if $method == "css" { 588 | .#{$prop}-#{$item} { 589 | @include col($prop: $item); 590 | } 591 | } 592 | @else if $method == "bem" { 593 | .wrap__col--#{$prop}-#{$item} { 594 | @include col($prop: $item); 595 | } 596 | } 597 | } 598 | @else if $item == not-first { 599 | @if $method == "css" { 600 | .#{$prop}-#{$item} { 601 | @include col($prop: $item); 602 | } 603 | } 604 | @else if $method == "bem" { 605 | .wrap__col--#{$prop}-#{$item} { 606 | @include col($prop: $item); 607 | } 608 | } 609 | } 610 | @else if $item == last { 611 | @if $method == "css" { 612 | .#{$prop}-#{$item} { 613 | @include col($prop: $item); 614 | } 615 | } 616 | @else if $method == "bem" { 617 | .wrap__col--#{$prop}-#{$item} { 618 | @include col($prop: $item); 619 | } 620 | } 621 | } 622 | @else if $item == not-last { 623 | @if $method == "css" { 624 | .#{$prop}-#{$item} { 625 | @include col($prop: $item); 626 | } 627 | } 628 | @else if $method == "bem" { 629 | .wrap__col--#{$prop}-#{$item} { 630 | @include col($prop: $item); 631 | } 632 | } 633 | } 634 | } 635 | } 636 | @else if $val != "" { 637 | @media #{$val} { 638 | @each $item in $wrap-col { 639 | @if $item == auto { 640 | @if $method == "css" { 641 | .#{$prop}-#{$item} { 642 | @include wrap($prop: $item); 643 | } 644 | } 645 | @else if $method == "bem" { 646 | .wrap--#{$prop}-#{$item} { 647 | @include wrap($prop: $item); 648 | } 649 | } 650 | } 651 | @else { 652 | @if $method == "css" { 653 | .#{$prop}-#{$item} { 654 | @include wrap($prop: $item); 655 | } 656 | } 657 | @else if $method == "bem" { 658 | .wrap--#{$prop}-#{$item} { 659 | @include wrap($prop: $item); 660 | } 661 | } 662 | } 663 | } 664 | @each $item in $wrap-prop { 665 | @if $item == table { 666 | @if $method == "css" { 667 | .#{$prop}-#{$item} { 668 | @include wrap($prop: $item); 669 | } 670 | } 671 | @else if $method == "bem" { 672 | .wrap--#{$prop}-#{$item} { 673 | @include wrap($prop: $item); 674 | } 675 | } 676 | } 677 | @else if $item == flexbox { 678 | @if $method == "css" { 679 | .#{$prop}-#{$item} { 680 | @include wrap($prop: $item); 681 | } 682 | } 683 | @else if $method == "bem" { 684 | .wrap--#{$prop}-#{$item} { 685 | @include wrap($prop: $item); 686 | } 687 | } 688 | } 689 | @else if $item == normal { 690 | @if $method == "css" { 691 | .#{$prop}-#{$item} { 692 | @include wrap($prop: $item); 693 | } 694 | } 695 | @else if $method == "bem" { 696 | .wrap--#{$prop}-#{$item} { 697 | @include wrap($prop: $item); 698 | } 699 | } 700 | } 701 | @else if $item == left { 702 | @if $method == "css" { 703 | .#{$prop}-#{$item} { 704 | @include wrap($prop: $item); 705 | } 706 | } 707 | @else if $method == "bem" { 708 | .wrap--#{$prop}-#{$item} { 709 | @include wrap($prop: $item); 710 | } 711 | } 712 | } 713 | @else if $item == center { 714 | @if $method == "css" { 715 | .#{$prop}-#{$item} { 716 | @include wrap($prop: $item); 717 | } 718 | } 719 | @else if $method == "bem" { 720 | .wrap--#{$prop}-#{$item} { 721 | @include wrap($prop: $item); 722 | } 723 | } 724 | } 725 | @else if $item == right { 726 | @if $method == "css" { 727 | .#{$prop}-#{$item} { 728 | @include wrap($prop: $item); 729 | } 730 | } 731 | @else if $method == "bem" { 732 | .wrap--#{$prop}-#{$item} { 733 | @include wrap($prop: $item); 734 | } 735 | } 736 | } 737 | @else if $item == top { 738 | @if $method == "css" { 739 | .#{$prop}-#{$item} { 740 | @include wrap($prop: $item); 741 | } 742 | } 743 | @else if $method == "bem" { 744 | .wrap--#{$prop}-#{$item} { 745 | @include wrap($prop: $item); 746 | } 747 | } 748 | } 749 | @else if $item == middle { 750 | @if $method == "css" { 751 | .#{$prop}-#{$item} { 752 | @include wrap($prop: $item); 753 | } 754 | } 755 | @else if $method == "bem" { 756 | .wrap--#{$prop}-#{$item} { 757 | @include wrap($prop: $item); 758 | } 759 | } 760 | } 761 | @else if $item == bottom { 762 | @if $method == "css" { 763 | .#{$prop}-#{$item} { 764 | @include wrap($prop: $item); 765 | } 766 | } 767 | @else if $method == "bem" { 768 | .wrap--#{$prop}-#{$item} { 769 | @include wrap($prop: $item); 770 | } 771 | } 772 | } 773 | @else if $item == between { 774 | @if $method == "css" { 775 | .#{$prop}-#{$item} { 776 | @include wrap($prop: $item); 777 | } 778 | } 779 | @else if $method == "bem" { 780 | .wrap--#{$prop}-#{$item} { 781 | @include wrap($prop: $item); 782 | } 783 | } 784 | } 785 | @else if $item == around { 786 | @if $method == "css" { 787 | .#{$prop}-#{$item} { 788 | @include wrap($prop: $item); 789 | } 790 | } 791 | @else if $method == "bem" { 792 | .wrap--#{$prop}-#{$item} { 793 | @include wrap($prop: $item); 794 | } 795 | } 796 | } 797 | @else if $item == baseline { 798 | @if $method == "css" { 799 | .#{$prop}-#{$item} { 800 | @include wrap($prop: $item); 801 | } 802 | } 803 | @else if $method == "bem" { 804 | .wrap--#{$prop}-#{$item} { 805 | @include wrap($prop: $item); 806 | } 807 | } 808 | } 809 | @else if $item == reverse { 810 | @if $method == "css" { 811 | .#{$prop}-#{$item} { 812 | @include wrap($prop: $item); 813 | } 814 | } 815 | @else if $method == "bem" { 816 | .wrap--#{$prop}-#{$item} { 817 | @include wrap($prop: $item); 818 | } 819 | } 820 | } 821 | @else if $item == not-reverse { 822 | @if $method == "css" { 823 | .#{$prop}-#{$item} { 824 | @include wrap($prop: $item); 825 | } 826 | } 827 | @else if $method == "bem" { 828 | .wrap--#{$prop}-#{$item} { 829 | @include wrap($prop: $item); 830 | } 831 | } 832 | } 833 | } 834 | @each $item in $wrap-gutter { 835 | @if $method == "css" { 836 | .#{$prop}-gutter-#{$item} { 837 | @include wrap(gutter, $val: $item); 838 | } 839 | } 840 | @else if $method == "bem" { 841 | .wrap--#{$prop}-gutter-#{$item} { 842 | @include wrap(gutter, $val: $item); 843 | } 844 | } 845 | } 846 | @each $item in $wrap-outside { 847 | @if $method == "css" { 848 | .#{$prop}-outside-#{$item} { 849 | @include wrap(outside, $val: $item); 850 | } 851 | } 852 | @else if $method == "bem" { 853 | .wrap--#{$prop}-outside-#{$item} { 854 | @include wrap(outside, $val: $item); 855 | } 856 | } 857 | } 858 | @each $item in $wrap-masonry { 859 | @if $method == "css" { 860 | .#{$prop}-masonry-#{$item} { 861 | @include wrap(masonry, $val: $item); 862 | } 863 | } 864 | @else if $method == "bem" { 865 | .wrap--#{$prop}-masonry-#{$item} { 866 | @include wrap(masonry, $val: $item); 867 | } 868 | } 869 | } 870 | @each $item in $col-row { 871 | @if $item == 1 { 872 | @if $method == "css" { 873 | .#{$prop}-#{$item}-#{$item} { 874 | @include col($prop: $item, $val: $item); 875 | } 876 | } 877 | @else if $method == "bem" { 878 | .wrap__col--#{$prop}-#{$item}-#{$item} { 879 | @include col($prop: $item, $val: $item); 880 | } 881 | } 882 | } 883 | @else { 884 | @for $i from 1 through $item { 885 | @if $i != $item { 886 | @if $method == "css" { 887 | .#{$prop}-#{$i}-#{$item} { 888 | @include col($prop: $i, $val: $item); 889 | } 890 | } 891 | @else if $method == "bem" { 892 | .wrap__col--#{$prop}-#{$i}-#{$item} { 893 | @include col($prop: $i, $val: $item); 894 | } 895 | } 896 | } 897 | } 898 | } 899 | } 900 | @each $item in $col-width { 901 | @if $method == "css" { 902 | .#{$prop}-width-#{$item} { 903 | @include col(width, $val: $item); 904 | } 905 | } 906 | @else if $method == "bem" { 907 | .wrap__col--#{$prop}-width-#{$item} { 908 | @include col(width, $val: $item); 909 | } 910 | } 911 | } 912 | @each $item in $col-prop { 913 | @if $item == hidden { 914 | @if $method == "css" { 915 | .#{$prop}-#{$item} { 916 | @include col($prop: $item); 917 | } 918 | } 919 | @else if $method == "bem" { 920 | .wrap__col--#{$prop}-#{$item} { 921 | @include col($prop: $item); 922 | } 923 | } 924 | } 925 | @else if $item == not-hidden { 926 | @if $method == "css" { 927 | .#{$prop}-#{$item} { 928 | @include col($prop: $item); 929 | } 930 | } 931 | @else if $method == "bem" { 932 | .wrap__col--#{$prop}-#{$item} { 933 | @include col($prop: $item); 934 | } 935 | } 936 | } 937 | @else if $item == first { 938 | @if $method == "css" { 939 | .#{$prop}-#{$item} { 940 | @include col($prop: $item); 941 | } 942 | } 943 | @else if $method == "bem" { 944 | .wrap__col--#{$prop}-#{$item} { 945 | @include col($prop: $item); 946 | } 947 | } 948 | } 949 | @else if $item == not-first { 950 | @if $method == "css" { 951 | .#{$prop}-#{$item} { 952 | @include col($prop: $item); 953 | } 954 | } 955 | @else if $method == "bem" { 956 | .wrap__col--#{$prop}-#{$item} { 957 | @include col($prop: $item); 958 | } 959 | } 960 | } 961 | @else if $item == last { 962 | @if $method == "css" { 963 | .#{$prop}-#{$item} { 964 | @include col($prop: $item); 965 | } 966 | } 967 | @else if $method == "bem" { 968 | .wrap__col--#{$prop}-#{$item} { 969 | @include col($prop: $item); 970 | } 971 | } 972 | } 973 | @else if $item == not-last { 974 | @if $method == "css" { 975 | .#{$prop}-#{$item} { 976 | @include col($prop: $item); 977 | } 978 | } 979 | @else if $method == "bem" { 980 | .wrap__col--#{$prop}-#{$item} { 981 | @include col($prop: $item); 982 | } 983 | } 984 | } 985 | } 986 | } 987 | } 988 | } 989 | } 990 | -------------------------------------------------------------------------------- /_sass/_font-awesome.scss: -------------------------------------------------------------------------------- 1 | /* Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome */ @font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.4.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"} -------------------------------------------------------------------------------- /_sass/_height.scss: -------------------------------------------------------------------------------- 1 | .cw-height { 2 | &-4 { 3 | width: 100%; 4 | height: 4px; 5 | } 6 | &-8 { 7 | width: 100%; 8 | height: 8px; 9 | } 10 | &-16 { 11 | width: 100%; 12 | height: 16px; 13 | } 14 | &-24 { 15 | width: 100%; 16 | height: 24px; 17 | } 18 | &-40 { 19 | width: 100%; 20 | height: 40px; 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /_sass/_normalize.scss: -------------------------------------------------------------------------------- 1 | /* normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ 2 | 3 | /** 4 | * 1. Set default font family to sans-serif. 5 | * 2. Prevent iOS and IE text size adjust after device orientation change, 6 | * without disabling user zoom. 7 | */ 8 | 9 | html { 10 | font-family: sans-serif; /* 1 */ 11 | -ms-text-size-adjust: 100%; /* 2 */ 12 | -webkit-text-size-adjust: 100%; /* 2 */ 13 | } 14 | 15 | /** 16 | * Remove default margin. 17 | */ 18 | 19 | body { 20 | margin: 0; 21 | } 22 | 23 | /* HTML5 display definitions 24 | ========================================================================== */ 25 | 26 | /** 27 | * Correct `block` display not defined for any HTML5 element in IE 8/9. 28 | * Correct `block` display not defined for `details` or `summary` in IE 10/11 29 | * and Firefox. 30 | * Correct `block` display not defined for `main` in IE 11. 31 | */ 32 | 33 | article, 34 | aside, 35 | details, 36 | figcaption, 37 | figure, 38 | footer, 39 | header, 40 | hgroup, 41 | main, 42 | menu, 43 | nav, 44 | section, 45 | summary { 46 | display: block; 47 | } 48 | 49 | /** 50 | * 1. Correct `inline-block` display not defined in IE 8/9. 51 | * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. 52 | */ 53 | 54 | audio, 55 | canvas, 56 | progress, 57 | video { 58 | display: inline-block; /* 1 */ 59 | vertical-align: baseline; /* 2 */ 60 | } 61 | 62 | /** 63 | * Prevent modern browsers from displaying `audio` without controls. 64 | * Remove excess height in iOS 5 devices. 65 | */ 66 | 67 | audio:not([controls]) { 68 | display: none; 69 | height: 0; 70 | } 71 | 72 | /** 73 | * Address `[hidden]` styling not present in IE 8/9/10. 74 | * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. 75 | */ 76 | 77 | [hidden], 78 | template { 79 | display: none; 80 | } 81 | 82 | /* Links 83 | ========================================================================== */ 84 | 85 | /** 86 | * Remove the gray background color from active links in IE 10. 87 | */ 88 | 89 | a { 90 | background-color: transparent; 91 | } 92 | 93 | /** 94 | * Improve readability of focused elements when they are also in an 95 | * active/hover state. 96 | */ 97 | 98 | a:active, 99 | a:hover { 100 | outline: 0; 101 | } 102 | 103 | /* Text-level semantics 104 | ========================================================================== */ 105 | 106 | /** 107 | * Address styling not present in IE 8/9/10/11, Safari, and Chrome. 108 | */ 109 | 110 | abbr[title] { 111 | border-bottom: 1px dotted; 112 | } 113 | 114 | /** 115 | * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. 116 | */ 117 | 118 | b, 119 | strong { 120 | font-weight: bold; 121 | } 122 | 123 | /** 124 | * Address styling not present in Safari and Chrome. 125 | */ 126 | 127 | dfn { 128 | font-style: italic; 129 | } 130 | 131 | /** 132 | * Address variable `h1` font-size and margin within `section` and `article` 133 | * contexts in Firefox 4+, Safari, and Chrome. 134 | */ 135 | 136 | h1 { 137 | font-size: 2em; 138 | margin: 0.67em 0; 139 | } 140 | 141 | /** 142 | * Address styling not present in IE 8/9. 143 | */ 144 | 145 | mark { 146 | background: #ff0; 147 | color: #000; 148 | } 149 | 150 | /** 151 | * Address inconsistent and variable font size in all browsers. 152 | */ 153 | 154 | small { 155 | font-size: 80%; 156 | } 157 | 158 | /** 159 | * Prevent `sub` and `sup` affecting `line-height` in all browsers. 160 | */ 161 | 162 | sub, 163 | sup { 164 | font-size: 75%; 165 | line-height: 0; 166 | position: relative; 167 | vertical-align: baseline; 168 | } 169 | 170 | sup { 171 | top: -0.5em; 172 | } 173 | 174 | sub { 175 | bottom: -0.25em; 176 | } 177 | 178 | /* Embedded content 179 | ========================================================================== */ 180 | 181 | /** 182 | * Remove border when inside `a` element in IE 8/9/10. 183 | */ 184 | 185 | img { 186 | border: 0; 187 | } 188 | 189 | /** 190 | * Correct overflow not hidden in IE 9/10/11. 191 | */ 192 | 193 | svg:not(:root) { 194 | overflow: hidden; 195 | } 196 | 197 | /* Grouping content 198 | ========================================================================== */ 199 | 200 | /** 201 | * Address margin not present in IE 8/9 and Safari. 202 | */ 203 | 204 | figure { 205 | margin: 1em 40px; 206 | } 207 | 208 | /** 209 | * Address differences between Firefox and other browsers. 210 | */ 211 | 212 | hr { 213 | box-sizing: content-box; 214 | height: 0; 215 | } 216 | 217 | /** 218 | * Contain overflow in all browsers. 219 | */ 220 | 221 | pre { 222 | overflow: auto; 223 | } 224 | 225 | /** 226 | * Address odd `em`-unit font size rendering in all browsers. 227 | */ 228 | 229 | code, 230 | kbd, 231 | pre, 232 | samp { 233 | font-family: monospace, monospace; 234 | font-size: 1em; 235 | } 236 | 237 | /* Forms 238 | ========================================================================== */ 239 | 240 | /** 241 | * Known limitation: by default, Chrome and Safari on OS X allow very limited 242 | * styling of `select`, unless a `border` property is set. 243 | */ 244 | 245 | /** 246 | * 1. Correct color not being inherited. 247 | * Known issue: affects color of disabled elements. 248 | * 2. Correct font properties not being inherited. 249 | * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. 250 | */ 251 | 252 | button, 253 | input, 254 | optgroup, 255 | select, 256 | textarea { 257 | color: inherit; /* 1 */ 258 | font: inherit; /* 2 */ 259 | margin: 0; /* 3 */ 260 | } 261 | 262 | /** 263 | * Address `overflow` set to `hidden` in IE 8/9/10/11. 264 | */ 265 | 266 | button { 267 | overflow: visible; 268 | } 269 | 270 | /** 271 | * Address inconsistent `text-transform` inheritance for `button` and `select`. 272 | * All other form control elements do not inherit `text-transform` values. 273 | * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. 274 | * Correct `select` style inheritance in Firefox. 275 | */ 276 | 277 | button, 278 | select { 279 | text-transform: none; 280 | } 281 | 282 | /** 283 | * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` 284 | * and `video` controls. 285 | * 2. Correct inability to style clickable `input` types in iOS. 286 | * 3. Improve usability and consistency of cursor style between image-type 287 | * `input` and others. 288 | */ 289 | 290 | button, 291 | html input[type="button"], /* 1 */ 292 | input[type="reset"], 293 | input[type="submit"] { 294 | -webkit-appearance: button; /* 2 */ 295 | cursor: pointer; /* 3 */ 296 | } 297 | 298 | /** 299 | * Re-set default cursor for disabled elements. 300 | */ 301 | 302 | button[disabled], 303 | html input[disabled] { 304 | cursor: default; 305 | } 306 | 307 | /** 308 | * Remove inner padding and border in Firefox 4+. 309 | */ 310 | 311 | button::-moz-focus-inner, 312 | input::-moz-focus-inner { 313 | border: 0; 314 | padding: 0; 315 | } 316 | 317 | /** 318 | * Address Firefox 4+ setting `line-height` on `input` using `!important` in 319 | * the UA stylesheet. 320 | */ 321 | 322 | input { 323 | line-height: normal; 324 | } 325 | 326 | /** 327 | * It's recommended that you don't attempt to style these elements. 328 | * Firefox's implementation doesn't respect box-sizing, padding, or width. 329 | * 330 | * 1. Address box sizing set to `content-box` in IE 8/9/10. 331 | * 2. Remove excess padding in IE 8/9/10. 332 | */ 333 | 334 | input[type="checkbox"], 335 | input[type="radio"] { 336 | box-sizing: border-box; /* 1 */ 337 | padding: 0; /* 2 */ 338 | } 339 | 340 | /** 341 | * Fix the cursor style for Chrome's increment/decrement buttons. For certain 342 | * `font-size` values of the `input`, it causes the cursor style of the 343 | * decrement button to change from `default` to `text`. 344 | */ 345 | 346 | input[type="number"]::-webkit-inner-spin-button, 347 | input[type="number"]::-webkit-outer-spin-button { 348 | height: auto; 349 | } 350 | 351 | /** 352 | * 1. Address `appearance` set to `searchfield` in Safari and Chrome. 353 | * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. 354 | */ 355 | 356 | input[type="search"] { 357 | -webkit-appearance: textfield; /* 1 */ 358 | box-sizing: content-box; /* 2 */ 359 | } 360 | 361 | /** 362 | * Remove inner padding and search cancel button in Safari and Chrome on OS X. 363 | * Safari (but not Chrome) clips the cancel button when the search input has 364 | * padding (and `textfield` appearance). 365 | */ 366 | 367 | input[type="search"]::-webkit-search-cancel-button, 368 | input[type="search"]::-webkit-search-decoration { 369 | -webkit-appearance: none; 370 | } 371 | 372 | /** 373 | * Define consistent border, margin, and padding. 374 | */ 375 | 376 | fieldset { 377 | border: 1px solid #c0c0c0; 378 | margin: 0 2px; 379 | padding: 0.35em 0.625em 0.75em; 380 | } 381 | 382 | /** 383 | * 1. Correct `color` not being inherited in IE 8/9/10/11. 384 | * 2. Remove padding so people aren't caught out if they zero out fieldsets. 385 | */ 386 | 387 | legend { 388 | border: 0; /* 1 */ 389 | padding: 0; /* 2 */ 390 | } 391 | 392 | /** 393 | * Remove default vertical scrollbar in IE 8/9/10/11. 394 | */ 395 | 396 | textarea { 397 | overflow: auto; 398 | } 399 | 400 | /** 401 | * Don't inherit the `font-weight` (applied by a rule above). 402 | * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. 403 | */ 404 | 405 | optgroup { 406 | font-weight: bold; 407 | } 408 | 409 | /* Tables 410 | ========================================================================== */ 411 | 412 | /** 413 | * Remove most spacing between table cells. 414 | */ 415 | 416 | table { 417 | border-collapse: collapse; 418 | border-spacing: 0; 419 | } 420 | 421 | td, 422 | th { 423 | padding: 0; 424 | } 425 | -------------------------------------------------------------------------------- /css/app.scss: -------------------------------------------------------------------------------- 1 | --- 2 | # Only the main Sass file needs front matter (the dashes are enough) 3 | --- 4 | @charset "utf-8"; 5 | 6 | // Import partials from `sass_dir` (defaults to `_sass`) 7 | @import 8 | "normalize", 9 | "flexiblegs", 10 | "font-awesome", 11 | "base", 12 | "height", 13 | "breakpoints" 14 | ; 15 | -------------------------------------------------------------------------------- /feed.xml: -------------------------------------------------------------------------------- 1 | --- 2 | layout: null 3 | --- 4 | 5 | 6 | 7 | {{ site.title | xml_escape }} 8 | {{ site.description | xml_escape }} 9 | {{ site.url }}{{ site.baseurl }}/ 10 | 11 | {{ site.time | date_to_rfc822 }} 12 | {{ site.time | date_to_rfc822 }} 13 | Jekyll v{{ jekyll.version }} 14 | {% for post in site.posts limit:10 %} 15 | 16 | {{ post.title | xml_escape }} 17 | {{ post.content | xml_escape }} 18 | {{ post.date | date_to_rfc822 }} 19 | {{ post.url | prepend: site.baseurl | prepend: site.url }} 20 | {{ post.url | prepend: site.baseurl | prepend: site.url }} 21 | {% for tag in post.tags %} 22 | {{ tag | xml_escape }} 23 | {% endfor %} 24 | {% for cat in post.categories %} 25 | {{ cat | xml_escape }} 26 | {% endfor %} 27 | 28 | {% endfor %} 29 | 30 | 31 | -------------------------------------------------------------------------------- /fonts/FontAwesome.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdogruyol/crystal-weekly/4a28d3dfe5d3beec0a75535a085f2d0e62d82905/fonts/FontAwesome.otf -------------------------------------------------------------------------------- /fonts/fontawesome-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdogruyol/crystal-weekly/4a28d3dfe5d3beec0a75535a085f2d0e62d82905/fonts/fontawesome-webfont.eot -------------------------------------------------------------------------------- /fonts/fontawesome-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdogruyol/crystal-weekly/4a28d3dfe5d3beec0a75535a085f2d0e62d82905/fonts/fontawesome-webfont.ttf -------------------------------------------------------------------------------- /fonts/fontawesome-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdogruyol/crystal-weekly/4a28d3dfe5d3beec0a75535a085f2d0e62d82905/fonts/fontawesome-webfont.woff -------------------------------------------------------------------------------- /fonts/fontawesome-webfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdogruyol/crystal-weekly/4a28d3dfe5d3beec0a75535a085f2d0e62d82905/fonts/fontawesome-webfont.woff2 -------------------------------------------------------------------------------- /img/cw-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdogruyol/crystal-weekly/4a28d3dfe5d3beec0a75535a085f2d0e62d82905/img/cw-logo.png -------------------------------------------------------------------------------- /img/favico.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdogruyol/crystal-weekly/4a28d3dfe5d3beec0a75535a085f2d0e62d82905/img/favico.ico -------------------------------------------------------------------------------- /img/favico.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sdogruyol/crystal-weekly/4a28d3dfe5d3beec0a75535a085f2d0e62d82905/img/favico.png -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | --- 4 | 5 |
6 | 11 |
12 |
13 |
14 |
15 | 16 |
17 |
18 |
19 | 20 |
21 |
22 |
23 | 24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 | A list of latest issues you can find here. 32 |
33 |
34 |
35 |
About
36 |
37 | Crystal Weekly is a weekly newsletter about Crystal Programming Language. 38 |
39 | Curated by Serdar Doğruyol. Crystal Weekly aims to bring the best resources, blog posts, community events and anything Crystal to your inboxes. 40 |
41 | The source code of this site is hosted on GitHub and you can contribute to it. If you'd like to submit something to be included in the next issue, open a github issue. 42 |
43 |
44 |
45 |
46 | 47 |
48 |
49 | 50 |
51 |
52 |
53 | --------------------------------------------------------------------------------