client/src/App.scss
author Alexandre Segura <mex.zktk@gmail.com>
Thu, 01 Jun 2017 19:01:03 +0200
changeset 18 dab2a16500e0
parent 12 48ddaa42b810
child 19 f1b125b95fe9
permissions -rw-r--r--
Add some styles for note timings.
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
2
b52921a63e77 add scss + bootstrap
ymh <ymh.work@gmail.com>
parents:
diff changeset
     1
.App {
b52921a63e77 add scss + bootstrap
ymh <ymh.work@gmail.com>
parents:
diff changeset
     2
  text-align: center;
b52921a63e77 add scss + bootstrap
ymh <ymh.work@gmail.com>
parents:
diff changeset
     3
}
b52921a63e77 add scss + bootstrap
ymh <ymh.work@gmail.com>
parents:
diff changeset
     4
b52921a63e77 add scss + bootstrap
ymh <ymh.work@gmail.com>
parents:
diff changeset
     5
.App-logo {
b52921a63e77 add scss + bootstrap
ymh <ymh.work@gmail.com>
parents:
diff changeset
     6
  animation: App-logo-spin infinite 20s linear;
b52921a63e77 add scss + bootstrap
ymh <ymh.work@gmail.com>
parents:
diff changeset
     7
  height: 80px;
b52921a63e77 add scss + bootstrap
ymh <ymh.work@gmail.com>
parents:
diff changeset
     8
}
b52921a63e77 add scss + bootstrap
ymh <ymh.work@gmail.com>
parents:
diff changeset
     9
b52921a63e77 add scss + bootstrap
ymh <ymh.work@gmail.com>
parents:
diff changeset
    10
.App-header {
b52921a63e77 add scss + bootstrap
ymh <ymh.work@gmail.com>
parents:
diff changeset
    11
  background-color: #222;
b52921a63e77 add scss + bootstrap
ymh <ymh.work@gmail.com>
parents:
diff changeset
    12
  height: 150px;
b52921a63e77 add scss + bootstrap
ymh <ymh.work@gmail.com>
parents:
diff changeset
    13
  padding: 20px;
b52921a63e77 add scss + bootstrap
ymh <ymh.work@gmail.com>
parents:
diff changeset
    14
  color: white;
b52921a63e77 add scss + bootstrap
ymh <ymh.work@gmail.com>
parents:
diff changeset
    15
}
b52921a63e77 add scss + bootstrap
ymh <ymh.work@gmail.com>
parents:
diff changeset
    16
b52921a63e77 add scss + bootstrap
ymh <ymh.work@gmail.com>
parents:
diff changeset
    17
.App-intro {
b52921a63e77 add scss + bootstrap
ymh <ymh.work@gmail.com>
parents:
diff changeset
    18
  font-size: large;
b52921a63e77 add scss + bootstrap
ymh <ymh.work@gmail.com>
parents:
diff changeset
    19
}
b52921a63e77 add scss + bootstrap
ymh <ymh.work@gmail.com>
parents:
diff changeset
    20
5
5c91bfa8fcde Introduce SlateJS.
Alexandre Segura <mex.zktk@gmail.com>
parents: 2
diff changeset
    21
