codefabrik-styleguide 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 26bf608849bfd722a0c3fae256b5338da0863ea20e36fb99df640653a7a5c5a9
+  data.tar.gz: aea5c73a0fc766affbd06c3fc657a253050a01284a2decfd7bb6389b81e2f862
+SHA512:
+  metadata.gz: 0e2fd0e3c0a35914252e2c477103e827cc41c22014703769d6d8b866b3b3dffbfbd895bbb1c689608b33b0bd31b9cbf50307f54a5d5303e4f1eedd3442a8aba3
+  data.tar.gz: 319470299a08db00b427fb91b2ed34a84dcf0c9f27ee5cf1fbf39c76863c086e0aa500b271df98b2b3f773b0ad3da83eb190189aca5d86865949ec863b1bd349

data/.rspec

@@ -0,0 +1,3 @@
+--format documentation
+--color
+--require spec_helper

data/.standard.yml

@@ -0,0 +1,7 @@
+# For available configuration options, see:
+#   https://github.com/testdouble/standard
+ruby_version: 2.6
+
+ignore:
+  - 'codefabrik-styleguide.gemspec':
+    - Style/StringLiterals

data/Gemfile

@@ -0,0 +1,12 @@
+# frozen_string_literal: true
+
+source "https://rubygems.org"
+
+# Specify your gem's dependencies in codefabrik-styleguide.gemspec
+gemspec
+
+gem "rake", "~> 13.0"
+
+gem "rspec", "~> 3.0"
+
+gem "standard", "~> 1.3"

data/Gemfile.lock

