API tools faq
paste
rohittigga

bulma-grid.css

rohittigga
Sep 16th, 2017
147
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 20.49 KB | None | 0 0
raw download clone embed print report
  1. @keyframes spinAround {
  2.   from {
  3.     transform: rotate(0deg); }
  4.   to {
  5.     transform: rotate(359deg); } }
  6.  
  7. .column {
  8.   display: block;
  9.   flex-basis: 0;
  10.   flex-grow: 1;
  11.   flex-shrink: 1;
  12.   padding: 0.75rem; }
  13.   .columns.is-mobile > .column.is-narrow {
  14.     flex: none; }
  15.   .columns.is-mobile > .column.is-full {
  16.     flex: none;
  17.     width: 100%; }
  18.   .columns.is-mobile > .column.is-three-quarters {
  19.     flex: none;
  20.     width: 75%; }
  21.   .columns.is-mobile > .column.is-two-thirds {
  22.     flex: none;
  23.     width: 66.6666%; }
  24.   .columns.is-mobile > .column.is-half {
  25.     flex: none;
  26.     width: 50%; }
  27.   .columns.is-mobile > .column.is-one-third {
  28.     flex: none;
  29.     width: 33.3333%; }
  30.   .columns.is-mobile > .column.is-one-quarter {
  31.     flex: none;
  32.     width: 25%; }
  33.   .columns.is-mobile > .column.is-offset-three-quarters {
  34.     margin-left: 75%; }
  35.   .columns.is-mobile > .column.is-offset-two-thirds {
  36.     margin-left: 66.6666%; }
  37.   .columns.is-mobile > .column.is-offset-half {
  38.     margin-left: 50%; }
  39.   .columns.is-mobile > .column.is-offset-one-third {
  40.     margin-left: 33.3333%; }
  41.   .columns.is-mobile > .column.is-offset-one-quarter {
  42.     margin-left: 25%; }
  43.   .columns.is-mobile > .column.is-1 {
  44.     flex: none;
  45.     width: 8.33333%; }
  46.   .columns.is-mobile > .column.is-offset-1 {
  47.     margin-left: 8.33333%; }
  48.   .columns.is-mobile > .column.is-2 {
  49.     flex: none;
  50.     width: 16.66667%; }
  51.   .columns.is-mobile > .column.is-offset-2 {
  52.     margin-left: 16.66667%; }
  53.   .columns.is-mobile > .column.is-3 {
  54.     flex: none;
  55.     width: 25%; }
  56.   .columns.is-mobile > .column.is-offset-3 {
  57.     margin-left: 25%; }
  58.   .columns.is-mobile > .column.is-4 {
  59.     flex: none;
  60.     width: 33.33333%; }
  61.   .columns.is-mobile > .column.is-offset-4 {
  62.     margin-left: 33.33333%; }
  63.   .columns.is-mobile > .column.is-5 {
  64.     flex: none;
  65.     width: 41.66667%; }
  66.   .columns.is-mobile > .column.is-offset-5 {
  67.     margin-left: 41.66667%; }
  68.   .columns.is-mobile > .column.is-6 {
  69.     flex: none;
  70.     width: 50%; }
  71.   .columns.is-mobile > .column.is-offset-6 {
  72.     margin-left: 50%; }
  73.   .columns.is-mobile > .column.is-7 {
  74.     flex: none;
  75.     width: 58.33333%; }
  76.   .columns.is-mobile > .column.is-offset-7 {
  77.     margin-left: 58.33333%; }
  78.   .columns.is-mobile > .column.is-8 {
  79.     flex: none;
  80.     width: 66.66667%; }
  81.   .columns.is-mobile > .column.is-offset-8 {
  82.     margin-left: 66.66667%; }
  83.   .columns.is-mobile > .column.is-9 {
  84.     flex: none;
  85.     width: 75%; }
  86.   .columns.is-mobile > .column.is-offset-9 {
  87.     margin-left: 75%; }
  88.   .columns.is-mobile > .column.is-10 {
  89.     flex: none;
  90.     width: 83.33333%; }
  91.   .columns.is-mobile > .column.is-offset-10 {
  92.     margin-left: 83.33333%; }
  93.   .columns.is-mobile > .column.is-11 {
  94.     flex: none;
  95.     width: 91.66667%; }
  96.   .columns.is-mobile > .column.is-offset-11 {
  97.     margin-left: 91.66667%; }
  98.   .columns.is-mobile > .column.is-12 {
  99.     flex: none;
  100.     width: 100%; }
  101.   .columns.is-mobile > .column.is-offset-12 {
  102.     margin-left: 100%; }
  103.   @media screen and (max-width: 768px) {
  104.     .column.is-narrow-mobile {
  105.       flex: none; }
  106.     .column.is-full-mobile {
  107.       flex: none;
  108.       width: 100%; }
  109.     .column.is-three-quarters-mobile {
  110.       flex: none;
  111.       width: 75%; }
  112.     .column.is-two-thirds-mobile {
  113.       flex: none;
  114.       width: 66.6666%; }
  115.     .column.is-half-mobile {
  116.       flex: none;
  117.       width: 50%; }
  118.     .column.is-one-third-mobile {
  119.       flex: none;
  120.       width: 33.3333%; }
  121.     .column.is-one-quarter-mobile {
  122.       flex: none;
  123.       width: 25%; }
  124.     .column.is-offset-three-quarters-mobile {
  125.       margin-left: 75%; }
  126.     .column.is-offset-two-thirds-mobile {
  127.       margin-left: 66.6666%; }
  128.     .column.is-offset-half-mobile {
  129.       margin-left: 50%; }
  130.     .column.is-offset-one-third-mobile {
  131.       margin-left: 33.3333%; }
  132.     .column.is-offset-one-quarter-mobile {
  133.       margin-left: 25%; }
  134.     .column.is-1-mobile {
  135.       flex: none;
  136.       width: 8.33333%; }
  137.     .column.is-offset-1-mobile {
  138.       margin-left: 8.33333%; }
  139.     .column.is-2-mobile {
  140.       flex: none;
  141.       width: 16.66667%; }
  142.     .column.is-offset-2-mobile {
  143.       margin-left: 16.66667%; }
  144.     .column.is-3-mobile {
  145.       flex: none;
  146.       width: 25%; }
  147.     .column.is-offset-3-mobile {
  148.       margin-left: 25%; }
  149.     .column.is-4-mobile {
  150.       flex: none;
  151.       width: 33.33333%; }
  152.     .column.is-offset-4-mobile {
  153.       margin-left: 33.33333%; }
  154.     .column.is-5-mobile {
  155.       flex: none;
  156.       width: 41.66667%; }
  157.     .column.is-offset-5-mobile {
  158.       margin-left: 41.66667%; }
  159.     .column.is-6-mobile {
  160.       flex: none;
  161.       width: 50%; }
  162.     .column.is-offset-6-mobile {
  163.       margin-left: 50%; }
  164.     .column.is-7-mobile {
  165.       flex: none;
  166.       width: 58.33333%; }
  167.     .column.is-offset-7-mobile {
  168.       margin-left: 58.33333%; }
  169.     .column.is-8-mobile {
  170.       flex: none;
  171.       width: 66.66667%; }
  172.     .column.is-offset-8-mobile {
  173.       margin-left: 66.66667%; }
  174.     .column.is-9-mobile {
  175.       flex: none;
  176.       width: 75%; }
  177.     .column.is-offset-9-mobile {
  178.       margin-left: 75%; }
  179.     .column.is-10-mobile {
  180.       flex: none;
  181.       width: 83.33333%; }
  182.     .column.is-offset-10-mobile {
  183.       margin-left: 83.33333%; }
  184.     .column.is-11-mobile {
  185.       flex: none;
  186.       width: 91.66667%; }
  187.     .column.is-offset-11-mobile {
  188.       margin-left: 91.66667%; }
  189.     .column.is-12-mobile {
  190.       flex: none;
  191.       width: 100%; }
  192.     .column.is-offset-12-mobile {
  193.       margin-left: 100%; } }
  194.   @media screen and (min-width: 769px), print {
  195.     .column.is-narrow, .column.is-narrow-tablet {
  196.       flex: none; }
  197.     .column.is-full, .column.is-full-tablet {
  198.       flex: none;
  199.       width: 100%; }
  200.     .column.is-three-quarters, .column.is-three-quarters-tablet {
  201.       flex: none;
  202.       width: 75%; }
  203.     .column.is-two-thirds, .column.is-two-thirds-tablet {
  204.       flex: none;
  205.       width: 66.6666%; }
  206.     .column.is-half, .column.is-half-tablet {
  207.       flex: none;
  208.       width: 50%; }
  209.     .column.is-one-third, .column.is-one-third-tablet {
  210.       flex: none;
  211.       width: 33.3333%; }
  212.     .column.is-one-quarter, .column.is-one-quarter-tablet {
  213.       flex: none;
  214.       width: 25%; }
  215.     .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet {
  216.       margin-left: 75%; }
  217.     .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet {
  218.       margin-left: 66.6666%; }
  219.     .column.is-offset-half, .column.is-offset-half-tablet {
  220.       margin-left: 50%; }
  221.     .column.is-offset-one-third, .column.is-offset-one-third-tablet {
  222.       margin-left: 33.3333%; }
  223.     .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet {
  224.       margin-left: 25%; }
  225.     .column.is-1, .column.is-1-tablet {
  226.       flex: none;
  227.       width: 8.33333%; }
  228.     .column.is-offset-1, .column.is-offset-1-tablet {
  229.       margin-left: 8.33333%; }
  230.     .column.is-2, .column.is-2-tablet {
  231.       flex: none;
  232.       width: 16.66667%; }
  233.     .column.is-offset-2, .column.is-offset-2-tablet {
  234.       margin-left: 16.66667%; }
  235.     .column.is-3, .column.is-3-tablet {
  236.       flex: none;
  237.       width: 25%; }
  238.     .column.is-offset-3, .column.is-offset-3-tablet {
  239.       margin-left: 25%; }
  240.     .column.is-4, .column.is-4-tablet {
  241.       flex: none;
  242.       width: 33.33333%; }
  243.     .column.is-offset-4, .column.is-offset-4-tablet {
  244.       margin-left: 33.33333%; }
  245.     .column.is-5, .column.is-5-tablet {
  246.       flex: none;
  247.       width: 41.66667%; }
  248.     .column.is-offset-5, .column.is-offset-5-tablet {
  249.       margin-left: 41.66667%; }
  250.     .column.is-6, .column.is-6-tablet {
  251.       flex: none;
  252.       width: 50%; }
  253.     .column.is-offset-6, .column.is-offset-6-tablet {
  254.       margin-left: 50%; }
  255.     .column.is-7, .column.is-7-tablet {
  256.       flex: none;
  257.       width: 58.33333%; }
  258.     .column.is-offset-7, .column.is-offset-7-tablet {
  259.       margin-left: 58.33333%; }
  260.     .column.is-8, .column.is-8-tablet {
  261.       flex: none;
  262.       width: 66.66667%; }
  263.     .column.is-offset-8, .column.is-offset-8-tablet {
  264.       margin-left: 66.66667%; }
  265.     .column.is-9, .column.is-9-tablet {
  266.       flex: none;
  267.       width: 75%; }
  268.     .column.is-offset-9, .column.is-offset-9-tablet {
  269.       margin-left: 75%; }
  270.     .column.is-10, .column.is-10-tablet {
  271.       flex: none;
  272.       width: 83.33333%; }
  273.     .column.is-offset-10, .column.is-offset-10-tablet {
  274.       margin-left: 83.33333%; }
  275.     .column.is-11, .column.is-11-tablet {
  276.       flex: none;
  277.       width: 91.66667%; }
  278.     .column.is-offset-11, .column.is-offset-11-tablet {
  279.       margin-left: 91.66667%; }
  280.     .column.is-12, .column.is-12-tablet {
  281.       flex: none;
  282.       width: 100%; }
  283.     .column.is-offset-12, .column.is-offset-12-tablet {
  284.       margin-left: 100%; } }
  285.   @media screen and (max-width: 1023px) {
  286.     .column.is-narrow-touch {
  287.       flex: none; }
  288.     .column.is-full-touch {
  289.       flex: none;
  290.       width: 100%; }
  291.     .column.is-three-quarters-touch {
  292.       flex: none;
  293.       width: 75%; }
  294.     .column.is-two-thirds-touch {
  295.       flex: none;
  296.       width: 66.6666%; }
  297.     .column.is-half-touch {
  298.       flex: none;
  299.       width: 50%; }
  300.     .column.is-one-third-touch {
  301.       flex: none;
  302.       width: 33.3333%; }
  303.     .column.is-one-quarter-touch {
  304.       flex: none;
  305.       width: 25%; }
  306.     .column.is-offset-three-quarters-touch {
  307.       margin-left: 75%; }
  308.     .column.is-offset-two-thirds-touch {
  309.       margin-left: 66.6666%; }
  310.     .column.is-offset-half-touch {
  311.       margin-left: 50%; }
  312.     .column.is-offset-one-third-touch {
  313.       margin-left: 33.3333%; }
  314.     .column.is-offset-one-quarter-touch {
  315.       margin-left: 25%; }
  316.     .column.is-1-touch {
  317.       flex: none;
  318.       width: 8.33333%; }
  319.     .column.is-offset-1-touch {
  320.       margin-left: 8.33333%; }
  321.     .column.is-2-touch {
  322.       flex: none;
  323.       width: 16.66667%; }
  324.     .column.is-offset-2-touch {
  325.       margin-left: 16.66667%; }
  326.     .column.is-3-touch {
  327.       flex: none;
  328.       width: 25%; }
  329.     .column.is-offset-3-touch {
  330.       margin-left: 25%; }
  331.     .column.is-4-touch {
  332.       flex: none;
  333.       width: 33.33333%; }
  334.     .column.is-offset-4-touch {
  335.       margin-left: 33.33333%; }
  336.     .column.is-5-touch {
  337.       flex: none;
  338.       width: 41.66667%; }
  339.     .column.is-offset-5-touch {
  340.       margin-left: 41.66667%; }
  341.     .column.is-6-touch {
  342.       flex: none;
  343.       width: 50%; }
  344.     .column.is-offset-6-touch {
  345.       margin-left: 50%; }
  346.     .column.is-7-touch {
  347.       flex: none;
  348.       width: 58.33333%; }
  349.     .column.is-offset-7-touch {
  350.       margin-left: 58.33333%; }
  351.     .column.is-8-touch {
  352.       flex: none;
  353.       width: 66.66667%; }
  354.     .column.is-offset-8-touch {
  355.       margin-left: 66.66667%; }
  356.     .column.is-9-touch {
  357.       flex: none;
  358.       width: 75%; }
  359.     .column.is-offset-9-touch {
  360.       margin-left: 75%; }
  361.     .column.is-10-touch {
  362.       flex: none;
  363.       width: 83.33333%; }
  364.     .column.is-offset-10-touch {
  365.       margin-left: 83.33333%; }
  366.     .column.is-11-touch {
  367.       flex: none;
  368.       width: 91.66667%; }
  369.     .column.is-offset-11-touch {
  370.       margin-left: 91.66667%; }
  371.     .column.is-12-touch {
  372.       flex: none;
  373.       width: 100%; }
  374.     .column.is-offset-12-touch {
  375.       margin-left: 100%; } }
  376.   @media screen and (min-width: 1024px) {
  377.     .column.is-narrow-desktop {
  378.       flex: none; }
  379.     .column.is-full-desktop {
  380.       flex: none;
  381.       width: 100%; }
  382.     .column.is-three-quarters-desktop {
  383.       flex: none;
  384.       width: 75%; }
  385.     .column.is-two-thirds-desktop {
  386.       flex: none;
  387.       width: 66.6666%; }
  388.     .column.is-half-desktop {
  389.       flex: none;
  390.       width: 50%; }
  391.     .column.is-one-third-desktop {
  392.       flex: none;
  393.       width: 33.3333%; }
  394.     .column.is-one-quarter-desktop {
  395.       flex: none;
  396.       width: 25%; }
  397.     .column.is-offset-three-quarters-desktop {
  398.       margin-left: 75%; }
  399.     .column.is-offset-two-thirds-desktop {
  400.       margin-left: 66.6666%; }
  401.     .column.is-offset-half-desktop {
  402.       margin-left: 50%; }
  403.     .column.is-offset-one-third-desktop {
  404.       margin-left: 33.3333%; }
  405.     .column.is-offset-one-quarter-desktop {
  406.       margin-left: 25%; }
  407.     .column.is-1-desktop {
  408.       flex: none;
  409.       width: 8.33333%; }
  410.     .column.is-offset-1-desktop {
  411.       margin-left: 8.33333%; }
  412.     .column.is-2-desktop {
  413.       flex: none;
  414.       width: 16.66667%; }
  415.     .column.is-offset-2-desktop {
  416.       margin-left: 16.66667%; }
  417.     .column.is-3-desktop {
  418.       flex: none;
  419.       width: 25%; }
  420.     .column.is-offset-3-desktop {
  421.       margin-left: 25%; }
  422.     .column.is-4-desktop {
  423.       flex: none;
  424.       width: 33.33333%; }
  425.     .column.is-offset-4-desktop {
  426.       margin-left: 33.33333%; }
  427.     .column.is-5-desktop {
  428.       flex: none;
  429.       width: 41.66667%; }
  430.     .column.is-offset-5-desktop {
  431.       margin-left: 41.66667%; }
  432.     .column.is-6-desktop {
  433.       flex: none;
  434.       width: 50%; }
  435.     .column.is-offset-6-desktop {
  436.       margin-left: 50%; }
  437.     .column.is-7-desktop {
  438.       flex: none;
  439.       width: 58.33333%; }
  440.     .column.is-offset-7-desktop {
  441.       margin-left: 58.33333%; }
  442.     .column.is-8-desktop {
  443.       flex: none;
  444.       width: 66.66667%; }
  445.     .column.is-offset-8-desktop {
  446.       margin-left: 66.66667%; }
  447.     .column.is-9-desktop {
  448.       flex: none;
  449.       width: 75%; }
  450.     .column.is-offset-9-desktop {
  451.       margin-left: 75%; }
  452.     .column.is-10-desktop {
  453.       flex: none;
  454.       width: 83.33333%; }
  455.     .column.is-offset-10-desktop {
  456.       margin-left: 83.33333%; }
  457.     .column.is-11-desktop {
  458.       flex: none;
  459.       width: 91.66667%; }
  460.     .column.is-offset-11-desktop {
  461.       margin-left: 91.66667%; }
  462.     .column.is-12-desktop {
  463.       flex: none;
  464.       width: 100%; }
  465.     .column.is-offset-12-desktop {
  466.       margin-left: 100%; } }
  467.   @media screen and (min-width: 1216px) {
  468.     .column.is-narrow-widescreen {
  469.       flex: none; }
  470.     .column.is-full-widescreen {
  471.       flex: none;
  472.       width: 100%; }
  473.     .column.is-three-quarters-widescreen {
  474.       flex: none;
  475.       width: 75%; }
  476.     .column.is-two-thirds-widescreen {
  477.       flex: none;
  478.       width: 66.6666%; }
  479.     .column.is-half-widescreen {
  480.       flex: none;
  481.       width: 50%; }
  482.     .column.is-one-third-widescreen {
  483.       flex: none;
  484.       width: 33.3333%; }
  485.     .column.is-one-quarter-widescreen {
  486.       flex: none;
  487.       width: 25%; }
  488.     .column.is-offset-three-quarters-widescreen {
  489.       margin-left: 75%; }
  490.     .column.is-offset-two-thirds-widescreen {
  491.       margin-left: 66.6666%; }
  492.     .column.is-offset-half-widescreen {
  493.       margin-left: 50%; }
  494.     .column.is-offset-one-third-widescreen {
  495.       margin-left: 33.3333%; }
  496.     .column.is-offset-one-quarter-widescreen {
  497.       margin-left: 25%; }
  498.     .column.is-1-widescreen {
  499.       flex: none;
  500.       width: 8.33333%; }
  501.     .column.is-offset-1-widescreen {
  502.       margin-left: 8.33333%; }
  503.     .column.is-2-widescreen {
  504.       flex: none;
  505.       width: 16.66667%; }
  506.     .column.is-offset-2-widescreen {
  507.       margin-left: 16.66667%; }
  508.     .column.is-3-widescreen {
  509.       flex: none;
  510.       width: 25%; }
  511.     .column.is-offset-3-widescreen {
  512.       margin-left: 25%; }
  513.     .column.is-4-widescreen {
  514.       flex: none;
  515.       width: 33.33333%; }
  516.     .column.is-offset-4-widescreen {
  517.       margin-left: 33.33333%; }
  518.     .column.is-5-widescreen {
  519.       flex: none;
  520.       width: 41.66667%; }
  521.     .column.is-offset-5-widescreen {
  522.       margin-left: 41.66667%; }
  523.     .column.is-6-widescreen {
  524.       flex: none;
  525.       width: 50%; }
  526.     .column.is-offset-6-widescreen {
  527.       margin-left: 50%; }
  528.     .column.is-7-widescreen {
  529.       flex: none;
  530.       width: 58.33333%; }
  531.     .column.is-offset-7-widescreen {
  532.       margin-left: 58.33333%; }
  533.     .column.is-8-widescreen {
  534.       flex: none;
  535.       width: 66.66667%; }
  536.     .column.is-offset-8-widescreen {
  537.       margin-left: 66.66667%; }
  538.     .column.is-9-widescreen {
  539.       flex: none;
  540.       width: 75%; }
  541.     .column.is-offset-9-widescreen {
  542.       margin-left: 75%; }
  543.     .column.is-10-widescreen {
  544.       flex: none;
  545.       width: 83.33333%; }
  546.     .column.is-offset-10-widescreen {
  547.       margin-left: 83.33333%; }
  548.     .column.is-11-widescreen {
  549.       flex: none;
  550.       width: 91.66667%; }
  551.     .column.is-offset-11-widescreen {
  552.       margin-left: 91.66667%; }
  553.     .column.is-12-widescreen {
  554.       flex: none;
  555.       width: 100%; }
  556.     .column.is-offset-12-widescreen {
  557.       margin-left: 100%; } }
  558.   @media screen and (min-width: 1408px) {
  559.     .column.is-narrow-fullhd {
  560.       flex: none; }
  561.     .column.is-full-fullhd {
  562.       flex: none;
  563.       width: 100%; }
  564.     .column.is-three-quarters-fullhd {
  565.       flex: none;
  566.       width: 75%; }
  567.     .column.is-two-thirds-fullhd {
  568.       flex: none;
  569.       width: 66.6666%; }
  570.     .column.is-half-fullhd {
  571.       flex: none;
  572.       width: 50%; }
  573.     .column.is-one-third-fullhd {
  574.       flex: none;
  575.       width: 33.3333%; }
  576.     .column.is-one-quarter-fullhd {
  577.       flex: none;
  578.       width: 25%; }
  579.     .column.is-offset-three-quarters-fullhd {
  580.       margin-left: 75%; }
  581.     .column.is-offset-two-thirds-fullhd {
  582.       margin-left: 66.6666%; }
  583.     .column.is-offset-half-fullhd {
  584.       margin-left: 50%; }
  585.     .column.is-offset-one-third-fullhd {
  586.       margin-left: 33.3333%; }
  587.     .column.is-offset-one-quarter-fullhd {
  588.       margin-left: 25%; }
  589.     .column.is-1-fullhd {
  590.       flex: none;
  591.       width: 8.33333%; }
  592.     .column.is-offset-1-fullhd {
  593.       margin-left: 8.33333%; }
  594.     .column.is-2-fullhd {
  595.       flex: none;
  596.       width: 16.66667%; }
  597.     .column.is-offset-2-fullhd {
  598.       margin-left: 16.66667%; }
  599.     .column.is-3-fullhd {
  600.       flex: none;
  601.       width: 25%; }
  602.     .column.is-offset-3-fullhd {
  603.       margin-left: 25%; }
  604.     .column.is-4-fullhd {
  605.       flex: none;
  606.       width: 33.33333%; }
  607.     .column.is-offset-4-fullhd {
  608.       margin-left: 33.33333%; }
  609.     .column.is-5-fullhd {
  610.       flex: none;
  611.       width: 41.66667%; }
  612.     .column.is-offset-5-fullhd {
  613.       margin-left: 41.66667%; }
  614.     .column.is-6-fullhd {
  615.       flex: none;
  616.       width: 50%; }
  617.     .column.is-offset-6-fullhd {
  618.       margin-left: 50%; }
  619.     .column.is-7-fullhd {
  620.       flex: none;
  621.       width: 58.33333%; }
  622.     .column.is-offset-7-fullhd {
  623.       margin-left: 58.33333%; }
  624.     .column.is-8-fullhd {
  625.       flex: none;
  626.       width: 66.66667%; }
  627.     .column.is-offset-8-fullhd {
  628.       margin-left: 66.66667%; }
  629.     .column.is-9-fullhd {
  630.       flex: none;
  631.       width: 75%; }
  632.     .column.is-offset-9-fullhd {
  633.       margin-left: 75%; }
  634.     .column.is-10-fullhd {
  635.       flex: none;
  636.       width: 83.33333%; }
  637.     .column.is-offset-10-fullhd {
  638.       margin-left: 83.33333%; }
  639.     .column.is-11-fullhd {
  640.       flex: none;
  641.       width: 91.66667%; }
  642.     .column.is-offset-11-fullhd {
  643.       margin-left: 91.66667%; }
  644.     .column.is-12-fullhd {
  645.       flex: none;
  646.       width: 100%; }
  647.     .column.is-offset-12-fullhd {
  648.       margin-left: 100%; } }
  649.  
  650. .columns {
  651.   margin-left: -0.75rem;
  652.   margin-right: -0.75rem;
  653.   margin-top: -0.75rem; }
  654.   .columns:last-child {
  655.     margin-bottom: -0.75rem; }
  656.   .columns:not(:last-child) {
  657.     margin-bottom: calc(1.5rem - 0.75rem); }
  658.   .columns.is-centered {
  659.     justify-content: center; }
  660.   .columns.is-gapless {
  661.     margin-left: 0;
  662.     margin-right: 0;
  663.     margin-top: 0; }
  664.     .columns.is-gapless > .column {
  665.       margin: 0;
  666.       padding: 0 !important; }
  667.     .columns.is-gapless:not(:last-child) {
  668.       margin-bottom: 1.5rem; }
  669.     .columns.is-gapless:last-child {
  670.       margin-bottom: 0; }
  671.   .columns.is-mobile {
  672.     display: flex; }
  673.   .columns.is-multiline {
  674.     flex-wrap: wrap; }
  675.   .columns.is-vcentered {
  676.     align-items: center; }
  677.   @media screen and (min-width: 769px), print {
  678.     .columns:not(.is-desktop) {
  679.       display: flex; } }
  680.   @media screen and (min-width: 1024px) {
  681.     .columns.is-desktop {
  682.       display: flex; } }
  683.  
  684. .columns.is-variable {
  685.   --columnGap: 0.75rem;
  686.   margin-left: calc(-1 * var(--columnGap));
  687.   margin-right: calc(-1 * var(--columnGap)); }
  688.   .columns.is-variable .column {
  689.     padding-left: var(--columnGap);
  690.     padding-right: var(--columnGap); }
  691.   .columns.is-variable.is-0 {
  692.     --columnGap: 0rem; }
  693.   .columns.is-variable.is-1 {
  694.     --columnGap: 0.25rem; }
  695.   .columns.is-variable.is-2 {
  696.     --columnGap: 0.5rem; }
  697.   .columns.is-variable.is-3 {
  698.     --columnGap: 0.75rem; }
  699.   .columns.is-variable.is-4 {
  700.     --columnGap: 1rem; }
  701.   .columns.is-variable.is-5 {
  702.     --columnGap: 1.25rem; }
  703.   .columns.is-variable.is-6 {
  704.     --columnGap: 1.5rem; }
  705.   .columns.is-variable.is-7 {
  706.     --columnGap: 1.75rem; }
  707.   .columns.is-variable.is-8 {
  708.     --columnGap: 2rem; }
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!