client/src/App.scss
author Alexandre Segura <mex.zktk@gmail.com>
Wed, 31 May 2017 17:51:54 +0200
changeset 12 48ddaa42b810
parent 5 5c91bfa8fcde
child 18 dab2a16500e0
permissions -rw-r--r--
Draft implementation of sessions. - Introduce react-router & add some pages. - Add login page (does nothing). - Allow creating a new session. - Allow adding notes into a session.
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
}