@@ -0,0 +1,221 @@
+PATH
+  remote: .
+  specs:
+    codefabrik-styleguide (0.1.0)
+      dartsass-rails (>= 0.4.0)
+      rails (>= 6.0)
+
+GEM
+  remote: https://rubygems.org/
+  specs:
+    actioncable (7.0.6)
+      actionpack (= 7.0.6)
+      activesupport (= 7.0.6)
+      nio4r (~> 2.0)
+      websocket-driver (>= 0.6.1)
+    actionmailbox (7.0.6)
+      actionpack (= 7.0.6)
+      activejob (= 7.0.6)
+      activerecord (= 7.0.6)
+      activestorage (= 7.0.6)
+      activesupport (= 7.0.6)
+      mail (>= 2.7.1)
+      net-imap
+      net-pop
+      net-smtp
+    actionmailer (7.0.6)
+      actionpack (= 7.0.6)
+      actionview (= 7.0.6)
+      activejob (= 7.0.6)
+      activesupport (= 7.0.6)
+      mail (~> 2.5, >= 2.5.4)
+      net-imap
+      net-pop
+      net-smtp
+      rails-dom-testing (~> 2.0)
+    actionpack (7.0.6)
+      actionview (= 7.0.6)
+      activesupport (= 7.0.6)
+      rack (~> 2.0, >= 2.2.4)
+      rack-test (>= 0.6.3)
+      rails-dom-testing (~> 2.0)
+      rails-html-sanitizer (~> 1.0, >= 1.2.0)
+    actiontext (7.0.6)
+      actionpack (= 7.0.6)
+      activerecord (= 7.0.6)
+      activestorage (= 7.0.6)
+      activesupport (= 7.0.6)
+      globalid (>= 0.6.0)
+      nokogiri (>= 1.8.5)
+    actionview (7.0.6)
+      activesupport (= 7.0.6)
+      builder (~> 3.1)
+      erubi (~> 1.4)
+      rails-dom-testing (~> 2.0)
+      rails-html-sanitizer (~> 1.1, >= 1.2.0)
+    activejob (7.0.6)
+      activesupport (= 7.0.6)
+      globalid (>= 0.3.6)
+    activemodel (7.0.6)
+      activesupport (= 7.0.6)
+    activerecord (7.0.6)
+      activemodel (= 7.0.6)
+      activesupport (= 7.0.6)
+    activestorage (7.0.6)
+      actionpack (= 7.0.6)
+      activejob (= 7.0.6)
+      activerecord (= 7.0.6)
+      activesupport (= 7.0.6)
+      marcel (~> 1.0)
+      mini_mime (>= 1.1.0)
+    activesupport (7.0.6)
+      concurrent-ruby (~> 1.0, >= 1.0.2)
+      i18n (>= 1.6, < 2)
+      minitest (>= 5.1)
+      tzinfo (~> 2.0)
+    ast (2.4.2)
+    builder (3.2.4)
+    concurrent-ruby (1.2.2)
+    crass (1.0.6)
+    dartsass-rails (0.5.0)
+      railties (>= 6.0.0)
+      sass-embedded (~> 1.63)
+    date (3.3.3)
+    diff-lcs (1.5.0)
+    erubi (1.12.0)
+    globalid (1.1.0)
+      activesupport (>= 5.0)
+    google-protobuf (3.23.4-x86_64-linux)
+    i18n (1.14.1)
+      concurrent-ruby (~> 1.0)
+    json (2.6.3)
+    language_server-protocol (3.17.0.3)
+    lint_roller (1.1.0)
+    loofah (2.21.3)
+      crass (~> 1.0.2)
+      nokogiri (>= 1.12.0)
+    mail (2.8.1)
+      mini_mime (>= 0.1.1)
+      net-imap
+      net-pop
+      net-smtp
+    marcel (1.0.2)
+    method_source (1.0.0)
+    mini_mime (1.1.2)
+    minitest (5.19.0)
+    net-imap (0.3.7)
+      date
+      net-protocol
+    net-pop (0.1.2)
+      net-protocol
+    net-protocol (0.2.1)
+      timeout
+    net-smtp (0.3.3)
+      net-protocol
+    nio4r (2.5.9)
+    nokogiri (1.15.3-x86_64-linux)
+      racc (~> 1.4)
+    parallel (1.23.0)
+    parser (3.2.2.3)
+      ast (~> 2.4.1)
+      racc
+    racc (1.7.1)
+    rack (2.2.8)
+    rack-test (2.1.0)
+      rack (>= 1.3)
+    rails (7.0.6)
+      actioncable (= 7.0.6)
+      actionmailbox (= 7.0.6)
+      actionmailer (= 7.0.6)
+      actionpack (= 7.0.6)
+      actiontext (= 7.0.6)
+      actionview (= 7.0.6)
+      activejob (= 7.0.6)
+      activemodel (= 7.0.6)
+      activerecord (= 7.0.6)
+      activestorage (= 7.0.6)
+      activesupport (= 7.0.6)
+      bundler (>= 1.15.0)
+      railties (= 7.0.6)
+    rails-dom-testing (2.1.1)
+      activesupport (>= 5.0.0)
+      minitest
+      nokogiri (>= 1.6)
+    rails-html-sanitizer (1.6.0)
+      loofah (~> 2.21)
+      nokogiri (~> 1.14)
+    railties (7.0.6)
+      actionpack (= 7.0.6)
+      activesupport (= 7.0.6)
+      method_source
+      rake (>= 12.2)
+      thor (~> 1.0)
+      zeitwerk (~> 2.5)
+    rainbow (3.1.1)
+    rake (13.0.6)
+    regexp_parser (2.8.1)
+    rexml (3.2.6)
+    rspec (3.12.0)
+      rspec-core (~> 3.12.0)
+      rspec-expectations (~> 3.12.0)
+      rspec-mocks (~> 3.12.0)
+    rspec-core (3.12.2)
+      rspec-support (~> 3.12.0)
+    rspec-expectations (3.12.3)
+      diff-lcs (>= 1.2.0, < 2.0)
+      rspec-support (~> 3.12.0)
+    rspec-mocks (3.12.6)
+      diff-lcs (>= 1.2.0, < 2.0)
+      rspec-support (~> 3.12.0)
+    rspec-support (3.12.1)
+    rubocop (1.52.1)
+      json (~> 2.3)
+      parallel (~> 1.10)
+      parser (>= 3.2.2.3)
+      rainbow (>= 2.2.2, < 4.0)
+      regexp_parser (>= 1.8, < 3.0)
+      rexml (>= 3.2.5, < 4.0)
+      rubocop-ast (>= 1.28.0, < 2.0)
+      ruby-progressbar (~> 1.7)
+      unicode-display_width (>= 2.4.0, < 3.0)
+    rubocop-ast (1.29.0)
+      parser (>= 3.2.1.0)
+    rubocop-performance (1.18.0)
+      rubocop (>= 1.7.0, < 2.0)
+      rubocop-ast (>= 0.4.0)
+    ruby-progressbar (1.13.0)
+    sass-embedded (1.64.2-x86_64-linux-gnu)
+      google-protobuf (~> 3.23)
+    standard (1.30.1)
+      language_server-protocol (~> 3.17.0.2)
+      lint_roller (~> 1.0)
+      rubocop (~> 1.52.0)
+      standard-custom (~> 1.0.0)
+      standard-performance (~> 1.1.0)
+    standard-custom (1.0.2)
+      lint_roller (~> 1.0)
+      rubocop (~> 1.50)
+    standard-performance (1.1.2)
+      lint_roller (~> 1.1)
+      rubocop-performance (~> 1.18.0)
+    thor (1.2.2)
+    timeout (0.4.0)
+    tzinfo (2.0.6)
+      concurrent-ruby (~> 1.0)
+    unicode-display_width (2.4.2)
+    websocket-driver (0.7.6)
+      websocket-extensions (>= 0.1.0)
+    websocket-extensions (0.1.5)
+    zeitwerk (2.6.10)
+
+PLATFORMS
+  x86_64-linux
+
+DEPENDENCIES
+  codefabrik-styleguide!
+  rake (~> 13.0)
+  rspec (~> 3.0)
+  standard (~> 1.3)
+
+BUNDLED WITH
+   2.4.10

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2023 Lukas_Skywalker
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/README.md

