diff options
author | Thibaut Girka <thib@sitedethib.com> | 2019-06-12 16:03:10 +0200 |
---|---|---|
committer | multiple creatures <dev@multiple-creature.party> | 2020-02-22 01:29:37 -0600 |
commit | 5ac7374113b1ad31f4ec63efbf4d48b11c284559 (patch) | |
tree | d75708cce110da53600e895b2098f5a48f5c50c3 /app/javascript/flavours/glitch/styles/components/columns.scss | |
parent | e8328c5dc17c887d8a7d4b6bec392863092ff569 (diff) |
Fix and refactor SCSS
Diffstat (limited to 'app/javascript/flavours/glitch/styles/components/columns.scss')
-rw-r--r-- | app/javascript/flavours/glitch/styles/components/columns.scss | 30 |
1 files changed, 1 insertions, 29 deletions
diff --git a/app/javascript/flavours/glitch/styles/components/columns.scss b/app/javascript/flavours/glitch/styles/components/columns.scss index b8ecf647e..b354e7acf 100644 --- a/app/javascript/flavours/glitch/styles/components/columns.scss +++ b/app/javascript/flavours/glitch/styles/components/columns.scss @@ -90,34 +90,6 @@ overflow: hidden; } -@include multi-columns('screen and (min-width: 631px)', $parent: null) { - .columns-area { - padding: 0; - } - - .column { - flex: 0 0 auto; - padding: 10px; - padding-left: 5px; - padding-right: 5px; - - &:first-child { - padding-left: 10px; - } - - &:last-child { - padding-right: 10px; - } - } - - .columns-area > div { - .column { - padding-left: 5px; - padding-right: 5px; - } - } -} - .column-back-button { background: lighten($ui-base-color, 4%); color: $highlight-text-color; @@ -298,7 +270,7 @@ flex-direction: column; overflow: hidden; - .wide & { + .wide .columns-area:not(.columns-area--mobile) & { flex: auto; min-width: 330px; max-width: 400px; |