Switches to Bulma for layout

bookwyrm/static/css/format.css

@@ -0,0 +1,40 @@
+/* --- ICONS --- */
+.icon {
+    color: black;
+    text-decoration: none;
+    font-size: 1.1rem;
+    vertical-align: sub;
+}
+.hidden-text {
+    height: 0;
+    width: 0;
+    position: absolute;
+    overflow: hidden;
+}
+.icon .bubble {
+    background-color: #FF1654;
+    color: white;
+    font-size: 0.85rem;
+    border-radius: 50%;
+    display: block;
+    position: absolute;
+    text-align: center;
+    top: -0.65rem;
+    right: -0.5rem;
+    height: 1rem;
+    width: 1rem;
+}
+
+
+/* --- TOGGLES --- */
+input.toggle-control {
+    display: none;
+}
+
+.toggle-content.hidden {
+    display: none;
+}
+
+input.toggle-control:checked ~ .toggle-content {
+    display: block;
+}

bookwyrm/static/css/icons.css

@@ -0,0 +1,138 @@
+@font-face {
+  font-family: 'icomoon';
+  src:  url('fonts/icomoon.eot?v0wquk');
+  src:  url('fonts/icomoon.eot?v0wquk#iefix') format('embedded-opentype'),
+    url('fonts/icomoon.ttf?v0wquk') format('truetype'),
+    url('fonts/icomoon.woff?v0wquk') format('woff'),
+    url('fonts/icomoon.svg?v0wquk#icomoon') format('svg');
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
+}
+
+[class^="icon-"], [class*=" icon-"] {
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: 'icomoon' !important;
+  speak: none;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-arrow-right:before {
+  content: "\e900";
+}
+.icon-arrow-left:before {
+  content: "\e910";
+}
+.icon-arrow-up:before {
+  content: "\e911";
+}
+.icon-arrow-down:before {
+  content: "\e912";
+}
+.icon-x:before {
+  content: "\e902";
+}
+.icon-cancel:before {
+  content: "\e902";
+}
+.icon-close:before {
+  content: "\e902";
+}
+.icon-search:before {
+  content: "\e986";
+}
+.icon-star-empty:before {
+  content: "\e9d7";
+}
+.icon-star-half:before {
+  content: "\e9d8";
+}
+.icon-star-full:before {
+  content: "\e9d9";
+}
+.icon-heart:before {
+  content: "\e9da";
+}
+.icon-local:before {
+  content: "\e914";
+}
+.icon-home:before {
+  content: "\e913";
+}
+.icon-quote-close:before {
+  content: "\e903";
+}
+.icon-quote-open:before {
+  content: "\e904";
+}
+.icon-image:before {
+  content: "\e905";
+}
+.icon-photo:before {
+  content: "\e905";
+}
+.icon-picture-o:before {
+  content: "\e905";
+}
+.icon-pencil:before {
+  content: "\e906";
+}
+.icon-list:before {
+  content: "\e907";
+}
+.icon-unlock:before {
+  content: "\e908";
+}
+.icon-unlisted:before {
+  content: "\e908";
+}
+.icon-globe:before {
+  content: "\e909";
+}
+.icon-global:before {
+  content: "\e909";
+}
+.icon-federated:before {
+  content: "\e909";
+}
+.icon-public:before {
+  content: "\e909";
+}
+.icon-lock:before {
+  content: "\e90a";
+}
+.icon-private:before {
+  content: "\e90a";
+}
+.icon-chain-broken:before {
+  content: "\e90b";
+}
+.icon-unlink:before {
+  content: "\e90b";
+}
+.icon-chain:before {
+  content: "\e90c";
+}
+.icon-link:before {
+  content: "\e90c";
+}
+.icon-comments:before {
+  content: "\e90d";
+}
+.icon-comment:before {
+  content: "\e90e";
+}
+.icon-boost:before {
+  content: "\e90f";
+}
+.icon-bell:before {
+  content: "\e901";
+}