@@ -0,0 +1,99 @@
+# Codefabrik::Styleguide
+
+Default styles for Codefabrik Rails applications.
+
+## Installation
+
+Install the gem and add to the application's Gemfile by executing:
+
+    $ bundle add codefabrik-styleguide
+
+If bundler is not being used to manage dependencies, install the gem by
+executing:
+
+    $ gem install codefabrik-styleguide
+
+## Usage
+
+Add the Codefabrik styles to your `application.css.scss` file:
+
+```scss
+@use 'codefabrik/styleguide' with (
+    $primary_color: blue,
+    $text_on_primary_color: white
+);
+```
+
+You can override default values by adding them to the `with` block as shown
+above.
+
+The possible overrides are the following:
+
+```scss
+$media_breakpoint: 40em;
+$primary_color: red;
+$text_on_primary_color: blue;
+$secondary_color: pink;
+$text_on_secondary_color: black;
+$border_color: green;
+$default_distance: 1rem;
+```
+
+## Architecture
+
+The styleguide is meant for mobile first development. Start with the mobile
+styles, and add the desktop styles later.
+
+### Grid
+
+To create a layout where the mobile view shows a single column and the desktop
+view shows four columns side by side, use the following rules:
+
+```html
+<div class="grid grid-d-4"></div> <!-- single column on mobile, 4 on desktop -->
+```
+
+You can also implement different column counts on mobile and desktop:
+
+```html
+<div class="grid grid-2 grid-d-4"></div> <!-- 2 columns on mobile, 4 on desktop -->
+```
+
+Columns of varying width can be defined by their weight:
+
+```html
+<div class="grid grid-1-3"></div> <!-- column width of 25% and 75% on mobile and desktop -->
+```
+
+### Flexbox
+
+Flexbox rules are defined with english words. Use the horizontal position
+first, then the vertical position, such as `center`, `left`, `right`, `top`
+and `bottom`.
+
+```html
+<div class="flex center-top">...</div>
+```
+
+
+## Development
+
+After checking out the repo, run `bin/setup` to install dependencies. Then, run
+`rake spec` to run the tests. You can also run `bin/console` for an interactive
+prompt that will allow you to experiment.
+
+To install this gem onto your local machine, run `bundle exec rake install`. To
+release a new version, update the version number in `version.rb`, and then run
+`bundle exec rake release`, which will create a git tag for the version, push
+git commits and the created tag, and push the `.gem` file to
+[rubygems.org](https://rubygems.org).
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at
+https://github.com/code-fabrik/styleguide.
+
+## License
+
+The gem is available as open source under the terms of the
+[MIT License](https://opensource.org/licenses/MIT).

data/Rakefile

@@ -0,0 +1,10 @@
+# frozen_string_literal: true
+
+require "bundler/gem_tasks"
+require "rspec/core/rake_task"
+
+RSpec::Core::RakeTask.new(:spec)
+
+require "standard/rake"
+
+task default: %i[spec standard]

data/lib/codefabrik/styleguide/version.rb

@@ -0,0 +1,7 @@
+# frozen_string_literal: true
+
+module Codefabrik
+  module Styleguide
+    VERSION = "0.1.0"
+  end
+end

data/lib/codefabrik/styleguide.rb

@@ -0,0 +1,13 @@
+# frozen_string_literal: true
+
+require "rails/engine"
+require_relative "styleguide/version"
+
+module Codefabrik
+  module Styleguide
+    class Error < StandardError; end
+
+    class Engine < ::Rails::Engine
+    end
+  end
+end

data/sig/codefabrik/styleguide.rbs

@@ -0,0 +1,6 @@
+module Codefabrik
+  module Styleguide
+    VERSION: String
+    # See the writing guide of rbs: https://github.com/ruby/rbs#guides
+  end
+end

data/vendor/assets/stylesheets/codefabrik/styleguide/01_reset.scss

@@ -0,0 +1,12 @@
+body {
+  margin: 0;
+  line-height: 1;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+}
+
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}

data/vendor/assets/stylesheets/codefabrik/styleguide/02_layout.scss

@@ -0,0 +1,98 @@
+.wrapper {
+  width: calc(100% - 2 * $default_distance);
+  margin: 0 $default_distance;
+
+  @media screen and (min-width: $media_breakpoint) {
+    width: $media_breakpoint;
+    margin: 0 auto;
+  }
+}
+
+$sizes: ("quarter": 0.25, "half": 0.5, "1": 1, "2": 2, "3": 3, "4": 4, "5": 5, "6": 6);
+
+@each $name, $size in $sizes {
+  .m-#{$name} {
+    margin: $size * $default_distance;
+  }
+
+  .mt-#{$name} {
+    margin-top: $size * $default_distance;
+  }
+
+  .mb-#{$name} {
+    margin-bottom: $size * $default_distance;
+  }
+
+  .mx-#{$name} {
+    margin-left: $size * $default_distance;
+    margin-right: $size * $default_distance;
+  }
+
+  .my-#{$name} {
+    margin-top: $size * $default_distance;
+    margin-bottom: $size * $default_distance;
+  }
+
+  .p-#{$name} {
+    padding: $size * $default_distance;
+  }
+
+  .px-#{$name} {
+    padding-left: $size * $default_distance;
+    padding-right: $size * $default_distance;
+  }
+
+  .py-#{$name} {
+    padding-top: $size * $default_distance;
+    padding-bottom: $size * $default_distance;
+  }
+
+  .pb-#{$name} {
+    padding-bottom: $size * $default_distance;
+  }
+}
+
+.sticky {
+  position: sticky;
+  top: 0;
+}
+
+.front {
+  z-index: 10;
+}
+
+.wide {
+  width: 100%;
+}
+
+.shadow {
+  box-shadow: 2px 2px 7px 3px $border_color;
+}
+
+.border-1 {
+  border: 1px solid $border_color;
+}
+
+.hide-on-mobile {
+  display: none;
+
+  @media screen and (min-width: $media_breakpoint) {
+    display: block;
+  }
+}
+
+.hide-on-desktop {
+  display: block;
+
+  @media screen and (min-width: $media_breakpoint) {
+    display: none;
+  }
+}
+
+.inline-block {
+  display: inline-block;
+}
+
+.clearfix {
+  clear: both;
+}