.toolbar-menu {
5c91bfa8fcde Introduce SlateJS.
Alexandre Segura <mex.zktk@gmail.com>
parents: 2
diff changeset
    22
  padding: 1px 0 17px 18px;
12
48ddaa42b810 Draft implementation of sessions.
Alexandre Segura <mex.zktk@gmail.com>
parents: 5
diff changeset
    23
  // margin: 0 -20px;
5
5c91bfa8fcde Introduce SlateJS.
Alexandre Segura <mex.zktk@gmail.com>
parents: 2
diff changeset
    24
  border-bottom: 2px solid #eee;
5c91bfa8fcde Introduce SlateJS.
Alexandre Segura <mex.zktk@gmail.com>
parents: 2
diff changeset
    25
  margin-bottom: 20px;
5c91bfa8fcde Introduce SlateJS.
Alexandre Segura <mex.zktk@gmail.com>
parents: 2
diff changeset
    26
  .button {
5c91bfa8fcde Introduce SlateJS.
Alexandre Segura <mex.zktk@gmail.com>
parents: 2
diff changeset
    27
    color: #ccc;
5c91bfa8fcde Introduce SlateJS.
Alexandre Segura <mex.zktk@gmail.com>
parents: 2
diff changeset
    28
    cursor: pointer;
5c91bfa8fcde Introduce SlateJS.
Alexandre Segura <mex.zktk@gmail.com>
parents: 2
diff changeset
    29
  }
5c91bfa8fcde Introduce SlateJS.
Alexandre Segura <mex.zktk@gmail.com>
parents: 2
diff changeset
    30
5c91bfa8fcde Introduce SlateJS.
Alexandre Segura <mex.zktk@gmail.com>
parents: 2
diff changeset
    31
  .button[data-active="true"] {
5c91bfa8fcde Introduce SlateJS.
Alexandre Segura <mex.zktk@gmail.com>
parents: 2
diff changeset
    32
    color: black;
5c91bfa8fcde Introduce SlateJS.
Alexandre Segura <mex.zktk@gmail.com>
parents: 2
diff changeset
    33
  }
5c91bfa8fcde Introduce SlateJS.
Alexandre Segura <mex.zktk@gmail.com>
parents: 2
diff changeset
    34
}
5c91bfa8fcde Introduce SlateJS.
Alexandre Segura <mex.zktk@gmail.com>
parents: 2
diff changeset
    35
12
48ddaa42b810 Draft implementation of sessions.
Alexandre Segura <mex.zktk@gmail.com>
parents: 5
diff changeset
    36
.editor-wrapper {
48ddaa42b810 Draft implementation of sessions.
Alexandre Segura <mex.zktk@gmail.com>
parents: 5
diff changeset
    37
  border: 1px solid #efefef;
48ddaa42b810 Draft implementation of sessions.
Alexandre Segura <mex.zktk@gmail.com>
parents: 5
diff changeset
    38
  padding: 20px;
48ddaa42b810 Draft implementation of sessions.
Alexandre Segura <mex.zktk@gmail.com>
parents: 5
diff changeset
    39
}
48ddaa42b810 Draft implementation of sessions.
Alexandre Segura <mex.zktk@gmail.com>
parents: 5
diff changeset
    40
5
5c91bfa8fcde Introduce SlateJS.
Alexandre Segura <mex.zktk@gmail.com>
parents: 2
diff changeset
    41
2
b52921a63e77 add scss + bootstrap
ymh <ymh.work@gmail.com>
parents:
diff changeset
    42
@keyframes App-logo-spin {
b52921a63e77 add scss + bootstrap
ymh <ymh.work@gmail.com>
parents:
diff changeset
    43
  from { transform: rotate(0deg); }
b52921a63e77 add scss + bootstrap
ymh <ymh.work@gmail.com>
parents:
diff changeset
    44
  to { transform: rotate(360deg); }
b52921a63e77 add scss + bootstrap
ymh <ymh.work@gmail.com>
parents:
diff changeset
    45
}
18
dab2a16500e0 Add some styles for note timings.
Alexandre Segura <mex.zktk@gmail.com>
parents: 12
diff changeset
    46
dab2a16500e0 Add some styles for note timings.
Alexandre Segura <mex.zktk@gmail.com>
parents: 12
diff changeset
    47
