library/components/_progress.sass at master · mvcss/library · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
// *************************************
//
//   Progress
//   -> Progress bar
//      CodePen: http://codepen.io/drewbarontini/pen/tiorh
//
// -------------------------------------
//   Template (Haml)
// -------------------------------------
//
// .progress
//   .progress-bar{ style: 'width: 65%;' }
//
// *************************************

// -------------------------------------
//   Variables
// -------------------------------------

// ----- Colors ----- //

$progress-background: #fff !default
$progress-bar-background: #4e4e5b !default

// -------------------------------------
//   Base
// -------------------------------------

.progress
  background: $progress-background
  height: 10px
  position: relative

// -------------------------------------
//   Scaffolding
// -------------------------------------

// ----- Bar ----- //

.progress-bar
  box-sizing: border-box
  background: $progress-bar-background
  bottom: 0
  left: 0
  max-width: 100%
  position: absolute
  top: 0
  z-index: 1