data/vendor/assets/stylesheets/codefabrik/styleguide/03_grid.scss

@@ -0,0 +1,101 @@
+.grid {
+  display: grid;
+  column-gap: $default_distance;
+  row-gap: $default_distance;
+  grid-template-columns: 1fr;
+
+  &.nogap {
+    column-gap: 0;
+    row-gap: 0;
+  }
+
+  @each $count in 1 2 3 4 5 6 {
+    &.grid-#{$count} {
+      grid-template-columns: repeat($count, 1fr);
+    }
+
+    @media screen and (min-width: $media_breakpoint) {
+      &.grid-d-#{$count} {
+        grid-template-columns: repeat($count, 1fr);
+      }
+    }
+  }
+
+  @each $first_size in 1 2 3 4 5 6 {
+    @each $second_size in 1 2 3 4 5 6 {
+      &.grid-#{$first_size}-#{$second_size} {
+        grid-template-columns: $first_size + 0fr $second_size + 0fr;
+      }
+
+      @media screen and (min-width: $media_breakpoint) {
+        &.grid-d-#{$first_size}-#{$second_size} {
+          grid-template-columns: $first_size + 0fr $second_size + 0fr;
+        }
+      }
+    }
+  }
+
+  @each $colspan in 1 2 3 4 5 6 {
+    .wide-#{$colspan} {
+      grid-column: span $colspan;
+    }
+
+    @media screen and (min-width: $media_breakpoint) {
+      .wide-d-#{$colspan} {
+        grid-column: span $colspan;
+      }
+    }
+  }
+}
+
+$dir_v: ("top": flex-start, "center": center, "bottom": flex-end);
+$dir_h: ("left": flex-start, "center": center, "right": flex-end);
+
+.flex {
+  display: flex;
+  flex-direction: column;
+
+  @media screen and (min-width: $media_breakpoint) {
+    flex-direction: row;
+  }
+
+  @each $vname, $v in $dir_v {
+    @each $hname, $h in $dir_h {
+      &.#{$hname}-#{$vname} {
+        justify-content: $h;
+        align-items: $v;
+      }
+    }
+  }
+
+  &.apart {
+    width: 100%;
+    justify-content: space-between;
+
+    &.v-center {
+      align-items: center;
+    }
+  }
+
+  &.stretch {
+    width: 100%;
+    justify-content: stretch;
+  }
+
+  &.col {
+    flex-direction: column;
+
+    &.apart {
+      justify-content: space-between;
+    }
+
+    @each $vname, $v in $dir_v {
+      @each $hname, $h in $dir_h {
+        &.#{$hname}-#{$vname} {
+          justify-content: $v;
+          align-items: $h;
+        }
+      }
+    }
+  }
+}