.note {
dab2a16500e0 Add some styles for note timings.
Alexandre Segura <mex.zktk@gmail.com>
parents: 12
diff changeset
    48
    position: relative;
dab2a16500e0 Add some styles for note timings.
Alexandre Segura <mex.zktk@gmail.com>
parents: 12
diff changeset
    49
    padding-left: 70px;
dab2a16500e0 Add some styles for note timings.
Alexandre Segura <mex.zktk@gmail.com>
parents: 12
diff changeset
    50
    margin-bottom: 20px;
dab2a16500e0 Add some styles for note timings.
Alexandre Segura <mex.zktk@gmail.com>
parents: 12
diff changeset
    51
dab2a16500e0 Add some styles for note timings.
Alexandre Segura <mex.zktk@gmail.com>
parents: 12
diff changeset
    52
    &:before {
dab2a16500e0 Add some styles for note timings.
Alexandre Segura <mex.zktk@gmail.com>
parents: 12
diff changeset
    53
        content: "";
dab2a16500e0 Add some styles for note timings.
Alexandre Segura <mex.zktk@gmail.com>
parents: 12
diff changeset
    54
        position: absolute;
dab2a16500e0 Add some styles for note timings.
Alexandre Segura <mex.zktk@gmail.com>
parents: 12
diff changeset
    55
        top: 0;
dab2a16500e0 Add some styles for note timings.
Alexandre Segura <mex.zktk@gmail.com>
parents: 12
diff changeset
    56
        bottom: 0;
dab2a16500e0 Add some styles for note timings.
Alexandre Segura <mex.zktk@gmail.com>
parents: 12
diff changeset
    57
        left: 27px;
dab2a16500e0 Add some styles for note timings.
Alexandre Segura <mex.zktk@gmail.com>
parents: 12
diff changeset
    58
        z-index: -1;
dab2a16500e0 Add some styles for note timings.
Alexandre Segura <mex.zktk@gmail.com>
parents: 12
diff changeset
    59
        display: block;
dab2a16500e0 Add some styles for note timings.
Alexandre Segura <mex.zktk@gmail.com>
parents: 12
diff changeset
    60
        width: 2px;
dab2a16500e0 Add some styles for note timings.
Alexandre Segura <mex.zktk@gmail.com>
parents: 12
diff changeset
    61
        background-color: #e6ebf1;
dab2a16500e0 Add some styles for note timings.
Alexandre Segura <mex.zktk@gmail.com>
parents: 12
diff changeset
    62
    }
dab2a16500e0 Add some styles for note timings.
Alexandre Segura <mex.zktk@gmail.com>
parents: 12
diff changeset
    63
dab2a16500e0 Add some styles for note timings.
Alexandre Segura <mex.zktk@gmail.com>
parents: 12
diff changeset
    64
    .start, .finish {
dab2a16500e0 Add some styles for note timings.
Alexandre Segura <mex.zktk@gmail.com>
parents: 12
diff changeset
    65
        position: absolute;
dab2a16500e0 Add some styles for note timings.
Alexandre Segura <mex.zktk@gmail.com>
parents: 12
diff changeset
    66
        background-color: #fff;
dab2a16500e0 Add some styles for note timings.
Alexandre Segura <mex.zktk@gmail.com>
parents: 12
diff changeset
    67
    }
dab2a16500e0 Add some styles for note timings.
Alexandre Segura <mex.zktk@gmail.com>
parents: 12
diff changeset
    68
dab2a16500e0 Add some styles for note timings.
Alexandre Segura <mex.zktk@gmail.com>
parents: 12
diff changeset
    69
    .start {
dab2a16500e0 Add some styles for note timings.
Alexandre Segura <mex.zktk@gmail.com>
parents: 12
diff changeset
    70
        top: 0;
dab2a16500e0 Add some styles for note timings.
Alexandre Segura <mex.zktk@gmail.com>
parents: 12
diff changeset
    71
        left: 0;
dab2a16500e0 Add some styles for note timings.
Alexandre Segura <mex.zktk@gmail.com>
parents: 12
diff changeset
    72
    }
dab2a16500e0 Add some styles for note timings.
Alexandre Segura <mex.zktk@gmail.com>
parents: 12
diff changeset
    73
    .finish {
dab2a16500e0 Add some styles for note timings.
Alexandre Segura <mex.zktk@gmail.com>
parents: 12
diff changeset
    74
        bottom: 0;
dab2a16500e0 Add some styles for note timings.
Alexandre Segura <mex.zktk@gmail.com>
parents: 12
diff changeset
    75
        left: 0;
dab2a16500e0 Add some styles for note timings.
Alexandre Segura <mex.zktk@gmail.com>
parents: 12
diff changeset
    76
    }
dab2a16500e0 Add some styles for note timings.
Alexandre Segura <mex.zktk@gmail.com>
parents: 12
diff changeset
    77
}