album/photos.scss

$bordercolor: #666;

body {
  background: #eee;
}

header {
    border-bottom: 1px solid #aaa;
}

div.group {
  display: flex;
  flex-flow: row wrap;

  .item {
    border: 1px solid $bordercolor;
    flex-basis: 210px;
    flex-grow: 1;
    margin: 0 -1px -1px 0;
    padding: 1ex;
    text-align: center;
  }
}

ul.alltags, ul.allpeople, ul.allplaces {
    -moz-column-width: 13em;
    column-width: 13em;
}
Use scss to prepare css. The css file is built to a file with (short) checksum in the file name, to be nicely cacheable. The actual file name is compiled into the binary and sent to the templates as a variable. 2016-04-22 23:42:10 +03:00			`$bordercolor: #666;`

Basic styling. 2015-11-27 01:20:36 +03:00			`body {`
Use scss to prepare css. The css file is built to a file with (short) checksum in the file name, to be nicely cacheable. The actual file name is compiled into the binary and sent to the templates as a variable. 2016-04-22 23:42:10 +03:00			`background: #eee;`
Basic styling. 2015-11-27 01:20:36 +03:00			`}`
Use scss to prepare css. The css file is built to a file with (short) checksum in the file name, to be nicely cacheable. The actual file name is compiled into the binary and sent to the templates as a variable. 2016-04-22 23:42:10 +03:00
Add a basic page header. 2015-11-30 23:00:07 +03:00			`header {`
			`border-bottom: 1px solid #aaa;`
			`}`
Basic styling. 2015-11-27 01:20:36 +03:00
Use scss to prepare css. The css file is built to a file with (short) checksum in the file name, to be nicely cacheable. The actual file name is compiled into the binary and sent to the templates as a variable. 2016-04-22 23:42:10 +03:00			`div.group {`
			`display: flex;`
			`flex-flow: row wrap;`

			`.item {`
			`border: 1px solid $bordercolor;`
Basic styling. 2015-11-27 01:20:36 +03:00			`flex-basis: 210px;`
			`flex-grow: 1;`
			`margin: 0 -1px -1px 0;`
			`padding: 1ex;`
			`text-align: center;`
Use scss to prepare css. The css file is built to a file with (short) checksum in the file name, to be nicely cacheable. The actual file name is compiled into the binary and sent to the templates as a variable. 2016-04-22 23:42:10 +03:00			`}`
Basic styling. 2015-11-27 01:20:36 +03:00			`}`
List all tags. 2015-11-27 02:02:18 +03:00
Add support for places. Only the simple tag-like places I used in kphotoalbum. Proper geotagging is still left to do. 2015-11-30 00:38:40 +03:00			`ul.alltags, ul.allpeople, ul.allplaces {`
List all tags. 2015-11-27 02:02:18 +03:00			`-moz-column-width: 13em;`
			`column-width: 13em;`
			`}`