data/vendor/assets/stylesheets/codefabrik/styleguide/04_typo.scss

@@ -0,0 +1,91 @@
+p {
+  margin-bottom: $default_distance;
+  line-height: 1.6;
+  text-rendering: optimizeLegibility;
+}
+
+a {
+  line-height: inherit;
+  color: $primary_color;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  font-weight: normal;
+  line-height: 1.4;
+  margin-top: 0;
+  margin-bottom: 0.5rem;
+}
+
+h1 {
+  font-size: 1.5 * $default_distance;
+
+  @media print, screen and (min-width: $media_breakpoint) {
+    font-size: 3 * $default_distance;
+  }
+}
+
+h2 {
+  font-size: 1.25 * $default_distance;
+
+  @media print, screen and (min-width: $media_breakpoint) {
+    font-size: 2.5 * $default_distance;
+  }
+}
+
+h3 {
+  font-size: 1.2 * $default_distance;
+
+  @media print, screen and (min-width: $media_breakpoint) {
+    font-size: 2 * $default_distance;
+  }
+}
+
+h4 {
+  font-size: 1.1 * $default_distance;
+
+  @media print, screen and (min-width: $media_breakpoint) {
+    font-size: 1.5 * $default_distance;
+  }
+}
+
+h5 {
+  font-size: $default_distance;
+
+  @media print, screen and (min-width: $media_breakpoint) {
+    font-size: 1.25 * $default_distance;
+  }
+}
+
+h6 {
+  font-size: $default_distance;
+
+  @media print, screen and (min-width: $media_breakpoint) {
+    font-size: $default_distance;
+  }
+}
+
+blockquote {
+  line-height: 1.6;
+
+  cite {
+    display: block;
+    font-size: .8em;
+
+    &::before {
+      content: "— ";
+    }
+  }
+}
+
+.upper {
+  text-transform: uppercase;
+}
+
+.text-center {
+  text-align: center;
+}
+
+.backdrop {
+  background-color: $primary_color;
+  color: $text_on_primary_color;
+}

