diff options
Diffstat (limited to 'src/styles/services.scss')
-rw-r--r-- | src/styles/services.scss | 24 |
1 files changed, 5 insertions, 19 deletions
diff --git a/src/styles/services.scss b/src/styles/services.scss index cedfcbdd1..d8f8b9327 100644 --- a/src/styles/services.scss +++ b/src/styles/services.scss | |||
@@ -25,28 +25,14 @@ | |||
25 | 25 | ||
26 | .services__webview { | 26 | .services__webview { |
27 | position: relative; | 27 | position: relative; |
28 | flex: 1 0 33.33%; | 28 | flex: 1 0 33.3333%; |
29 | } | 29 | } |
30 | } | 30 | } |
31 | 31 | ||
32 | &[data-columns="1"] .services .services__webview { | 32 | @for $i from $split-columns-min through $split-columns-max { |
33 | flex-basis: 100%; | 33 | &[data-columns="#{$i}"] .services .services__webview { |
34 | } | 34 | flex-basis: calc(100% / $i); |
35 | 35 | } | |
36 | &[data-columns="2"] .services .services__webview { | ||
37 | flex-basis: 50%; | ||
38 | } | ||
39 | |||
40 | &[data-columns="3"] .services .services__webview { | ||
41 | flex-basis: 33.33%; | ||
42 | } | ||
43 | |||
44 | &[data-columns="4"] .services .services__webview { | ||
45 | flex-basis: 25%; | ||
46 | } | ||
47 | |||
48 | &[data-columns="5"] .services .services__webview { | ||
49 | flex-basis: 20%; | ||
50 | } | 36 | } |
51 | } | 37 | } |
52 | 38 | ||