data/vendor/assets/stylesheets/codefabrik/styleguide/05_buttons.scss

@@ -0,0 +1,41 @@
+.btn, .button {
+  display: inline-block;
+  text-decoration: none;
+  border: none;
+  padding: 0.8em 1em;
+  cursor: pointer;
+  background-color: $primary_color;
+  color: $text_on_primary_color;
+
+  &:hover {
+    background-color: darken($primary_color, 15%);
+  }
+
+  &:active {
+    background-color: darken($primary_color, 30%);
+  }
+
+  &.small {
+    padding: 0.4em 0.5em;
+    font-size: 0.8em;
+  }
+
+  &.big {
+    padding: 1.2em 1.5em;
+    font-size: 1.3em;
+  }
+
+  &.outline {
+    background-color: transparent;
+    border: 1px solid $primary_color;
+    color: $primary_color;
+
+    &:hover {
+      background-color: darken(white, 5%);
+    }
+  }
+
+  &.noborder {
+    border: none;
+  }
+}

data/vendor/assets/stylesheets/codefabrik/styleguide.scss

@@ -0,0 +1,13 @@
+$media_breakpoint: 75rem !default;
+$primary_color: red !default;
+$text_on_primary_color: blue !default;
+$secondary_color: pink !default;
+$text_on_secondary_color: black !default;
+$border_color: green !default;
+$default_distance: 1rem !default;
+
+@import 'styleguide/01_reset';
+@import 'styleguide/02_layout';
+@import 'styleguide/03_grid';
+@import 'styleguide/04_typo';
+@import 'styleguide/05_buttons';

metadata

@@ -0,0 +1,92 @@
+--- !ruby/object:Gem::Specification
+name: codefabrik-styleguide
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Lukas_Skywalker
+autorequire: 
+bindir: exe
+cert_chain: []
+date: 2023-08-01 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: dartsass-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 0.4.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 0.4.0
+- !ruby/object:Gem::Dependency
+  name: rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '6.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '6.0'
+description: Provides Rails applications with standard styles, including a responsive
+  grid.
+email:
+- lukas.diener@hotmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".rspec"
+- ".standard.yml"
+- Gemfile
+- Gemfile.lock
+- LICENSE.txt
+- README.md
+- Rakefile
+- lib/codefabrik/styleguide.rb
+- lib/codefabrik/styleguide/version.rb
+- sig/codefabrik/styleguide.rbs
+- vendor/assets/stylesheets/codefabrik/styleguide.scss
+- vendor/assets/stylesheets/codefabrik/styleguide/01_reset.scss
+- vendor/assets/stylesheets/codefabrik/styleguide/02_layout.scss
+- vendor/assets/stylesheets/codefabrik/styleguide/03_grid.scss
+- vendor/assets/stylesheets/codefabrik/styleguide/04_typo.scss
+- vendor/assets/stylesheets/codefabrik/styleguide/05_buttons.scss
+homepage: https://code-fabrik.ch
+licenses:
+- MIT
+metadata:
+  allowed_push_host: https://rubygems.org
+  homepage_uri: https://code-fabrik.ch
+  source_code_uri: https://github.com/code-fabrik/styleguide
+  changelog_uri: https://github.com/code-fabrik/styleguide
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: 2.6.0
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.4.10
+signing_key: 
+specification_version: 4
+summary: Default styles for Rails applications.
+test_files: []